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.下载项目所需的第三方模板
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('网站服务器启动成功');