【小程序】微商个人相册多端小程序源码以及安装

2026-11-02 0 715

程序介绍


功能介绍

1.首页进行相册展示,采用分页
2.列表页面以文字形式进行分类,管理员可进行添加,修改和排序
3.每个列表下有多个相册,管理员可进行添加,修改和排序
4.每个相册有多张图片,有小图和大图模式进行切换
5.相册中可以长按图片进行选择删除和设为封面
6.相册可以进行分享


开发语言

前端: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 发布到微信小程序即可

【小程序】微商个人相册多端小程序源码以及安装 【小程序】微商个人相册多端小程序源码以及安装 【小程序】微商个人相册多端小程序源码以及安装 【小程序】微商个人相册多端小程序源码以及安装

资源下载

此资源仅限终身赞助VIP下载,请先登录


收藏 (0) 打赏

感谢您的支持,我会继续努力的!

【小程序】微商个人相册多端小程序源码以及安装 – 优质源码网 - 图2
打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

优质源码网 小程序/公众号 【小程序】微商个人相册多端小程序源码以及安装 https://yzymw.vip/21903.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务