https://github.com/shiheme/wx-booker
1.清爽干净的图书共享借阅模板 2.自定义头部导航组件
3.卡片式Flex布局
4.实时天气组件应用
5.详情页Canvas绘制朋友圈分享海报
6.图书首图应用CSS3伪类样式
7.黑白两套简约图标
8.应用交互CSS3动画
9.结合Wordpress+微慕插件可打造完整小程序
wx-booker微信小程序-图书共享预定 体验效果在微信中搜索小程序【建始同城共享书】或扫码体验
 初衷通过微信小程序向当地爱书者提供一个图书共享预定平台,前期期望投入费用越少越好。同时还要有一定的变现能力,例如图书借阅费、本地商家广告投放。 功能分解- 图书分类管理
- 图书信息管理,包括介绍和图书相关ISBN、关联分类等
- 预借功能与费用管理
- 图书在馆状态
- 全局搜索图书
- 图书条形码扫码查询
- 用户管理与用户等级
- 广告管理
- 本地商家服务投放
- 图书订阅帮助信息
- 用户浏览与喜欢统计
- UI交互清爽简单
程序选型- 域名:阿里云购买
制作小程序域名还是必须的,这个去阿里云买一个.com域名就好。年费50元+。 - 服务器:阿里云ECS
这个是做互联网没办法少的,选用ECS主要因为我服务器有其他建站需求,建立多个网站使用。年费:500元+。 - 后台:Wordpress
强大而免费,通过插件的使用可以打造出功能完善的CMS/商城系统。年费:0元。 - RESTAPI:微慕小程序插件
这个是用于将wordpress和小程序通信的插件程序,我是用的是微慕小程序插件1.6.0。年费:0元。 - 小程序:微信小程序个人版
前期因为无法预测变现能力,所以考虑成本,我输出的是个人版小程序。未来有更多本地商业服务的时候,移植到企业版。年费:0元。 - 前端:微慕开源版+自己摸索完成
小程序的前端是我通过微慕开源版3.6的代码二次开发完成,我现在Github已开源,有需要的朋友可以Clone。费用:0元。
使用至此,程序安装完成,这一步预览小程序的效果是微慕小程序的模板。 - 微信小程序-图书共享预定模板安装调试
- Wordpress插件替换
Clone 微信小程序-图书共享预定到本地,其中code是小程序前端代码。plug是微慕的小程序插件的修改版,该插件务必配合使用raz主题才能用。
 - 小程序前端代码替换
将code里的代码复制替换微慕的前端代码即可。
 - 建立分类
代码中的书籍、帮助FAQ、本地活动调用的是Wordpress的三个父级目录。在Wordpress的文章分类中首先创建三个父级目录,将目录ID分别替换代码的中cateparentID/categories。三个id分别在page/index/index.js,page/faq/faq.js,page/act/act.js

 - 写文章
自定义字段和分类记得填写和选择。注意书目、本地活动对应的字段对应不同的用途。
 - 配置本地活动轮播
进入wordpress后台微慕的小程序插件,输入要在小程序中轮播显示的本地活动文章ID。用于轮播显示在详情页底部和我的信息页入口。
 - 天气和地址配置
使用高德SDK,前往并注册账号获取key,key和city需要配置成你的信息。需要配置的文件pages/mine/mine.js,pages/amap/amap.js。SDK在Github的传送门:https://github.com/amap-demo/wx-regeo-poiaround-weather。

感谢相关资源
|