校园社区微信小程序-云开发

一、 项目介绍

前后端完整代码包括社团通知,社团简介,社团福利,社团章程,社团招新,社团活动报名预约等功能,采用腾讯提供的小程序云开发解决方案,无须服务器和域名。

预约管理:开始/截止时间/人数均可灵活设置,可以自定义客户预约填写的数据项

预约凭证:支持线下到场后校验签到/核销/二维码自助签到等多种方式

详尽的预约数据:支持预约名单数据导出Excel,打印

二、技术选型

本项目使用微信小程序平台进行开发。

使用腾讯专门的小程序云开发技术,云资源包含云函数,数据库,带宽,存储空间,定时器等,资源配额价格低廉,无需域名和服务器即可搭建。

小程序本身的即用即走,适合小工具的使用场景,也适合快速开发迭代。

云开发技术采用腾讯内部链路,没有被黑客攻击的风险,安全性高且免维护。

资源承载力可根据业务发展需要随时弹性扩展。

在这里插入图片描述

三、部署准备

  1. 微信小程序开发基础知识
    https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/
  2. 小程序云开发基础知识
    https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
  3. Node.js基础知识
    https://www.runoob.com/nodejs/nodejs-tutorial.html
  4. NPM基础知识
    https://www.runoob.com/nodejs/nodejs-npm.html

四、 部署步骤

源码导入

打开并登录微信开发者工具,新建小程序项目,指定源码目录,填入 AppID,后端服务选择“微信云开发”并勾选同意"云开发服务条款",点击创建后,即可创建一个小程序项目:

注意:AppID填写您已经申请的小程序的AppID,不能使用测试号(测试号无法开通云开发)
在这里插入图片描述

开通云开发,创建环境,拷贝云环境ID

在使用云开发能力之前,需要先开通云开发(请参考官方文档)。

在开发者工具的工具栏左侧上部,点击 “云开发” 按钮即可打开云控制台,根据提示开通云开发,并且创建一个新的云开发环境。

在这里插入图片描述
每个环境相互隔离,拥有唯一的环境 ID(拷贝此ID,后面配置会用到),包含独立的数据库实例、存储空间、云函数配置等资源。

在这里插入图片描述

云函数及业务配置

本项目使用到了一个云函数cloud,在目录cloudfunctions下

打开cloudfunctions/cloud/config/config.js文件,进行如下配置(大约第4-8行)

在这里插入图片描述

云函数上传及参数配置

点击云函数目录cloud,右键上传(选择上传并部署:云端安装依赖),如下图:
在这里插入图片描述
上传完毕之后,在开发者工具的工具栏左侧上部,点击 “云开发” 按钮即可打开云控制台,点击【云函数】按钮,如下图:
在这里插入图片描述
点击**【版本与配置】**,按下图进行配置:

[服务端时间时区TZ] =>Asia/Shanghai

[函数内存] =>128M

[函数超时时间] => 60秒

在这里插入图片描述

小程序端配置

小程序端目录为miniprogram下

打开miniprogram/setting/setting.js文件,配置云环境ID(大约第3行)

在这里插入图片描述
至此全部配置完毕。

后台管理

点击底部菜单【我的>配置】,会弹出后台管理菜单,点击进入:

在这里插入图片描述
在这里插入图片描述

效果截图:

首页
在这里插入图片描述
个人中心
在这里插入图片描述
后台-报名管理
在这里插入图片描述
后台报名名单
在这里插入图片描述
后台-活动菜单
在这里插入图片描述
后台活动管理
在这里插入图片描述
后台活动添加
在这里插入图片描述
后台-内容管理
在这里插入图片描述
后台-时段设置
在这里插入图片描述

后台文章添加
在这里插入图片描述
后台预约名单导出
在这里插入图片描述
活动日历
在这里插入图片描述
活动详情
在这里插入图片描述
预约填写
在这里插入图片描述

感谢阅读!

可以帮助到您的话可以留下个宝贵的关注和点赞收藏吧!

  • 1
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

程序员-南

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

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

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

打赏作者

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

抵扣说明:

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

余额充值