h3{margin:40px00;}a{color:#42b983;}需要vuecli3+，node，express4.17.1+，mysql小白一个，把毕业设计遇到的问题写在这里，把网上找的东西记录在这里，然后自己写，这里记录一下原文链接是什么goodfor建议尽量多聊聊。首先创建一个数据库#创建一个数据库CREATEDATABASEmy\_db\_01#使用这个数据库USEmy\_db\_01#创建一个测试表CREATETABLEtest(idINTAUTO\_INCREMENTPRIMARYKEY,#字段为主键和自增user\_nameVARCHAR(20),#用户名ageTINYINT#age)#测试插入成功INSERTINTOtest(user\_name,age)VALUES('zs','18')#查看表中所有数据SELECT\*FROMtest2.初始化vue项目vuecreatetest下载express模块??(搭建一个简单的服务器)npmiexpress下载MySQL模块npmimysql下载axios模块npmi--saveaxios执行npmrunserve,即可启动正常3.创建一个简单的服务器，写sql语句在项目根目录下创建一个server文件夹，然后在里面创建三个.js文件和一个api文件夹在db.js中配置MySQL//连接数据库配置module.exports={mysql:{host:'localhost',//域名，这里是本地域名user:'root',//MySQLloginusernamepassword:'hongyun0808',//MySQL登录密码一般为rootdatabase:'my\_db\_01',//要连接的数据库名port:'3306',//数据库端口号},};3.在index.js中创建服务器//使用express创建服务器//导入express模块??constexpress=require('express');//调用express函数并返回一个数据库实例const应用程序=快递（）；//导入路由模块constuserApi=require('./api/userApi');//端口号constport=8888;//注册全局解析中间件app.use(express.json());app.use(express.urlencoded({extended:false}));//注册路由模块app.use('/api/user',userApi);//调用app.listen()启动服务器app.listen(port,()=>console.log(`示例应用监听端口8888!`));slqMap.js写sql语句//todosql语句稍后调用module.exports={user:{//?位后自动填充数据add:'insertintotest(user\_name,age)values(?,?)',get:'select\*fromtest',},};api/userApi.jstestapi示例//用于测试的API示例varmodels=require('../db');varexpress=require('快递');varrouter=express.Router();varmysql=require('mysql');var$sql=require('../sqlMap');//连接到数据库varconn=mysql.createConnection(models.mysql);conn.connect();varjsonWrite=(res,ret)=>{if(typeofret==='undefined'){res.json({code:'1',msg:'operationfailed',});}else{res.json(ret);}};//添加用户界面//POST请求router.post('/add用户',(req,res)=>{varsql=$sql.user.add;varparams=req.body;控制台日志（参数）；//！[params.username,params.age]自动填入Before？内部conn.query(sql,[params.user\_name,params.age],(err,result)=>{if(err)returnconsole.log(err);if(result){jsonWrite(res,result);}});});//GET请求router.get('/getUser',(req,res)=>{letsql=$sql.user.get;letparams=req.query;console.log(params);conn.query(sql,(err,result)=>{if(err){console.log(err);}console.log(res,result);});});module.exports=router;使用cmd或PowerShell打开服务器文件并执行节点索引。这表示启动成功。注意：这里启动后不要关闭服务器，否则后面需要保存错误，报这个错误再启动服务器即可。4.写一个vue测试文件，方便测试。这里测试了HelloWorld.vue{{msg}}
