node.js 后台渲染 开发图书管理系统
项目搭建
项目搭建结构
需要依赖下载的模块
"dependencies": {
"art-template": "^4.13.2", //模板引擎需要的模块
"body-parser": "^1.19.0", //HTTP请求体解析的中间件
"express": "^4.17.1", //Node.js 平台的极简应用开发框架
"express-art-template": "^1.0.1", //更好的兼容express框架
"mysql": "^2.18.1" //与mysql进行交互
}
入口文件配置(index.js)
/*
图书管理系统-入口文件
*/
const express = require('express');
const template = require('art-template');
const bodyParser = require('body-parser');
const router = require('./router/router.js');
const fs = require('fs');
const path = require('path');
const app = express();
//挂载参数处理中间件(post)
app.use(bodyParser.urlencoded({
extended:false}));
//处理前台传的json数据
app.use(bodyParser.json());
//启动静态资源服务
//app.use(express.static('public'));
app.use(express.static('views'));
// 设置模板的路径
app.set('views',path.join(__dirname,'views'));
// 设置模板引擎
app.set('view engine', 'art');
// 使express兼容art-template模板引擎
app.engine('art',require('express-art-template'));
//配置路由
app.use(router);
// 监听端口
app.listen(3000,() => {
console.log('running......');
})
页面模板
- 首页面
<body>
<div id="box">
<div class="title">
<h1>图书管理系统</h1>
</div>
<div class="cz">
<form action="/inquireBook" method="post">
请输入书名:
<input type="text" name="username" id="username">
<button id=