Node.js入门案例Demo项目,学生管理系统(Express+MySQL)

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
Node.js入门案例Demo项目,学生管理系统(Express+MySQL)_第1张图片
2.编辑
Node.js入门案例Demo项目,学生管理系统(Express+MySQL)_第2张图片

3.添加
Node.js入门案例Demo项目,学生管理系统(Express+MySQL)_第3张图片
五、源码下载

一、完成功能:实现对“学生信息”的增删改查。并且实现了数据持久化。

Demo项目,目录结构.数据库为MySQL
Node.js入门案例Demo项目,学生管理系统(Express+MySQL)_第4张图片

二、使用到的技术:基于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
Node.js入门案例Demo项目,学生管理系统(Express+MySQL)_第5张图片
2.编辑
Node.js入门案例Demo项目,学生管理系统(Express+MySQL)_第6张图片

3.添加
Node.js入门案例Demo项目,学生管理系统(Express+MySQL)_第7张图片

五、源码下载
私信我

你可能感兴趣的:(Node入门案例,node项目Demo,node增删改查CRUD,node.js,node)