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

猜你喜欢

转载自blog.csdn.net/weixin_43973415/article/details/108655575
今日推荐