项目介绍

• 本小程序包括校庆公告，校史大事记，校庆指南，活动安排，校友捐赠，返校信息，校友登记，校庆头像等八大功能模块！

• 让同学们与校友们不在学校也能参与到校庆活动之中。动动手指，你也一样可以亲身参加校庆活动！为亲爱的母校应援！

功能说明

func导图1 (2).png

技术运用

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

• 使用腾讯云开发技术，免费资源配额，无需域名和服务器即可搭建。

• 小程序本身的即用即走，适合小工具的使用场景，也适合程序的开发。

项目效果截图

首页.png

校庆头像.png

个人中心.png

校友名录.png

校庆活动.png

校庆公告.png

校友登记.png

项目后台截图

后台首页.png

后台用户管理.png

部署教程：

1 源码导入微信开发者工具

导入.png

2 开通云开发环境

• 参考微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
  

• 在使用云开发能力之前，需要先开通云开发。

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

云开发开通环境.png

• 
  

• 每个环境相互隔离，拥有唯一的环境 ID(拷贝此 ID，后面配置用到)，包含独立的数据库实例、存储空间、云函数配置等资源；

3 云函数及配置

• 本项目使用到了一个云函数 cel_cloud 

云函数内终端打开0.png

• 
  

• 在云函数 cloudfunctions 文件夹下选择云函数 cel_cloud , 右键选择在终端中打开,然后执行

• npm install –product

云函数内终端打开.png

安装云函数包.png

• 打开 cloudfunctions/cel_cloud/comm/ccmini_config.js 文件，配置环境 ID 和后台管理员手机号码

云函数配置.png

4 客户端配置

• 打开 miniprogram/app.js 文件，配置环境 ID

客户端配置.png

5 云函数配置

• 在微信开发者工具-》云开发-》云函数-》对指定的函数添加环境变量

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

• [函数内存] =>128M

• [函数超时时间] => 20 秒 

函数配置.png

6 设置图片域名信任关系

• 进入小程序 开发管理=》开发设置=》服务器域名 =》downloadFile 合法域名

• 添加 2 个域名：

• 1）你的云存储域名，格式类似：https://1234-test-pi5po-1250248.tcb.qcloud.la
  

• 2）微信头像域名：https://thirdwx.qlogo.cn 

业务域名.png

7 上传云函数 &指定云环境 ID

上传到云.png

至此完全部署配置完毕。

在线演示：

Free版-QR.jpg

如有疑问，欢迎骚扰联系我鸭：

俺的微信: cclinux0730