eggjs+vue+mysql增删改查demo

序：

         1、博主用eggjs+vue+mysql 的组合写了个简单的demo。 

         2、博主为了这个demo整了90天，这90可以接多少外包，有什么比花10米投资在自己身上更有价值的。

注：

点击下载demo------》  egg+vue+mysql v1.0.0版demo

1、vue用的 2.6，cli3框架，没集成typeScript,下次再上传新版本在考虑下要不要集成（是cli3  文件里备注错了）

2、egg用的2.15.1。

3、数据库用的mysql

4、博主写demo的时候node版本是12.18.4。

演示下效果，看以下视频

04-14-15_49_15

前端集成  vue、 jQuery 、axios、router、element-ui等  封装全局sass、支持多入口多出口 ，相关依赖看package.json

后端集成 egg   swagger、 jwt（鉴权，里面有token验证）、validate表单验证、sequelize 数据库连接及查询、multipart文件上传 、ejs模板渲染   相关依赖看package.json

功能截图：

1、vue 登录页

2、element 后台页

3、egg swagger接口页

 4、表截图

5、目录结构

运行说明

前端记得先全局安装vue-cli2 阿里镜像cnpm知道装

cnpm install --g vue-cli 全局下载脚手架

好开始 

前端部分

进入前端目录   news-admin 先更新依赖

cnpm install

然后  运行（注意 现在你登录还不能访问）

cnpm run serve

后端部分

后端你记得先安装mysql,我的博客有安装教程====>>>mysql下载安装

1、把cyc.sql还原进去你的本地数据库里(还原很简单，你下载个Navicat for MySQL  链接你本地数据库，然后本地数据库见一个库命名cyc，下面在见一个表，右键 运行sql文件  然后指向我那个cyc.sql就行了，对了 你本地数据库记得密码改成123456，不改也可以，你可以在egg的config.default.js里改配置也可以)

2、打开后端文件news-api，然后更新依赖

cnpm install

3、运行  你也可以 输入debug调试模式， 点击-》eggjs HBuilderX 断点调试解决方案

cnpm run dev

4、对了 你还要记得改配置在  egg的   news-api/config/config.default.js  改成你的数据库连接用户名密码

 config.sequelize = {dialect: 'mysql',host: '127.0.0.1',timezone: '+08:00',username:"root",password:"123456",port: 3306,// database: 'eggapi',database: 'cyc',dialectOptions: {charset: 'utf8'},define:{// tableName:true,   //模型所对应表的表名，设置freezeTableName 为 true时，才会严格使用模型名freezeTableName:true,//  设置为true时，sequelize不会改变表名，否则可能会按其规则有所调整 timestamps:false,// createdAt:'created_at',// updataAt:'updated_at',// underscored:true}};

好，前端你运行完就会弹出来：http://localhost:8030/

后端 你要访问 http://localhost:7001/swagger-ui.html#/   记住  看你运行的时候是7001还是其他端口 ，默认是7001，

点击下载demo------》  egg+vue+mysql v1.0.0版demo

问题反馈解答：

1、粉丝私信博主，新增的用户无法登陆-2021/06/28

起因：博主用户新增时没有把新增的用户用md5加密密码，可以直接手动添加下如下代码就可以了，文件路径   /news-api/app/service/user.js  upData方法

case "password":params[v]=cycMd5(params.password);keys += v + ","vals += "'" + params[v] + "',"
break;

2、粉丝私信博主，启动vue的时候，报错运行不起来 2022/11/24

起因：博主写demo的时候，node版本号是v12.18.4,有些小伙伴是22年才下载，这时候装的node已经是v17，v18了。

解决办法

1、先直接卸载你本地的node。没必要重启。然后去第2步直接下下来nodev12.18.4版本安装就可以。(你也可以在你自己宿舍的电脑试，不然你node卸载了，你公司现在有些项目可能要v14+,或更高的版本才能运行咋办。依赖估计都得重装!!!!)

2、点击链接-----》》》以往的版本 | Node.js

 小伙伴们也可以直接点右侧这个链接=》Index of /download/release/v12.18.4/

 3、删掉原来更新下来的node_modules 依赖文件，然后重新cnpm install vue前端和eggjs后端两个项目

这样就可以了。

本博客为博主原创，请转载谢谢。 如果有帮到你，希望能打赏下，v2.0.0版本请点击链接egg+mysql+mongo+redis 权限系统demo。如碰到问题，评论区留言。如果有时间我看看能不能帮你远程看下。

另外，有关eggjs的 mvc模式，博主也写了一个demo：eggjs的mvc模式demo（纯静态）_雪狼之夜的博客-CSDN博客

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！