活动报名缴费小程序:云开发+微信支付

使用微信小程序云开发进行开发,无单独后台界面,管理后台也是通过小程序实现,云资源包含云函数,文档型数据库,带宽,oss存储空间、云日志等,资源配额价格低廉,无需域名和服务器即可搭建,且可根据业务发展需要随时弹性扩展。支持免费或付费报名流程,海报生成分享、准考证生成等功能。

主要功能

在这里插入图片描述

  • 用户注册与登录

  • 活动浏览与搜索
    在这里插入图片描述

  • 查看活动的详细信息,包括活动介绍、时间、地点、费用等
    在这里插入图片描述

  • 分享活动:生成海报图
    在这里插入图片描述

  • 报名流程:填写自定义报名表单、提交、微信支付、报名成功、重复报名、取消报名、退款审批
    在这里插入图片描述

  • 查看报名状态
    在这里插入图片描述

  • 管理后台:用户管理、活动管理、公告管理、报名列表、支付流水、退款、操作日志、数据统计与分析
    在这里插入图片描述

开发环境

前后端:微信开发者工具

开发、部署步骤

  1. project.config.json 修改appid

  2. 导入项目
    打开并登录微信开发者工具,选择【导入项目】,后端服务选择“微信云开发”并勾选同意"云开发服务条款",点击确定导入。

  3. 点击 【云开发】 按钮,开通云开发(第一个月免费),创建环境,拷贝云环境ID

  4. 设置云环境
    本项目使用到了一个云函数mcloud,打开cloudfunctions/mcloud/config/config.js文件,填写上一步的云环境ID,进行如下配置(大约第4行)
    小程序端目录为miniprogram下打开miniprogram/setting/setting.js文件,修改云环境ID

  5. 云函数上传
    点击云函数目录mcloud,右键上传(选择上传并部署:云端安装依赖):
    在这里插入图片描述

  6. 云函数参数设置:打开云开发控制台,点击【云函数】按钮,点击【版本与配置】,选择当前云函数版本 点击【配置】,
    在这里插入图片描述

  7. 运行
    系统搭建好之后都是初始化状态,会自动创建部分演示数据,需要在 设置–> 后台管理 录入各项业务数据和设置。默认超级管理员,用户名为:admin,密码为:123456。, 请及时登录管理后台修改密码,可新增管理员。

  8. 开发工具支持版本
    因为本小程序用到了上传头像等功能,需要【开发工具】和【基础库】支持。请保持微信开发者工具升级到最新版本,同时确保【调试基础库】>3.4.0
    在这里插入图片描述

技术栈 Codeigniter LeanCloud Bootstrap Admin-LTE jQuery fex-webuploader Codeigniter是一个老牌的php框架,零配置,文档极其丰富,国内的流利程度上看github的start数,让人觉得不可思议,是国外流行比较流行吧。它没有ORM,没有模板引擎,用它,只是因为够用了,LeanCloud自身就是ORM,而PHP天生就是模板语言,所以CI有没有ORM与模板引擎也无所谓。 使用LeanCloud后端云帮我省去了90%以上的后端接口,没有比小程序端用JS直接操作数据库更方便的了,所以直到小程序写完,再来写后台也完全来得及。后台只为了发布商品以及订单发货状态而已。当然Bmob也是一个不错的选择,现在也推出了小程序端sdk了。 后台界面,使用了Admin-LTE,它是基于Bootstrap的一套UI,打包了太多现成的组件,菜单目录树,表格,下拉框,颜色选择器,编辑器,日历,报表,聊天窗口,具体可以下载它的demo来看。基本一套后台能想到能使用到的,都在这里了。 在登录与修改页面,其实还用到零星的vue+element-ui,取dom的最高境界就是不用取dom,数据双向绑定确实方便实惠;还有就是bootstrap没有自带MessageBox很让人抓狂,于是就上了element-ui。说不准以后就让admin-lte与jQuery下岗了,让vue+ele全职来做吧。 最后就是2个工具,composer与bower,分别用来安装php与js库,有了这些包管理工具,安装第三方依赖库,直接敲上bower install bootstrap就达目的了,日后update还是那么的方便,再也不用搜索官网,下载解压,复制到项目等一切繁琐步骤;就跟git一样,一旦用上,就再也回不去了,严重推荐。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AaronZZH

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值