vue express mysql,node+mysql+vue+express项目搭建

第一步：项目搭建之前首先需要安装node环境和MySQL数据库。

在已经完成上述的条件下开始进行以下操作：

npm install @vue/cli -g   (-g 代表全局安装)

初始化项目  vue create projectName  (项目名)     (检测是否安装成功过程省略)

剩下的配置根据自己需要来选择

第二步：在项目的根目录下新建一个用来放置后端的目录

a、server文件夹

b、在server文件夹下新建api文件夹、db.js、index.js、sqlMap.js。

c、db.js   (配置相关数据库)

module.exports = {

mysql: {

host: 'localhost',

user: 'root',

password: 'root',

database: 'login',

port: '3306'

}

}

d、index.js   (配置后端端口及api路由)

const userApi = require('./api/userApi')

const bodyParser = require('body-parser')

const express = require('express')

const app = express()

app.use(bodyParser.urlencoded({ extended: true }))

app.use(bodyParser.json())

// 后端api路由

app.use('/api/user', userApi)

// 监听端口

app.listen(3000)

console.log('success listen at port:3000......')

e、sqlMap.js  (sql语句，由于博主是前端，所以对于sql语句的编写不是很好)

var sqlMap = {

// 用户

user: {

add: 'insert into user(username, password) values(?, ?)',

selectUser: 'select * from user WHERE username = ? AND password = ? '

}

}

module.exports = sqlMap

f、userApi.js

var models = require('../db')

var express = require('express')

var router = express.Router()

var mysql = require('mysql')

var $sql = requir