微信小程序示例:一奇相册

页面图片






程序介绍
学习node.js顺便接的单,相比自己以前写的,这次相对来说比较规范,用于个人相册展示,适合微商,有客服联系,无需后台管理系统,小程序上直接进行管理,没有登录账号只拥有查看功能。

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

开发语言
前端:uniapp
后端:node.js
数据库:mysql5.7
图片存储:七牛云

开发软件
HBuilder X

下载教程

git clone https://github.com/yiqia/Album.git

安装教程

1.上传server文件夹到服务器

2.修改config/conn.js文件里的mysql配置信息

var pool = mysql.createPool({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 express md5-node string-random formidable qiniu querystring

安装完成后重新执行第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 发布到微信小程序即可

最后有什么不懂的可以问我哦
qq330729121

【原创】uniapp开发的微商个人相册多端小程序源码以及安装相关推荐

  1. Uniapp开发的微商个人相册多端小程序源码

    ☑️ 品牌:Uniapp ☑️ 语言:vue ☑️ 类型:微商个人相册 ☑️ 支持:小程序

  2. 微商相册一直显示服务器偷懒,【小程序】微商个人相册多端小程序源码以及安装...

    程序介绍 学习node.js顺便接的400元单子,前后端都是自己写,相比自己以前写的,这次相对来说比较规范,用于个人相册展示,适合微商,有客服联系,无需后台管理系统,小程序上直接进行管理,没有登录账号 ...

  3. Nodejs框架+uniapp前端微商个人相册多端小程序源码

    简介: 微商个人相册多端小程序源码,用于个人相册展示, 适合微商,有客服联系,无需后台管理系统, 小程序上直接进行管理,没有登录账号只拥有查看功能. 网盘下载地址: http://kekewl.cc/ ...

  4. nodejs框架微商个人相册多端小程序源码

    介绍: 微商个人相册多端小程序源码,用于个人相册展示,适合微商,有客服联系,无需后台管理系统,小程序上直接进行管理,没有登录账号只拥有查看功能. 功能介绍: 1.首页进行相册展示,采用分页 2.列表页 ...

  5. 微商个人相册多端小程序源码

    简介: 微商个人相册多端小程序源码 程序介绍 1.首页进行相册展示,采用分 2.列表页面以文字形式进行分类,管理员可进行添加,修改和排序 网盘下载地址: http://kekewl.org/RgBOf ...

  6. Nodejs框架+uniapp前端微商个人相册多端小程序

    详情介绍 微商个人相册多端小程序,用于个人相册展示,适合微商,有客服联系,无需后台管理系统,小程序上直接进行管理,没有登录账号只拥有查看功能. 功能介绍: 1.首页进行相册展示,采用分页 2.列表页面 ...

  7. uni-app云开发的网盘助手微信小程序源码

    这是一款uni-app开发的一款网盘小助手小程序源码 安装教程: 我们首先使用HBuilderx导入您的源码,然后点击manifest.json基础配置然后重新获取一下uni-app应用标识 然后我们 ...

  8. uni-app云开发的网盘助手微信小程序源码抓取网盘资源引流好助手

    uni-app云开发的网盘助手微信小程序源码抓取网盘资源引流好助手 这是一款uni-app开发的一款网盘小助手小程序源码 该源码主要用于用户输入关键词然后全网抓取百度网盘资源内容 另外呢该小程序还可以 ...

  9. Uni-APP微商淘宝客小程序源码

    ☑️ 品牌:uniapp ☑️ 语言:vue ☑️ 类型:微商淘宝客小程序源码 ☑️ 支持:小程序

最新文章

  1. 使用Python,OpenCV和Scikit-Image检测低对比度图像
  2. PowerDesigner最基础的使用方法入门学习
  3. C++ 把输出结果写入到文件中
  4. jQuery Autocomplete
  5. adsl服务器客户端配置cisco_基于ISE对Cisco网络设备部署AAA
  6. 英伟达jetson TX1的caffe-ssd配置
  7. 【图像超分辨率】SR for RS via Local–Global Combined Network
  8. 配置java ee_Java EE中的配置管理
  9. NET(C#):await返回Task的async方法
  10. Mac上的一位数密码你知道吗
  11. python免费课程400节-Python2 教程
  12. JSON在Java中的使用(一)
  13. 左耳朵耗子:Serverless 究竟是什么?
  14. 神经网络如何利用C语言实现动画?
  15. 五分钟学会文献管理神器—— Zotero
  16. 服务器托管带宽单线、双线、BGP线路之间区别有哪些
  17. 云原生虚拟网络之 VXLAN 协议
  18. win10系统还原和重装系统一样吗?win10系统还原怎么操作?
  19. 查看服务器支持的内存条,PowerEdge 服务器支持的内存配置指南
  20. 常见的需求分析方法(产品篇)

热门文章

  1. 符合FDA标准的邮件安全证书(S/MIME)有哪些?
  2. 意大利作曲家维瓦尔第
  3. Azure 开发者新闻快讯丨开发者8月大事记一览
  4. [转摘]必须学好C++么?
  5. 成都服务器销售熊掌号,百度熊掌号主页可以做产品词排名吗
  6. 小程序开发系列之基础部分-基础部分
  7. 中国红霉素市场深度分析与投资前景调研报告2022-2028年
  8. 【经验分享】做计算机视觉的你,如何拿到大厂的Offer的?
  9. 管理类联考-英语 : 前导( 四 )
  10. 计算机科学导论(6):操作系统