[移动开发] 社区疫情防控系统计算机毕业设计微信小程序开发

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> 社区疫情防控系统计算机毕业设计微信小程序开发 -> 正文阅读

[移动开发]社区疫情防控系统计算机毕业设计微信小程序开发

一、技术说明

1、用户端基于微信小程序原生开发语言进行开发的，使用微信开发者工具进行项目的搭建开发，开发语言是wxml+wxss+json+js

2、管理员后端使用html+css+js+layui+php进行开发，数据库使用的是mysql

二、功能说明

1、小程序用户端功能介绍

1.0 首页功能展示：

1.1 使用微信进行授权登录

使用微信授权登录的功能需要开发者进行小程序的账号注册，注册成功之后小程序的官方后台会提供给开发者小程序账号的唯一标识appid和appsercet两个码，使用这两个码进行小程序的第三方接口通讯，便可拿到小程序的openid，和相关的用户数据。部分代码如下图所示：

$client = new Client();
        $response = $client->get('https://api.weixin.qq.com/sns/jscode2session', [
            'query' => [
                'appid' => config('wechat.appid'),
                'secret' => config('wechat.secret'),
                'js_code' => $request->input('code'),
                'grant_type' => 'authorization_code'
            ],
            'verify' => false
        ]);

?功能截图如下

1.2 个人信息上报

个人信息上报功能需要用户填写个人的真实姓名、联系方式、健康码上传、行程轨迹、体温信息、然后进行上报，上报成功之后，管理员在后台需要审核，审核用户是否同意回小区，线下用户需要将审核的结果交给门卫处，同意回小区才能允许通行。部分核心代码如下：

wx.request({
      url: app.data.api.records + userInfo.id,
      dataType: 'json',
      method: 'post',
      data: {
        username: this.data.real_name, 
        phone: this.data.phone_number,
        code: this.data.imgList[0],
        tem: this.data.tem,
        path: this.data.path
      },
      success: (res) => {
          if(res.statusCode == 200){
            if(res.data.code == 0){
              wx.showToast({
                title: '上报成功',
              })
            }else{
              wx.showToast({
                title: '已经上报了',
              })
            }

功能截图如下：