发现开源小程序之美(七),二手书商城
发布于 5 年前 作者 guiying51 4353 次浏览 来自 分享
  1. 发现开源小程序之美一,个人博客小程序 https://developers.weixin.qq.com/community/develop/article/doc/000a40e13ec550274e2a9addd56413
  2. 发现开源小程序之美二,微慕WordPress小程序 https://developers.weixin.qq.com/community/develop/article/doc/000c44945dc728ab9c2aff2a55b013
  3. 发现开源小程序之美三,维修上报小程序
  4. 发现开源小程序之美四,在线答题小程序 https://developers.weixin.qq.com/community/develop/article/doc/00040af07005609a223acee0151413
  5. 发现开源小程序之美五,营销组件库 https://developers.weixin.qq.com/community/develop/article/doc/000c4235c98740a1dc2a1a6045b013
  6. 发现开源小程序之美六,酱茄小程序 https://developers.weixin.qq.com/community/develop/article/doc/00040ede6d0388082a3aeb49b57813
  7. 发现开源小程序之美七,二手书商场

先体验下


发现在开源小程序整理这个系列真是不能自拔

是时候把这个小程序拿出来了,其实我已经跟了有一段时间了,最近开发者也做了较大的更新,以下内容摘录自公众号文章

https://mp.weixin.qq.com/s/e93APJGBrqbGNBiLuqKaxQ



新版主要做了这几个方面大升级:

1、接上了支付和提现渠道,仿闲鱼模式交易。


2、界面大大美化,比之前好看太多。


3、订单实时提醒,因为微信小程序模板消息很多不便,所以主要还是采用了邮箱和短信通知方式提醒。


4、客服反馈多样,支持直接微信通知,微信添加好友联系,QQ联系,电话联系以及公众号。


5、纯云开发,去掉了所有PHP方式,所有后端逻辑全放在了云函数端执行。


小程序本身很简单,但相对来说也不简单,因为从产品原型到UI设计再到所有代码逻辑,全都由本人一人完成,人无完人,我在某些方面也是很菜,比如P图就遇到很多问题,总归是解决了。


这套程序,没想过靠他盈利,初心就是为了解决书籍浪费这个问题,我本身是个php,采用云开发,只是纯粹方便在校生运营,因为后端服务器一上,又是一笔开支,维护起来也是个问题,而且这块选择的余地太多,避免出现各种奇葩问题,云开发相对来说是个便宜同时统一的选择吧。


程序已经开源发布在了我的Github:


https://github.com/xuhuai66/used-book-pro


安装教程我就写在Github上了,微信文章不方便后期修改。

长话短说,下面直接说配置流程


一、小程序端


1、下载导入

直接下载到本地,然后导入开发者工具

最近墙的厉害,也可使用蓝奏云下载

https://www.lanzous.com/i6hd9mh
小程序开发综合文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/


2、开通云环境

不罗嗦,这都是基础,直接看官方说明操作即可

云开发官方文档说明:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html


3、配置前端config

找到config.js文件,然后按照我写的注释更改为你自己


4、细节修改


①app.json 全局顶部导航


②pages/help/help.js 帮助文档


③images 默认图片


二、云函数


1、修改基础信息

每个云函数要修改的部分,我都捻出来放在了顶部,直接根据我做的注释信息进行修改,如下图所示


补充说明:


1.books云函数中使用的书籍信息使用的是极速数据的接口

详情地址:https://www.jisuapi.com/api/isbn/


2.email云函数中使用的默认发送邮件方式为QQ邮箱

开发文档地址:https://service.mail.qq.com/cgi-bin/help?subtype=1&&no=1001256&&id=28


3.sms云函数中使用的腾讯云短信接口

申请地址:https://cloud.tencent.com/product/sms
开发文档:https://cloud.tencent.com/document/product/382/34874


2、上传全部文件

挨个提交每个云函数,其中依赖包我已经一起上传了,无需再挨个本地去安装,直接上传所有文件即可


三、云开发数据库


1、创建集合 设置权限

分别创建下图所示的集合,然后将所有集合的权限设置为所有可读

集合名称存储内容banner首页轮播books书籍信息history钱包收支记录order订单信息publish发布信息start启动页图times提现次数user用户数据


2、设置banner


①在banner集合下新增一条记录


②按照下图所示添加字段

如果不知道如何添加,可以直接导入我生成的json,然后修改即可

banner集合示例记录下载地址: http://cqu.oss-cn-shenzhen.aliyuncs.com/img/book/github/database_export-RMHdk59cOYBr.json


补充说明

list数组下的img为图片地址,id为唯一区分字段,url为点击轮播后跳转的地址,这个地址必须为与此小程序关联的公众号文章或者为业务域名地址,如果没有就留空即可


3、设置启动页图片


①在start集合下新增一条记录


②按照下图所示添加字段


四、云存储配置


1.提现设置

https://mp.weixin.qq.com/s/0ee3aHbtqhYT6b-0xljleQ


2.新建文件夹【share】,用于存放生成的小程序码


五、公众平台配置


1、设置基本信息

名称配置类目生活服务 > 环保回收/废品回收基础库2.4.3

【开发】-【开发设置】-【服务器域名】-【downloadFile合法域名】:

①api.jisuapi.com

②你的云存储下载域名,如下图所示


2、提交审核

审核页面路径:pages/start/start


3、设置在线客服

打开【设置】--【客服】--【添加】,绑定成功后,打开小程序【客服小助手】,状态设置为在线即可,到时候有客户咨询自动会推送到你的微信号上的


六、服务与反馈

由于社区运营规则限制,在这里隐去开发者个人联系方式,需要的自取


七、总结

基本每个开源小程序,最后总结都是我的思考,我想到哪里就写到哪里吧

1、界面优秀,

2、现项目均为云开发,对于我们学习和接受起来也更容易一些

3、项目包含了一些交易的流程,对于学习支付的同学,这块可以参考

4、这其实算一个小的商城类小程序




未完待续

2 回复

3的链接没有

6的链接跟5一样

厉害,我就想做个类似的小程序,但是基本什么都不会都在学,能帮忙建议一下开发一个这样的小程序需要学习什么知识吗 我现在会一点js,css以及html

回到顶部