一、项目简介

最近，本人完成了一个托管机构的小程序，今天开始准备将开发过程的开发文档逐步上传出来，分享给大家。

该小程序目前实现的主要功能有关于我们、个人中心、注册和授权、预约体验，房间及活动的预订（带规格和优惠券功能），另外实现了云存储、微信支付和海报分享等功能。

小程序的前端使用原生的微信开发，后端通过微信云开发实现，采用了tcb-router框架，将后端做了一个类似java后端的分层开发，分为了controller层、service层和model数据操作层。所有的后台功能包括发布信息、管理信息和查看报表都在小程序的微信管理界面实现操作。

项目使用了一些大神的组件和框架，一并感谢！

欢迎大家留言点赞!

一、项目结构

1、前端miniprogram

├──miniprogram ├── components (公共组件目录) │ ├── child-bar (小孩组件) │ ├── coupon (优惠券组件) │ ├── painter (绘图组件) │ ├── richText (富文本编辑器组件) │ ├── title-bar (标题栏组件) │ └── waterfall (瀑布流组件) │ ├── css（公共样式） │ └── iconfont (iconfont样式) │ ├── images（公共图片） │ ├── about.png │ └── config.png │ └── ... ├── pages（主包目录） │ └── index (app.json 设置的入口页) │ ├── index.wxml │ ├── index.js │ ├── index.json │ └── index.wxss │ └── ... │ ├── packageAdmin（后台管理分包） │ │── adminService （管理接口模块） | │── pages （管理页面） | │── utils （管理工具类） │ ├── service（接口模块） │ │── api_banner.js | │── api_coupon.js | │── api_index.js │ └── .. │ ├── towxml（towxml富文本显示组件） │ ├── utils（公共模块，工具类） │ ├── asyncwx.js（封装的微信工具类） │ ├── cloudRequest.js (封装的请求工具类) │ ├── filter.js (规格工具类) │ ├── format.wxs (价格和日期时间格式化) │ ├── sexyformat.wxs (性别格式化) │ └── WxValidate.js (表单验证工具类) ├── app.js ├── app.json ├── app.wxss ├── project.config.json └── README.md

2、后端云函数cloudfunctions

├──cloudfunctions ├── router (云函数) │ ├── config (配置模块) │ ├── payConfig.js (支付参数) │ └── tableConfig.js (表参数) │ ├── controller (控制器模块) │ ├── userController.js (用户表控制器) │ └── .. │ ├── fields (表字段模块) │ ├── userField.js (用户表字段) │ └── .. │ ├── service (服务层模块) │ ├── userService.js (用户表服务层) │ └── .. │ ├── models (数据模型模块) │ └── BaseModel.js (数据操作模型) ├── utils（工具类） │ └── ReturnUtil.js (返回工具类) ├── index.js （云函数入口文件） ├── config.json └── package.json

一、首页

1、功能划分

2、效果图

二、精彩活动页

三、详情页

1、功能划分

2、效果图

四、订单页

1、功能划分

2、效果图

五、预约页

1、功能划分

2、效果图

六、个人中心

1、功能划分

2、效果图

1）、未授权登录

2）、授权后

七、管理后台