02构建博客管理页面
1.添加静态资源文件
将文件夹中的home文件和admin文件添加到项目的public文件中去
2.开放静态资源文件
//6 开放静态资源文件 app.js
app.use(express.static(path.join(__dirname,'public'))) //这一步需要拼接路径,所以在项目中需要引入路径拼接模块
//7 引入路径拼接模块 app.js
const path = require('path');
3.测试页面是否成功:
localhost/home/default.html
4.将静态资源(views)中的所有html页面剪切到public文件夹中并修改后缀为.art
5.渲染模板
//route\admin.js
//3 5 设置响应函数
admin.get('/login',(req,res) => {
res.render('admin/login')
//res.send('欢迎来到博客后台管理首页')
});
6.在app.js中添加相应的配置消息
//8告诉express框架模板所在位置
app.set('views',path.join(__dirname,'views'));
//9告诉express框架模板默认的后缀是什么
app.set('view engine','art');
//10 当渲染后缀为art时使用的渲染引擎是什么
app.engine('art',require('express-art-template'));
7.由于文件中的引用资源是相对于浏览器的路径的所以需要所有.art文件的外链资源
具体做法就是将路径有相对路径修改为绝对路径,但是随之而来的问题就是后期打包的过程中路径会直接引用绝对路径,导致外部资源引用失败。我的解决方案是手动修改所有的文件。