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

项目介绍

  • 本小程序包括学校公告,服务通知,校园新闻,校园风光,校园活动,校历,课程表,失物招领,迎新服务,问卷调查,空闲教室,借阅报告,课堂印象等功能模块!
  • 在这里,学生可以查看考勤,成绩,课表,校园活动等一系列基本应用,为丰富学生的校园生活,学生可以通过互动模块进行社交
  • 创建表白主题:为便捷学生生活,学生可以失物招领,维修申请等解决校园生活问题;为解决学生课后疑问,提供课后问答模块
  • 为大学老师技工快捷查找休闲教室,智能办公,管理学生,查询学生成绩,考勤,解答学生课后问题等一系列服务。
    CC微校园小程序(云开发)设计方案_第1张图片

功能说明

CC微校园小程序(云开发)设计方案_第2张图片

技术运用

  • 项目使用微信小程序平台进行开发。
  • 使用腾讯云开发技术,免费资源配额,无需域名和服务器即可搭建。
  • 小程序本身的即用即走,适合小工具的使用场景,也适合程序的开发。

项目效果截图

CC微校园小程序(云开发)设计方案_第3张图片CC微校园小程序(云开发)设计方案_第4张图片
CC微校园小程序(云开发)设计方案_第5张图片

CC微校园小程序(云开发)设计方案_第6张图片

项目后台截图

CC微校园小程序(云开发)设计方案_第7张图片CC微校园小程序(云开发)设计方案_第8张图片
CC微校园小程序(云开发)设计方案_第9张图片

部署教程:

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

CC微校园小程序(云开发)设计方案_第10张图片

2 开通云开发环境

  • 参考微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
    在这里插入图片描述

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

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

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

3 云函数及配置

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

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

  • npm install –product
    CC微校园小程序(云开发)设计方案_第11张图片

CC微校园小程序(云开发)设计方案_第12张图片

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

CC微校园小程序(云开发)设计方案_第13张图片

4 客户端配置

  • 打开miniprogram/app.js文件,配置环境ID
    CC微校园小程序(云开发)设计方案_第14张图片

5 云函数配置

  • 在微信开发者工具-》云开发-》云函数-》对指定的函数添加环境变量
  • [服务端时间时区TZ] =>Asia/Shanghai
  • [函数内存] =>128M
  • [函数超时时间] => 20秒
    CC微校园小程序(云开发)设计方案_第15张图片

6 设置图片域名信任关系

  • 进入小程序 开发管理=》开发设置=》服务器域名 =》downloadFile合法域名
  • 添加2个域名:
  • 1)你的云存储域名,格式类似:https://1234-test-pi5po-1250248.tcb.qcloud.la
  • 2)微信头像域名:https://thirdwx.qlogo.cn
    CC微校园小程序(云开发)设计方案_第16张图片

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

CC微校园小程序(云开发)设计方案_第17张图片

至此完全部署配置完毕。

项目地址

项目gitee地址

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

俺的微信: cclinux0730

你可能感兴趣的:(小程序案例,小程序开发,微信,小程序,数据库)