（黑马程序员）MongoDB + Express + art-template 项目实例-博客管理系统 第一页

   

1、项目环境搭建

1.1、项目介绍

多人博客管理系统：

1、博客内容展示

2、博客管理功能

1.2、项目初始化

1、建立项目所需文件夹：
● public 静态资源
● model 数据库操作
● route 路由
● views 模板

2.  在blog文件夹中创建public（静态资源）文件夹、创建model（放置和数据库相关的文件）文件夹、创建route（放置路由文件）文件夹、创建views(放置模板文件)目录

. 1.生成项目的描述文件，切换到命令行工具windows Powshell输入 npm init -y 输出package.json文件 

 2.下载项目所需的第三方模板

扫描二维码关注公众号，回复： 13418043 查看本文章

npm install exoress mongoose art-template express-art-template

在项目根目录下新建 app.js 文件：

// 引入 express 框架
const express = require('express');
// 创建网站服务器
const app = express();

// 监听端口
app.listen(80);
console.log('网站服务器启动成功');

在命令行工具中切换到当前项目目录，执行：

nodemon app.js

5、构建模板化路由

在 route 目录下新建 home.js(博客展示页面路由) 文件、：

// 引入 express 框架
const express = require('express');
// 创建博客展示页面路由对象
const home = express.Router();

home.get('/', (req, res) => {
  res.send('欢迎来到博客首页');
});

// 将路由对象做为模块成员进行导出
module.exports = home;

新建 admin.js 文件：

// 引入 express 框架
const express = require('express');
// 创建博客展示页面路由对象
const admin = express.Router();

admin.get('/', (req, res) => {
  res.send('欢迎来到博客管理页面');
});

// 将路由对象做为模块成员进行导出
module.exports = admin;

回到 app.js 文件中引入路由文件：

打开浏览器，输入：http://localhost/home 和 http://localhost/admin ，可以看到效果。

// 引入 express 框架
const express = require('express');
// 创建网站服务器
const app = express();
// 引入路由模块
const home = require('./route/home');
const admin = require('./route/admin');
// 将路由和请求路径进行匹配
app.use('/home', home);
app.use('/admin', admin);

// 监听端口
app.listen(80);
console.log('网站服务器启动成功');