天天看點

微商相冊一直顯示伺服器偷懶,【小程式】微商個人相冊多端小程式源碼以及安裝...

微商相冊一直顯示伺服器偷懶,【小程式】微商個人相冊多端小程式源碼以及安裝...
微商相冊一直顯示伺服器偷懶,【小程式】微商個人相冊多端小程式源碼以及安裝...
微商相冊一直顯示伺服器偷懶,【小程式】微商個人相冊多端小程式源碼以及安裝...
微商相冊一直顯示伺服器偷懶,【小程式】微商個人相冊多端小程式源碼以及安裝...
微商相冊一直顯示伺服器偷懶,【小程式】微商個人相冊多端小程式源碼以及安裝...

程式介紹

學習node.js順便接的400元單子,前後端都是自己寫,相比自己以前寫的,這次相對來說比較規範,用于個人相冊展示,适合微商,有客服聯系,無需背景管理系統,小程式上直接進行管理,沒有登入賬号隻擁有檢視功能。功能介紹

1.首頁進行相冊展示,采用分頁

2.清單頁面以文字形式進行分類,管理者可進行添加,修改和排序

3.每個清單下有多個相冊,管理者可進行添加,修改和排序

4.每個相冊有多張圖檔,有小圖和大圖模式進行切換

5.相冊中可以長按圖檔進行選擇删除和設為封面

6.相冊可以進行分享

7.我的頁面有管理者登入,聯系客服等功能

開發語言

前端:uniapp

後端:node.js

資料庫:mysql5.7

圖檔存儲:七牛雲

開發軟體

HBuilder X

安裝教程

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 釋出到微信小程式即可

此内容 評論 本文後重新整理可見!