一、下载并导入模块
在本案例中,我们需要将需要使用到”art-template body-parser express和express-art-remplate,这几个模块。
1.安装
**a.**进入到文件,打开powershell窗口,进行初始化:npm init -y。
执行完成后开始下载上面所要用的模块: npm install art-template express body-parser path xpress-atr-template --save
2.创建文件
-
router
创建router.js文件,在该文件内处理路由 -
server
业务逻辑层(增删改查) -
views
index.art用于显示图书信息,以及提供跳转入口
tjts.art 是一个表单,用于添加图书信息
xgts.art 渲染数据,用于修改图书信息 -
data.js 模拟后台数据
[
{
"id": "1",
"name": "水浒传",
"author": "施耐庵",
"category": "文学",
"desc": "108条好汉的故事"
},
{
"id": "2",
"name": "西游记",
"author": "吴承恩",
"category": "文学",
"desc": "佛教和道教的斗争"
},
{
"id": "3",
"name": "红楼梦",
"author": "曹雪芹",
"category": "文学",
"desc": "一个封建王朝的缩影"
},
{
"id": "4",
"name": "三国演义",
"author": "罗贯中",
"category": "战争",
"desc": "三国鼎立,诸侯割据"
}
]
index.js 入口文件
//静态文件托管
app.use(express.static('views'))
//设置模板兼容
app.engine('art',require('express-art-template'))
//设置模板引擎路径
app.set('views',path.join(__dirname,'views'))
//设置模板引擎
app.set('view engine','art');
//挂载参数处理的中间件
app.use(bobyParser.urlencoded({
extended:false}));
//处理json数据
app.use(bobyParser.json());
//配置路由
app.use(router)
//监听端口
app.listen(3000,()=