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
学生列表展示
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.添加
添加

五、源码下载
私信我

  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值