第一步:打开xampp,启动(start)mysql,打开shell命令
第二部:用vscode新建一个后缀名为sql的文件
第四部:在VScode界面中输入
#设置客户端连接服务端的编码
set names utf8
#如果存在该数据库,则丢弃该数据库
drop database if exist 数据库名
#创建数据库,设置编码格式
creat database 数据库名 charset=utf8
#进入数据库
use 数据库名
#创建数据表格
creat table 表名();
#插入数据
insert into 表名 values
();
();
();
第五步:返回第一步打开shell窗口,输入 mysql -uroot<sql文件的绝对路径,然后回车
注意:mysql空格-uroot mysql和-uroot之间有空格,-u和root之间没有空格
第六步:有错误返回vscode界面,找寻错误,没有错误,输入mysql -uroot回车
第七步:show databases; 回车,use 数据库名; show tables 回车打开数据库中的表格,desc 表名;查询数据结构,select * from 表名 查询数据内容
第八步:创建MVC三层架构,即model(模型){数据库操作},view(视图){用户与系统之间交互},controller(控制器){业务逻辑操作},所以创建routes文件,app.js(服务器) pool.js(连接池)以及view文件夹(这里不做赘述)
第九步:把文件用终端打开,输入npm install express和npm install mysql
第十步:用vscode打开pool.js,输入以下内容
const mysql=require("mysql")
const pool=mysql.creatpool(
hostname:"",
port:"",
user:"",
password:"",
root:"",
databases:"",
connectionLimit:""
);
model.exports=pool
第十一步:用vscode打开app.js,输入以下内容
const express=require("express");
const router=require("routes下的JS文件")
const app=express();
app.listen(8080);
//解析为json格式
app.use(express,urlencoded){
extends:false
}
app.use('给路由添加前缀',router);
app.use((err,req,res,next)=>{
console.log(err);
res.status(500).send({
code:500,
msg:"服务器端错误"
})
第十二步:用vscode打开routes下的js文件
const express=require("express");
const pool=require("连接池路径");
const router=require("router");
router.(请求方法(post/get/delect/put))('/路由'funaction(req,res,next){
let obj=req.body;
var sql="";
if(obj,user){
res.send({
code:400,
msg:""
})
}
pool.query(sql,[obj],funaction(err,result){
try{
console.log(result);
res.send({
code:"400",
msg:"数据访问成功"
})
}catch{
if(err){
next(err);
return;
}
}
})
})
model.exports=router;
第十三步:在终端输入node app,启动服务器,将httP://IP地址:端口号/前缀/路由 复制到apipost软件中有返回结果就代表成功了否则检查代码
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!