nodejs+express+mysql(后台实例项目练习—搭建项目)

项目功能就是一个后台程序 有 登录 用户的管理 用户的增加 编辑 显示 列表 分页等等常用的功能

因为项目需要 一遍做一遍写博客 也算是边学边干活

项目资源 里面包含整个项目 和项目需要的js html image

实例资料下载

用vscode 搭建 express 基础框架

vscode 创建Express框架 目录 坏境

 1)准备好 后把js image css 放入 express框架 中 public 对应的文件下 

nodejs+express+mysql(后台实例项目练习—搭建项目)_第1张图片

2)加入ejs

vs code express jabe转换成ejs或html

支持ejs文件后 把 所有的HTML 加入到框架views文件中 后缀名修改成 ejs

nodejs+express+mysql(后台实例项目练习—搭建项目)_第2张图片

3)修改ejs中的引用路径 

因为 express中需要 / 文件夹/文件名 来引用 文件

nodejs (experss静态资源配置和模板引擎)

nodejs+express+mysql(后台实例项目练习—搭建项目)_第3张图片

4)修改路由引用路径 

指定到login

修改index.js路由 指定到login

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('sys_login', { title: 'Express' });
});

module.exports = router;

5)魔法F5

nodejs+express+mysql(后台实例项目练习—搭建项目)_第4张图片

6)数据库搭建 

因为已经有了 sys_db.sql 

我使用Navicat Premium 比较简单 直接把sql文件拖拽到数据库里

nodejs+express+mysql(后台实例项目练习—搭建项目)_第5张图片

这样数据库到位了 

nodejs+express+mysql(后台实例项目练习—搭建项目)_第6张图片

 

 

你可能感兴趣的:(Nodejs)