一個基于uniapp+node.js+mysql的個人相冊小程序,前端使用uniapp,后端接口使用node.js編寫,數據庫使用mysql,相比之前,這個項目寫得比較規范一點,也是學習和練習的作品
功能介紹:1.首頁進行相冊展示,采用分頁,2.列表頁面以文字形式進行分類,管理員可進行添加,修改和排序,3.每個列表下有多個相冊,管理員可進行添加,修改和排序,4.每個相冊有多張圖片,有小圖和大圖模式進行切換,5.相冊中可以長按圖片進行選擇刪除和設為封面,6.相冊可以進行分享,7.我的頁面有管理員登錄,聯系客服等功能。
安裝教程:
1.上傳server文件夾到服務器
2.修改config/conn.js文件里的mysql配置信息
var pool = mysql.createPool({[/size][/font][/color]
[size=16px][font=Microsoft YaHei, SF Pro Display, Roboto, Noto, Arial, PingFang SC, sans-serif][color=#4d4d4d] host: '127.0.0.1',//數據庫地址
user:'root',//數據庫賬號
password:'root',//數據庫密碼
database:'album'//數據庫名
});
3.修改config/qiniu.js文件里的七牛云配置信息
qiniu_sdk.conf.ACCESS_KEY = "xxx"
qiniu_sdk.conf.SECRET_KEY = "xxx"
qiniu_sdk.conf.url="xxxx" //七牛云綁定域名
// 要上傳的空間名
const bucket = "xxxx"
4.使用命令或者PM2管理器運行sever文件夾下的main.js
node main.js
5.若安裝失敗,可能是沒有依賴原因,需要先安裝依賴
npm install
安裝完成后重新執行第4的步驟運行
6.導入mysql數據庫
如果導入失敗,嘗試一下用工具連接數據庫,使用工具導入。
7.修改前端接口請求地址,改成自己服務器的接口地址,/App.vue
要注意小程序必須要使用https,node.js運行起來是以端口號的形式訪問,所以需要用反向代{過}{濾}理,把ip指向域名。
globalData: {
//url: 'http://192.168.1.12:10001/'
url: 'https://ablum.q05.cc/'
}
8.使用HBuilder X 發布到微信小程序即可
![圖片[1]-微商個人相冊多端小程序源碼以及安裝教程](http://m.oilmaxhydraulic.com.cn/wp-content/uploads/2023/01/ce47d57d3f213430.jpg)
? 版權聲明
THE END














暫無評論內容