nodejs与mysql图书管理demo

nodejs图书管理系统

项目准备工作

安装相关包

• 创建index.js入口文件
• 使用npm init -y初始化项目
• 安装express、art-template、body-parse模块:npm install express art-template body-parser --save
• 安装单独包:npm install express-art-template --save

初始化入口文件、数据、路由等

入口文件

• 导入相关包

  /*
  图书管理系统入口文件
  */
  const express=require('express');
  const router=require('./router.js');
  const template=require('art-template');
  const bodyParser=require('body-parser');
  const app=express();
  

• 设置模板引擎

  //设置模板引擎
  app.set('views',path.join(__dirname,'views'));
  app.set('view engine','art');
  app.engine('art', require('express-art-template'));
  
  

• 请求参数的处理

  • //处理请求参数
    //挂载参数处理中间件
    app.use(bodyParser.urlencoded({extended:false}));
    //处理json格式的参数
    app.use(bodyParser.json());
    

• 启动服务器功能

  • 配置路由app.use(router);

  • 监听端口

    • app.listen(3000,()=>{
      	console.log('running...');
      });
      

模拟数据

• 创建data.json

  • [{
    	"id":"1",
    	"name":"三国演义",
    	"author":"罗贯中",
    	"category":"文学",
    	"desc":"一个群雄争霸的年代"
    },
    {
    	"id":"2",
    	"name":"西游记",
    	"author":"吴承恩",
    	"category":"文学",
    	"desc":"讲诉司徒四人历经磨难西天取经的故事"
    },
    {
    	"id":"3",
    	"name":"红楼梦",
    	"author":"曹雪芹",
    	"category":"文学",
    	"desc":"封建王朝下一个大家族衰落的故事"
    },
    {
    	"id":"4",
    	"name":"水浒传",
    	"author":"施耐庵",
    	"category":"文学",
    	"desc":"讲述了108条好汉被逼上梁山起义的故事"
    }
    ]
    

路由

• 把路由绑定到业务层router.js

  • /*
    路由模块
    */
    const express=require('express');
    const router=express.Router();
    const service=require('./service.js');
    //路由处理,把路由绑定到业务上
    router.get('/',service.showIndex);
    
    module.exports=router;
    

• 业务层把数据渲染到页面service.js

  • /*
    业务模块
    */
    const data=require('./data.json');
    //渲染主页面
    exports.showIndex=(req,res)=>{
    	res.render('index',{list:data});
    }
    

使用模拟数据实现添加图书、修改图书和删除图书

添加图书

• 在index页面的添加按钮上修改跳转路径toAddBook