node.js+vue.js+mysql实现登录注册的功能(前后端分离)

参考教程:github源码地址
Node.js+Mysql+Vue+ElementUI 实现登录注册注销功能

1 准备


1.1 MySQL数据库

参考教程:NodeJS连接MySql易百教程菜鸟教程

1)安装

npm install mysql

2)Navicat创建数据库表user

在这里插入图片描述
注意,此处需要添加一个id属性,

在这里插入图片描述
默认自增,

在这里插入图片描述
在sqlMap.js中编写SQL语句的时候,并不需要再添加上id属性,

在这里插入图片描述
参考博客:mysql主键id的生成方式(自增、唯一不规则)

1 前端部分


1.1 页面入口文件App.js、程序入口文件main.js、路由文件router/index.js

配置相应路由即可。

1.2 登录注册组件loginRegister.vue

1.3 el-menu路由跳转

第一步:

<el-menu :default-active="this.$router.path" router>	

第二步:

在index里面添加需要跳转的URL即可。

参考博客:添加链接描述

2 后端部分


2.1 配置环境

npm init -y   // 初始化

npm install --save express   // 安装express

npm install --save art-template express-art-template  // 安装中间件body-parser

npm install --save cors mysql  // 安装跨域cors和mysql
  • 1
    点赞
  • 39
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值