将使用node(express)搭建后端,使用vue作为前端,mysql作为数据库,从0到1的搭建一整个项目。本文目的是前后端数据交互,并对数据库进行常规的增删改查等操作。 通过这篇文章可以极其快速的了解前后端的操作,从而对全栈开发有所帮助。 1.数据库搭建 1.1 安装数据库操作软件 我们是用可视化的软件来操作数据库,所以去下载...
用户和角色是1对多的关系,即一个用户可以拥有多个角色 在src/views/employees/components/目录下新建assign-role.vue组件: <template> <el-dialog title="分配角色" :visible="showRoleDialog"> <!-- el-checkbox-group选中的是 当前用户所拥有的角色 需要绑定 当前用户拥有的角色--> <el-checkbox-group> <!-...
2.1.2 安装服务依赖 cnpm install mysql express body-parser --save 2.2 搭建本地服务 搭建完成vue项目后,在根目录建立server文件夹; 在server下建立api文件夹,api文件夹下建立StuApi.js,用于创建接口; 在server下建立db.js,用于连接数据库; 在server下建立index.js,为运行主文件; 在server下建立sqlMap.js,sql...
创建db.js文件,用于连接 MySQL 数据库,这里我们使用一个名为test_db的数据库。 // db.jsconstmysql=require('mysql');constconnection=mysql.createConnection({host:'localhost',user:'your_username',password:'your_password',database:'test_db'});connection.connect((err)=>{if(err){console.error('数据...
vue-login";const connection = mysql.createConnection({ host: "localhost", user: "root", password: "123456", database: "vue-login",});connection.connect((err) => { if (err) throw err; ...
vuex:vue状态管理 axios:基于Promise 用于浏览器和 nodejs 的 HTTP 客户端 mysql:连接mysql数据库 express: body-parser: node-sass:sass-loader依赖 sass-loader:解析sass/scss文件 可以依次安装( npm 安装很慢的可以使用 cnpm ): npm install element-ui --save (回车) npm install vuex --save (回车) npm...
将APP/数据库 文件夹的vue_admin.sql导入新建的vue_admin库中。 #数据库配置信息 //配置文件在APP/poo.js 中,请根据自身环境配置 const pool=mysql.createPool({ host:"127.0.0.1", port:3306,//端口 user:"root",//账户名 password:"root",//登录密码 ...
技术栈 vue node express mysql elementui定制q273580046功能概述:(1) 学生端① 登录:学生通过学校统一的学号和密码登录,第一次登录之后需要修改密码。② 信息管理:学生进入信息管理模块后,这里将展示学生本人信息,学生可在此完善个人信息(首次进入需先修改密码,
【全栈初体验】Vue+Node+MySQL 实现前后端分离开发 前言 这个demo是MVVM开发模式,我也写过一个前后端结合开发的完整系统demo Vue项目使用vue-cil3创建的。 使用vue-cil2创建的项目也可以实现,只是配置代理服务器的时候有一点差别。后面分别针对这两个版本进行区分。