技术博客
首页 所有文章 标签 分类 关于
技术博客

目录

通用成绩查询小程序云开发解决方案

 收录于 小程序案例 小程序开发
   约 999 字   预计阅读 2 分钟 
https://bing.ee123.net/img/rand?artid=119993673

通用成绩查询小程序（云开发解决方案）

项目介绍

https://i-blog.csdnimg.cn/blog_migrate/33816115ebd8d346700e73adbb9b09fb.png

  • 本小程序包括成绩查询（学科成绩，考级成绩，竞赛成绩，其他成绩），后台成绩科目管理，后台成绩导入，后台成绩管理等功能模块！

功能说明

https://i-blog.csdnimg.cn/blog_migrate/a9d546a8c1dcc398588a72bafa7d639f.png

技术运用

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

项目效果截图 在这里插入图片描述

https://i-blog.csdnimg.cn/blog_migrate/4c78afd28897e86bf24dafc51c3c4089.png

https://i-blog.csdnimg.cn/blog_migrate/8ddd3dfeeb0a0025ef30e85a8471db9f.png

项目后台截图

https://i-blog.csdnimg.cn/blog_migrate/c254c59d2ed7695e25f8848fd698eef3.png

https://i-blog.csdnimg.cn/blog_migrate/fbd6f8a068da2226dd2f5359ead67445.png

https://i-blog.csdnimg.cn/blog_migrate/f5ea2d894fca98708e1a00649a1f21b7.png

https://i-blog.csdnimg.cn/blog_migrate/ee1a19962fdfebcb161d6bee1a428c8d.png

导入数据的Excel文档成绩样本格式

https://i-blog.csdnimg.cn/blog_migrate/14bd298027fa12b9102ae93d1b3d6e1f.png

部署教程：

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

https://i-blog.csdnimg.cn/blog_migrate/f4b8972fc0866eba9bbe7813a0fd5706.png

2 开通云开发环境

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

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

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

    https://i-blog.csdnimg.cn/blog_migrate/9b7f45675d38ab32afbdbec214a4f98e.png

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

3 云函数及配置

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

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

  • npm install –product

    https://i-blog.csdnimg.cn/blog_migrate/46d385fee54938fcde4f7fa92301f768.png

https://i-blog.csdnimg.cn/blog_migrate/6828407b5954c44ccbb477fb89d42ef9.png

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

    https://i-blog.csdnimg.cn/blog_migrate/176066c42848dfff668318535c5690ae.png

本系统需要导入Excel文件，需要在云函数安装Excel内库支持，
  • 在云函数cloudfunctions文件夹下选择云函数score_cloud , 右键选择在终端中打开,然后执行
  • npm install node-xlsx

https://i-blog.csdnimg.cn/blog_migrate/7878d657d7d6793ac7b3f7ee8d1c1616.png

4 客户端配置

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

    https://i-blog.csdnimg.cn/blog_migrate/de4471d2dd38b24dea21cadae1f0561c.png

5 云函数配置
  • 在微信开发者工具-》云开发-》云函数-》对指定的函数添加环境变量
  • [服务端时间时区TZ] =>Asia/Shanghai
  • [函数内存] =>128M
  • [函数超时时间] => 60秒

https://i-blog.csdnimg.cn/blog_migrate/d0584dbfb123baeba6cb118e70c8405f.png

6 设置图片域名信任关系
  • 进入小程序 开发管理=》开发设置=》服务器域名 =》downloadFile合法域名
  • 添加2个域名：
  • 1）你的云存储域名，格式类似：https://1234-test-pi5po-1250248.tcb.qcloud.la
  • 2）微信头像域名：https://thirdwx.qlogo.cn

https://i-blog.csdnimg.cn/blog_migrate/b5d1ea89f11f9378cea9f247a300c478.png

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

https://i-blog.csdnimg.cn/blog_migrate/afb9c0f522375e6ccee81b7d351ba463.png

至此完全部署配置完毕。

代码地址：

更新于 2024-04-10
 微信, 小程序
返回 | 主页