一，需求分析

系统分为后台和前台两部分：

后台：主要是功能管理员的，不是针对所有的网民。

前台：基本上是针对包有的用户，对所有的用户开放。

后台：

注册登录：登录，登录。

分类管理：显示分类，编辑分类，添加分类，删除分类。

文章管理：显示文章，编辑文章，添加文章，删除文章。

用户管理。

标签管理。

前台：

首页面

列表页面

文章详情页面

使用到的技术：
前端：css+html+js+jq

后端：node.js+express+mongodb数据库+express中间件

二，搭建项目

先全局安装Express 应用程序生成器

命令如下：

npm install -g express-generator

正式开始：

1.确定项目目录：

这是我自己的：C:\Users\faster\Desktop\code-blog

使用生成器生成骨架：

 express  blog -e

解释：
-e 是指ejs模板引擎，如果不用ejs模板引擎可以不加

blog就是项目文件夹

进入项目安装依赖：cd 进入 blog

npm i    //安装依赖，包含了大部分需要用到依赖

创建ok，结构如下：
启动项目的几种方式：

npm start

node bin/www

nodemon bin/www

也可以进入bin目录，再启动

如下：

到此骨架完成。

2.载入前台首页面：

准备好相关静态资源：

1.把写好的前台HTML页面放到views目录下，作为模板，后缀名修改为ejs

2.把js，css，font，image等相关的静态资源放到public目录下

3.把页面中发送二次请求的地方，也就是link标签，a标签，javascript等标签的路径，都加上“/”，

设置路由一级路由：

var express = require("express");
var router = express.Router();//router是express的一个方法，不需要安装，直接调用即可
//下方是两个一级路由：第一个参数是读取的端口(express脚手架生成的项目默认端口为3000，可以到bin下的www.js中修改)后面的路径，第二个参数为要访问的路由文件，di；一般一级路由都用use方法：
//前台一级路由
app.use('/posts',posts);
//后台一级路由
app.use('/admin',admin);
//app.use('/cats',cats);//访问http:localhost:3000/cats
app.use('/admin/cats',cats);//
app.use('/admin/posts',article)

二级路由：

var express = require("express");
var router = express.Router();router.get("/",(req,res,next)=>{
//二级路由读取到'/'后，render渲染模板,views下的admin文件夹下的article_list，其他路由同理res.render("admin/article_list")
})
router.get("/add",(req,res,next)=>{res.render("admin/article_add")
})
module.exports=router;

注意：ejs模板渲染没有资源时会报错，为了方便，我门一般给ejs取一个别名叫：html，

也就是说，我门的模板文件可以以html结尾。不必大量修改html文件为ejs文件

如下：

app.set('views', path.join(__dirname, 'views'));
app.engine("html",require("ejs").__express)
app.set('view engine', 'html');

静态资源放到public，为了分离前后端，后端页面的相关静态资源被放到了views下的admin中，因此public和views/admin都要托管：

//托管静态资源：
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.static(path.join(__dirname,'views/admin')))

向Mongodb数据库中存入数据：
编写路由：

在对应的路由文件中写入：
router.post("/add",(req,res)=>{/*var title = req.body.title;var sort = req.body.sort;console.log(title,sort)*/db.insertCats(req.body,function (result) {if (result == "1"){//返回一个带有a标签的页面，可以发送二次请求返回admin/catsres.send("添加分类成功<a href='/admin/cats'>查看分类列表</a>")}else {//返回一个带有a标签的页面，可以发送二次请求返回admin/catsres.send("添加分类失败<a href='/admin/cats'>查看分类列表</a>")}})
})注意：使用post获取表单内容时，需要用到中间件：body-parserbody-parser,在使用生成器时已经安装过了，可以在node_modules中查看，没有的需要自行安装,命令为：npm install body-parser引入命令：var bodyParser = require('body-parser')//配置body-parserapp.use(bodyParser.urlencoded({ extended: false }))// parse application/jsonapp.use(bodyParser.json())

数据库写入数据需要用到一个文件夹：models ,与controller(router修改名字得到)，views形成MVC框架。mvc一般指MVC框架。MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。

models下新建一个js文件用来保存插入函数;使用时，用require引入，例如:var db = require("…/…/models/db");

---

此demo的模板，已经用进行分割，header和footer两个文件为提取出的相同代码。

查询网站：
https://www.npmjs.com/
https://www.expressjs.com.cn/
https://www.runoob.com/nodejs/nodejs-mongodb.html 连接mongodb数据库，进行操作时用到

---