0
点赞
收藏
分享

微信扫一扫

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


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

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

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

​​实例资料下载​​

用vscode 搭建 express 基础框架

​​vscode 创建Express框架 目录 坏境​​

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

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

2)加入ejs

​​vs code express jabe转换成ejs或html​​

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

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

3)修改ejs中的引用路径 

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

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

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

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(后台实例项目练习—搭建项目)_html_04

6)数据库搭建 

因为已经有了 sys_db.sql 

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

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

这样数据库到位了 

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

举报

相关推荐

0 条评论