搭建官网后台管理系统(express+vue+SQL)(一)

433 阅读1分钟

大家好,我是梦起,今天和大家一起学习搭建官网后台管理系统。

 一丶前期准备工作

1.自己建一个mysql的数据库或者找老大申请一个mysql的数据库

2.准备好node开发环境以及开发工具(本人用的HBuilder X

二、后端接口准备工作

1.安装express

npm install express -s

2.安装好后使用express 创建一个后端服务项目

express website-server

3.创建好后使用HBuilder X导入website-server项目,可以看到如下图目录

​编辑

  1. 右键website-server目录,选择使用命令行窗口打开所在目录然后执行如下操作
npm install
npm audit fix

npm install(下载相关依赖)npm audit fix(检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖)

5.弄好之后接着执行如下操作就可以打开localhost:3000查看了

npm start

如果3000端口被占用可以添加如下代码修改端口

app.listen(8081, function() {
	console.log("run......");
})

6.安装开发所需的相关插件

 mysql 数据库连接

npm install mysql -s

文件上传

npm install formidable -s

7.安装完成之后 新建一个config 配置文件夹,在里面创建一个db.js

db.js中写上如下代码

// 为什么使用线程池不使用createConnection是为了解决PROTOCOL_CONNECTION_LOST异常和PROTOCOL_ENQUEUE_AFTER_FATAL_ERROR异常(mysql连接断开,没有做异常处理,导致错误的代码继续在运行,导致node没有结束进程)
const mysql = require('mysql');

const pool = mysql.createPool({
   host:'localhost',//数据库ip
   user:'root',  //用户名
   password:'Admin@123',   //密码
   database:'admin_db',//数据库库名
   port:'3306'     //端口号
})

exports.query = (sql, params = []) => {
 return new Promise((resolve, reject) => {
     pool.getConnection((err, connection) => {
         if (err) {
             return reject(err);
         }
         connection.query(sql, params, (err, result) => {
             //释放连接
             // pool.releaseConnection(connection)
             if (err) {
                 return reject(err);
             }
             resolve(result);
         });
		//这么设置,能够解决卡死问题
         connection.release();
     });
 });
};