写点什么

微校园小程序(云开发)设计方案

用户头像
CC同学
关注
发布于: 3 小时前
微校园小程序(云开发)设计方案

项目介绍

  • 本小程序包括学校公告,服务通知,校园新闻,校园风光,校园活动,校历,课程表,失物招领,迎新服务,问卷调查,空闲教室,借阅报告,课堂印象等功能模块!

  • 在这里,学生可以查看考勤,成绩,课表,校园活动等一系列基本应用,为丰富学生的校园生活,学生可以通过互动模块进行社交

  • 创建表白主题:为便捷学生生活,学生可以失物招领,维修申请等解决校园生活问题;为解决学生课后疑问,提供课后问答模块

  • 为大学老师技工快捷查找休闲教室,智能办公,管理学生,查询学生成绩,考勤,解答学生课后问题等一系列服务。


设计.png


功能说明


微校园 (2).jpeg


技术运用

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

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

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

项目效果截图


首页.png

 

服务.png

 

互动.png


我的.png


项目后台截图


后台登录.png

 

后台首页.png

 

用户管理.png


部署教程:

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


导入.png


2 开通云开发环境

云开发开通环境.png

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

3 云函数及配置

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

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

  • npm install –product


内建终端打开.png


安装依赖.png


  • 打开 cloudfunctions/school_cloud /comm/ccmini_config.js 文件,配置环境 ID 和后台管理员账号和密码


云函数-服务和管理配置.png


4 客户端配置

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


客户端配置.png


5 云函数配置

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

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

  • [函数内存] =>128M

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

配置云函数.png

6 设置图片域名信任关系

业务域名.png

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


上传到云.png


至此完全部署配置完毕。

在线演示:


Free版-QR.jpg


如有疑问,欢迎骚扰联系我鸭:

俺的微信: cclinux0730

用户头像

CC同学

关注

CC同学的小程序开发笔记 2021.06.13 加入

大鹅厂的小小程序媛,vx: cclinux0730

评论

发布
暂无评论
微校园小程序(云开发)设计方案