Node.js学生管理系统(Express+MySQL)
这次的案例,数据持久化,用的MySQL
目录
一、完成功能:实现对“学生信息”的增删改查。并且实现了数据持久化。
数据库为MySQL。
二、使用到的技术:基于Express框架和art-template模板引擎,并且将路由模块分离出来,更利于开发和维护
三、编写代码
1.首先初始化项目(package.json)
2.安装要用到的包
4.路由模块router.js
5.封装MySQL对学生处理模块student.js
6.视图
四、页面展示:
1.列表页
http://localhost:3000/students
2.编辑
3.添加
五、源码下载
一、完成功能:实现对“学生信息”的增删改查。并且实现了数据持久化。
Demo项目,目录结构.数据库为MySQL
二、使用到的技术:基于Express框架和art-template模板引擎,并且将路由模块分离出来,更利于开发和维护
"art-template": "^4.12.2",
"body-parser": "^1.18.3",
"bootstrap": "^4.1.3",
"express": "^4.16.3",
"express-art-template": "^1.0.1",
"mysql": "^2.16.0"
三、编写代码
1.首先初始化项目(package.json)
npm init -y
2.安装要用到的包
Express框架
npm i -S express
模板引擎
npm i -S art-template
模板引擎与Express的关联包
npm i -S express-art-template
post请求解析工具
npm i -S body-parser
mysql
npm i -S mysql
3.编写核心模块app.js
/**
- app.js 入门模块
- 职责:
- 创建服务
- 做一些服务相关配置
-
模板引擎
-
body-parser 解析表单 post 请求体
-
提供静态资源服务
- 挂载路由
- 监听端口启动服务
*/
var express = require('express');
var router = require('./router');
var bodyParser = require('body-parser');
var app = express();
app.use('/node_modules/',express.static('./node_modules/'));
app.use('/public',express.static('./public/'));
// 配置模板引擎和 body-parser 一定要在 app.use(router) 挂载路由之前
// parse application/x-www-form-urlencoded
app.engine('html',require('express-art-template'));
app.use(bodyParser.urlencoded({extended:false}));
// parse application/json
app.use(bodyParser.json());
//挂载路由到app服务中
app.use(router);
app.listen(8888,function () {
console.log('running 8888 ....')
})
4.路由模块router.js
/**
- router.js 路由模块
- 职责:
- 处理路由
- 根据不同的请求方法+请求路径设置具体的请求处理函数
- 模块职责要单一,不要乱写
- 我们划分模块的目的就是为了增强项目代码的可维护性
- 提升开发效率
*/
四、页面展示:
1.首页 http://localhost:3000/students
2.编辑
3.添加
五、源码下载
私信我