小程序托管服务费用，托管机构-小程序云开发-01-

小程序托管服务费用，托管机构-小程序云开发-01-3张宣传大图幻灯区欢迎大家留言点赞! ├──miniprogram ├── components (公共组件目录) │ ├── child-bar (小孩组件) │ ├── coupon (优惠券组件) │ ├── painter (绘图组件) │ ├── richText (富文本编辑器组件) │ ├── title-bar (标题栏组件) │ └── waterfall (瀑布流组件) │ ├── css（公共样式） │ └── iconfont (iconfont样式) │ ├── images（公共图片） │ ├── about.png │ └── config.png │ └── ... ├── page

一、项目简介

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

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

小程序的前端使用原生的微信开发，后端通过微信云开发实现，采用了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、功能划分

区域	内容
幻灯区	3张宣传大图
金刚区	安全接送、作业陪伴、教室环境、美味用餐宣传小图
房间预订	房间名称、房间图片、简介、数量和立即预订按钮
精彩活动	活动名称、活动图片、活动简介、活动截止日期和立即报名按钮
关于我们	宣传大图和简介文字

2、效果图

二、精彩活动页

三、详情页1、功能划分

区域	内容
幻灯区	3张宣传大图幻灯展示
标题区	商品名称、价格、数量、生成海报按钮
规格区	规格名称、规格详情
内容区	详情
底部	首页、客服、立即购买

2、效果图

四、订单页1、功能划分

区域	内容
地图区	托管地址地图，点击前往导航
内容区	简介文字
按钮区	查看导航、预约体验

2、效果图

五、预约页1、功能划分

区域	内容
地图区	托管地址地图，点击前往导航
内容区	简介文字
按钮区	查看导航、预约体验

2、效果图

六、个人中心1、功能划分

区域	内容
头部区	点击登录按钮或者
菜单区	各种导航菜单

2、效果图1）、未授权登录

2）、授权后

七、管理后台