Node+express+mongoose+Layui构建管理后台(一)

前言

这个系统其实是出于学习nodejsLayuiUI库的目的而改写的系统,路由控制用express,利用mongodb来存储,样式用Layui源码点击这里

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。

环境:nodeJs、express

1
2
3
Node.js: 8.0.0
Express: 4.15.0
MongoDB: 3.4.2

通过 npm init 命令为你的应用创建一个 package.json 文件。

1
$ npm init

接下来安装 Express 并将其保存到依赖列表中:

1
$ npm install express --save

进入根目录,创建一个名为 app.js 的文件,将以下代码复制进去:

1
2
3
4
5
6
7
8
9
10
11
12
13
var express = require('express');
var app = express();

app.get('/', function (req, res) {
res.send('Hello World!');
});

var server = app.listen(3000, function () {
var host = server.address().address;
var port = server.address().port;

console.log('Example app listening at http://%s:%s', host, port);
});

上面的代码启动一个服务并监听从 3000 端口进入的所有连接请求。他将对所有 (/) URL 或 路由 返回 “Hello World!” 字符串。对于其他所有路径全部返回 404 Not Found。

通过如下命令启动此应用或者package.json里的scripts定义start命令,执行npm start:

1
2
3
4
5
$ node app.js

"scripts": {
"start": "node ./bin/www"
},

然后在浏览器中打开 http://localhost:3000/ 并查看输出结果。

Express应用生成器

还有种更加简单快捷的方法就是用express应用生成器。
通过应用生成器工具 express 可以快速创建一个应用的骨架。

1
$ npm install express-generator -g

例:在当前工作目录下创建一个命名为 myapp 的应用

1
$ express myapp

然后安装所有依赖包:

1
2
$ cd myapp 
$ npm install

启动这个应用(MacOS 或 Linux 平台):

1
$ DEBUG=myapp npm start

Windows 平台使用如下命令:

1
> set DEBUG=myapp & npm start

然后在浏览器中打开 http://localhost:3000/ 网址就可以看到这个应用了。
通过 Express 应用生成器创建的应用一般都有如下目录结构:

1
2
3
4
5
6
7
8
9
10
11
12
13
.
├── app.js 项目入口,可更改,HTTP server引入文件。
├── bin
│ └── www HTTP server监听路径
├── package.json 项目依赖配置及开发者信息
├── public 静态文件
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes 路由文件
└── views 页面文件
└── index.jade

想用回传统页面html,通过以下代码修改app.js:

1
2
3
“app.set('view engine', 'ejs');” 
变成
“app.engine('.html', ejs.__express);app.set('view engine', 'html');”

然后就能识别html文件的页面了,至此已经搭建完基本环境,接下来就是往里面填代码!