前言
这个系统其实是出于学习nodejs
和LayuiUI库
的目的而改写的系统,路由控制用express
,利用mongodb
来存储,样式用Layui
。源码点击这里
Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。
环境:nodeJs、express
1 | Node.js: 8.0.0 |
通过 npm init 命令为你的应用创建一个 package.json 文件。
1 | $ npm init |
接下来安装 Express 并将其保存到依赖列表中:
1 | $ npm install express --save |
进入根目录,创建一个名为 app.js 的文件,将以下代码复制进去:
1 | var express = require('express'); |
上面的代码启动一个服务并监听从 3000 端口进入的所有连接请求。他将对所有 (/) URL 或 路由 返回 “Hello World!” 字符串。对于其他所有路径全部返回 404 Not Found。
通过如下命令启动此应用或者package.json里的scripts定义start命令,执行npm start:
1 | $ node app.js |
然后在浏览器中打开 http://localhost:3000/ 并查看输出结果。
Express应用生成器
还有种更加简单快捷的方法就是用express应用生成器。
通过应用生成器工具 express 可以快速创建一个应用的骨架。
1 | $ npm install express-generator -g |
例:在当前工作目录下创建一个命名为 myapp 的应用
1 | $ express myapp |
然后安装所有依赖包:
1 | $ cd myapp |
启动这个应用(MacOS 或 Linux 平台):
1 | $ DEBUG=myapp npm start |
Windows 平台使用如下命令:
1 | > set DEBUG=myapp & npm start |
然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。
通过 Express 应用生成器创建的应用一般都有如下目录结构:
1 | . |
想用回传统页面html,通过以下代码修改app.js
:
1 | “app.set('view engine', 'ejs');” |
然后就能识别html文件的页面了,至此已经搭建完基本环境,接下来就是往里面填代码!