备案控制台
开发者社区 开发与运维 文章 正文

毕业设计：微信小程序健康管理系统的开发与实现（二）

2024-01-19 69
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 毕业设计：微信小程序健康管理系统的开发与实现

毕业设计：微信小程序健康管理系统的开发与实现（一）https://developer.aliyun.com/article/1423271


四，核心代码展示

const AdminBiz = require('../../../../biz/admin_biz.js');
const pageHelper = require('../../../../helper/page_helper.js');
const cloudHelper = require('../../../../helper/cloud_helper.js');
Page({
  /**
   * 页面的初始数据
   */
  data: {},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    if (!AdminBiz.isAdmin(this)) return;
    //设置搜索菜单
    await this._getSearchMenu();
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: async function () {},
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  },
  url: async function (e) {
    pageHelper.url(e, this);
  },
  bindCommListCmpt: function (e) {
    pageHelper.commListListener(this, e);
  },
  bindDelTap: async function (e) {
    if (!AdminBiz.isAdmin(this)) return;
    let id = pageHelper.dataset(e, 'id');
    let params = {
      id
    }
    let callback = async () => {
      try {
        let opts = {
          title: '删除中'
        }
        await cloudHelper.callCloudSumbit('admin/user_del', params, opts).then(res => {
          pageHelper.delListNode(id, this.data.dataList.list, 'USER_MINI_OPENID');
          this.data.dataList.total--;
          this.setData({
            dataList: this.data.dataList
          });
          pageHelper.showSuccToast('删除成功');
        });
      } catch (e) {
        console.log(e);
      }
    }
    pageHelper.showConfirm('确认删除？删除不可恢复', callback);
  },
  bindStatusTap: async function (e) {
    if (!AdminBiz.isAdmin(this)) return;
    let id = pageHelper.dataset(e, 'id');
    let status = pageHelper.dataset(e, 'status');
    let params = {
      id,
      status
    }
    try {
      await cloudHelper.callCloudSumbit('admin/user_status', params).then(res => {
        pageHelper.modifyListNode(id, this.data.dataList.list, 'USER_STATUS', status, 'USER_MINI_OPENID');
        this.setData({
          dataList: this.data.dataList
        });
        pageHelper.showSuccToast('设置成功');
      });
    } catch (e) {
      console.log(e);
    }
  },
  _getSearchMenu: async function () {
    let sortItems = [];
    let sortMenus = [{
        label: '全部',
        type: '',
        value: ''
      }, {
        label: '正常',
        type: 'status',
        value: 1
      }, 
      {
        label: '注册时间正序',
        type: 'sort',
        value: 'newasc'
      },
      {
        label: '注册时间倒序',
        type: 'sort',
        value: 'newdesc'
      },
    ]
    this.setData({
      sortItems,
      sortMenus
    })
  }
})
const AdminNewsBiz = require('../../../../biz/admin_news_biz.js');
const AdminBiz = require('../../../../biz/admin_biz.js');
const pageHelper = require('../../../../helper/page_helper.js');
const cloudHelper = require('../../../../helper/cloud_helper.js');
Page({
  /**
   * 页面的初始数据
   */
  data: {},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    if (!AdminBiz.isAdmin(this)) return;
    //设置搜索菜单
    await this._getSearchMenu();
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: async function () {},
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  },
  url: async function (e) {
    pageHelper.url(e, this);
  },
  bindCommListCmpt: function (e) {
    pageHelper.commListListener(this, e);
  },
  bindSortTap: async function (e) {
    if (!AdminBiz.isAdmin(this)) return;
    let id = e.currentTarget.dataset.id;
    let sort = e.currentTarget.dataset.sort;
    if (!id || !sort) return;
    let params = {
      id,
      sort
    }
    try {
      await cloudHelper.callCloudSumbit('admin/news_sort', params).then(res => {
        pageHelper.modifyListNode(id, this.data.dataList.list, 'NEWS_HOME', sort);
        this.setData({
          dataList: this.data.dataList
        });
      });
    } catch (e) {
      console.log(e);
    }
  },
  _del: async function (id, that) {
    if (!AdminBiz.isAdmin(this)) return;
    if (!id) return;
    let params = {
      id
    }
    let callback = async () => {
      try {
        let opts = {
          title: '删除中'
        }
        await cloudHelper.callCloudSumbit('admin/news_del', params, opts).then(res => {
          pageHelper.delListNode(id, that.data.dataList.list, '_id');
          that.data.dataList.total--;
          that.setData({
            dataList: that.data.dataList
          });
          pageHelper.showSuccToast('删除成功');
        });
      } catch (e) {
        console.log(e);
      }
    }
    pageHelper.showConfirm('确认删除？删除不可恢复', callback);
  },
  bindReviewTap: function (e) {
    let id = pageHelper.dataset(e, 'id');
    wx.navigateTo({
      url: pageHelper.fmtURLByPID('/pages/news/detail/news_detail?id=' + id),
    });
  },
  bindStatusSelectTap: async function (e) {
    if (!AdminBiz.isAdmin(this)) return;
    let itemList = ['启用', '停用', '删除'];
    let id = pageHelper.dataset(e, 'id');
    wx.showActionSheet({
      itemList,
      success: async res => {
        switch (res.tapIndex) {
          case 0: { //启用
            await this._setStatus(id, 1, this);
            break;
          }
          case 1: { //停止 
            await this._setStatus(id, 0, this);
            break;
          }
          case 2: { //删除
            await this._del(id, this);
            break;
          }
        }
      },
      fail: function (res) {}
    })
  },
  _setStatus: async function (id, status, that) {
    status = Number(status);
    let params = {
      id,
      status
    }
    try {
      await cloudHelper.callCloudSumbit('admin/news_status', params).then(res => {
        pageHelper.modifyListNode(id, that.data.dataList.list, 'NEWS_STATUS', status, '_id');
        that.setData({
          dataList: that.data.dataList
        });
        pageHelper.showSuccToast('设置成功');
      });
    } catch (e) {
      console.log(e);
    }
  },
  _getSearchMenu: async function () {
    let arr = await AdminNewsBiz.getCateList();
    let sortItems = [];
    let sortMenus = [{
        label: '全部',
        type: '',
        value: ''
      }, {
        label: '正常',
        type: 'status',
        value: 1
      },
      {
        label: '停用',
        type: 'status',
        value: 0
      },
      {
        label: '首页推荐',
        type: 'home',
        value: 0
      }
    ]
    sortMenus = sortMenus.concat(arr);
    this.setData({
      sortItems,
      sortMenus
    })
  }
})
const AdminBiz = require('../../../../biz/admin_biz.js');
const AdminMeetBiz = require('../../../../biz/admin_meet_biz.js');
const pageHelper = require('../../../../helper/page_helper.js');
const cloudHelper = require('../../../../helper/cloud_helper.js');
Page({
  /**
   * 页面的初始数据
   */
  data: {},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: async function (options) {
    if (!AdminBiz.isAdmin(this)) return;
    //设置搜索菜单
    await this._getSearchMenu();
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: async function () {},
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  },
  url: async function (e) {
    pageHelper.url(e, this);
  },
  bindCommListCmpt: function (e) {
    pageHelper.commListListener(this, e);
  },
  bindScanTap: function (e) {
    let meetId = pageHelper.dataset(e, 'id');
    let title = encodeURIComponent(pageHelper.dataset(e, 'title'));
    wx.navigateTo({
      url: '../scan/admin_meet_scan?meetId=' + meetId + '&title=' + title,
    });
  },
  bindRecordSelectTap: async function (e) {
    let itemList = ['预约名单', '导出名单Excel文件', '管理员核销预约码', '用户自助签到码'];
    let meetId = pageHelper.dataset(e, 'id');
    let title = encodeURIComponent(pageHelper.dataset(e, 'title'));
    wx.showActionSheet({
      itemList,
      success: async res => {
        switch (res.tapIndex) {
          case 0: { //预约名单 
            wx.navigateTo({
              url: '../record/admin_record_list?meetId=' + meetId + '&title=' + title,
            });
            break;
          }
          case 1: { //导出 
            wx.navigateTo({
              url: '../export/admin_join_export?meetId=' + meetId + '&title=' + title,
            });
            break;
          }
          case 2: { //核验 
            this.bindScanTap(e);
            break;
          }
          case 3: { //自助签到码 
            pageHelper.showModal('请进入「预约名单->名单」， 查看某一时段的「用户自助签到码」')
            break;
          }
        }
      },
      fail: function (res) {}
    })
  },
  bindMoreSelectTap: async function (e) {
    let itemList = ['预览'];
    let meetId = pageHelper.dataset(e, 'id');
    wx.showActionSheet({
      itemList,
      success: async res => {
        switch (res.tapIndex) {
          case 0: { //预览
            wx.navigateTo({
              url: pageHelper.fmtURLByPID('/pages/meet/detail/meet_detail?id=' + meetId),
            });
            break;
          }
        }
      },
      fail: function (res) {}
    })
  },
  bindStatusSelectTap: async function (e) {
    let itemList = ['启用', '停止预约 (用户可见)', '关闭 (用户不可见)', '删除', '置顶', '取消置顶'];
    let meetId = pageHelper.dataset(e, 'id');
    wx.showActionSheet({
      itemList,
      success: async res => {
        switch (res.tapIndex) {
          case 0: { //启用
            await this._setStatus(meetId, 1, this);
            break;
          }
          case 1: { //停止预约
            await this._setStatus(meetId, 9, this);
            break;
          }
          case 2: { //关闭
            await this._setStatus(meetId, 10, this);
            break;
          }
          case 3: { //删除
            await this._del(meetId, this);
            break;
          }
          case 4: { //置顶
            await this._setSort(meetId, 0, this);
            break;
          }
          case 5: { //取消置顶
            await this._setSort(meetId, 9999, this);
            break;
          }
        }
      },
      fail: function (res) {}
    })
  },
  _setSort: async function (meetId, sort, that) {
    if (!AdminBiz.isAdmin(this)) return;
    if (!meetId) return;
    let params = {
      meetId,
      sort
    }
    try {
      await cloudHelper.callCloudSumbit('admin/meet_sort', params).then(res => {
        pageHelper.modifyListNode(meetId, that.data.dataList.list, 'MEET_ORDER', sort);
        that.setData({
          dataList: that.data.dataList
        });
        pageHelper.showSuccToast('设置成功');
      });
    } catch (e) {
      console.log(e);
    }
  },
  _del: async function (meetId, that) {
    if (!AdminBiz.isAdmin(this)) return;
    if (!meetId) return;
    let params = {
      meetId
    }
    let callback = async function () {
      try {
        let opts = {
          title: '删除中'
        }
        await cloudHelper.callCloudSumbit('admin/meet_del', params, opts).then(res => {
          pageHelper.delListNode(meetId, that.data.dataList.list, '_id');
          that.data.dataList.total--;
          that.setData({
            dataList: that.data.dataList
          });
          pageHelper.showSuccToast('删除成功');
        });
      } catch (e) {
        console.log(e);
      }
    }
    pageHelper.showConfirm('确认删除？删除不可恢复', callback);
  },
  _setStatus: async function (meetId, status, that) {
    if (!AdminBiz.isAdmin(this)) return;
    if (!meetId) return;
    let params = {
      meetId,
      status
    }
    try {
      await cloudHelper.callCloudSumbit('admin/meet_status', params).then(res => {
        pageHelper.modifyListNode(meetId, that.data.dataList.list, 'MEET_STATUS', status, '_id');
        that.setData({
          dataList: that.data.dataList
        });
        pageHelper.showSuccToast('设置成功');
      });
    } catch (e) {
      console.log(e);
    }
  },
  _getSearchMenu: async function () {
    let arr = await AdminMeetBiz.getTypeList();
    let sortItems = [];
    let sortMenus = [{
        label: '全部',
        type: '',
        value: ''
      }, {
        label: '使用中',
        type: 'status',
        value: 1
      },
      {
        label: '已停止',
        type: 'status',
        value: 9
      },
      {
        label: '已关闭',
        type: 'status',
        value: 10
      },
    ];
    sortMenus = sortMenus.concat(arr);
    this.setData({
      sortItems,
      sortMenus
    })
  }
})

五，项目总结

5.1 微信小程序云开发应用

微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。开发者可以使用云开发快速开发小程序、小游戏、公众号网页等，并且原生打通微信开放能力。开发者无需搭建服务器，可免鉴权直接使用平台提供的 API 进行业务开发。使用微信小程序云开发需要先注册然后使用。

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

6-1云开发操作操作

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

6-2云开发操作操作

开通过申请到了云开发环境的ID，即可在小程序中进行按官方文档配置开发。

5.2微信小程序开发者工具应用

腾讯为小程序开发人员提供了一个专业方便的快速构建工具，也就是我们用到的这款小程序开发者工具。从微信小程序官网下载小程序开发者工具安装后打开，需要使用开发者绑定小程序账户的微信扫描登录后打开。打开后的界面如下：

6-3微信开发者工具操作

5.3 NODEJS技术开发应用

Nodejs技术最近几年在前后端分离开发中用的比较多，特别是一些前端开发人员，更喜欢结合Nodejs来进行项目的开发。它是基于Chrom的V8引擎来运行JS端服务程序。原来JS主要定位于前端交互开发的脚本，现在却可以像PHP,JSP一样开发后台服务程序。本项目中对应的后台管理功能就是基于Nodejs来开发的后台程序。下面是后台程序的目录结构：

6-4后台系统目录结构

   其中package.json是配置的系统依赖的库，主要是在启动时要加载一些js库以便开发使用。其中project目录下包含controller,model,service三个目录，分别代表三层架构中的控制器，数据模型层，业务层，系统采用三层架构的方式来进行开发实现。

5.4 NPM包管理工具应用

后台开发基于Nodejs开发应用时，需要下载相关的JS依赖库，以便开发使用，我们常用NPM进行依赖库的管理，需要在本地安装配置NPM环境，它相当于J ava中的Maven。本地安装配置后可以使用命查看它是否安装成功：

6-5 NPM版本查看

5.5 MongoDB数据库应用

本健康小程序管理系统的开发基于微信云开发实现，使用了微信云服务器的数据库服务来进行数据存储，它使用的是Mongodb数据库。点击微信开发者工具上面的云开发，可以进入自己申请的云服务列表，选择数据库，可以查看相关的数据库表结构及数据：

6-6 云数据库查看

文章标签：
小程序
JavaScript
开发者
数据库
Java
关键词：
微信小程序开发
微信开发
微信小程序管理系统
微信小程序系统
微信系统
编程千纸鹤
目录
相关文章
源码世界
|
2天前
|
移动开发 监控 供应链
JAVA智慧工厂制造生产管理MES系统，全套源码，多端展示（app、小程序、H5、台后管理端）
一开始接触MES系统，很多人会和博主一样，对MES细节的应用不了解，这样很正常，因为MES系统相对于其他系统来讲应用比较多!
源码世界
14 1
JAVA智慧工厂制造生产管理MES系统，全套源码，多端展示（app、小程序、H5、台后管理端）
s:103
|
3天前
|
小程序 应用服务中间件 Linux
【Nginx】微信小程序后端开发、一个域名访问多个服务
【Nginx】微信小程序后端开发、一个域名访问多个服务
s:103
14 0
终有链响
|
4天前
|
小程序
开发小程序只要几百块？
开发小程序只要几百块？
终有链响
361 0
宁波阿成.
|
4天前
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
宁波阿成.
13 1
景天科技苑
|
4天前
|
小程序 前端开发 JavaScript
轻松学会微信小程序开发（一）
轻松学会微信小程序开发（一）
景天科技苑
40 0
游客hjgt3xacvje4w
|
4天前
|
JSON 小程序 JavaScript
微信小程序开发1
微信小程序开发1
游客hjgt3xacvje4w
23 1
同学小张
|
4天前
|
数据采集 存储 人工智能
【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT，只需一个URL，自动获取文章总结
【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT，只需一个URL，自动获取文章总结
同学小张
43 0
同学小张
|
4天前
|
人工智能 机器人 API
【Python+微信】【企业微信开发入坑指北】3. 如何利用企业微信API给微信群推送消息
【Python+微信】【企业微信开发入坑指北】3. 如何利用企业微信API给微信群推送消息
同学小张
34 0
八百标兵奔北坡
|
4天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中，需注意10大坑点：遵守小程序限制与规范；解决兼容性问题；优化数据加载速度；适应分享功能限制；处理视频播放挑战；优化图片加载显示；管理资源文件；提升用户体验；考虑安全性；及时更新维护。通过测试、优化和遵循官方文档，可克服这些问题，打造优质小程序。
八百标兵奔北坡
34 5
桃李春风一杯酒
|
4天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应，确保统一用户体验；响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中，开发者可借助跨平台框架实现多平台开发，运用响应式布局技术适应不同设备。同时，注意兼容性、性能优化和用户体验，以提升小程序质量和用户体验。通过这些方法，开发者能更好地掌握小程序全栈开发。
桃李春风一杯酒
48 0

热门文章

最新文章

  • 1
    体验版小程序为何无法访问云端服务器后端接口（请求失败...（已完美解决附加图片））？
  • 2
    uniapp 实现当前页面分享至微信好友或朋友圈功能（带参数和无参数）
  • 3
    【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT，只需一个URL，自动获取文章总结
  • 4
    【Python+微信】【企业微信开发入坑指北】3. 如何利用企业微信API给微信群推送消息
  • 5
    【超详细！超多图！】【代码管理】Python微信公众号开发（3）- 服务器代码上传Github
  • 6
    【Python+微信】【企业微信开发入坑指北】2. 如何利用企业微信API主动给用户发应用消息
  • 7
    基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
  • 8
    基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
  • 9
    基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
  • 10
    基于SpringBoot+Vue+uniapp微信小程序的校园水电费管理微信小程序的详细设计和实现
  • 1
    【微信小程序】-- 表单组件 - picker 实现日期选择器（五十三）
    96
  • 2
    【微信小程序】TypeError: Cannot read property ‘get‘ of undefined & Error: MiniProgramError
    117
  • 3
    【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果（五十二）
    55
  • 4
    【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果（五十一）
    58
  • 5
    【微信小程序】-- 使用 Git 管理项目（五十）
    50
  • 6
    【微信小程序】-- uni-app 项目创建 & 目录结构讲解（四十九）
    73
  • 7
    【微信小程序】-- 配置uni-app的开发环境（四十八）
    41
  • 8
    【微信小程序】-- npm包总结 --- 基础篇完结（四十七）
    46
  • 9
    【微信小程序】-- 案例 - 自定义 tabBar（四十六）
    87
  • 10
    【微信小程序】-- 分包 - 独立分包 & 分包预下载（四十五）
    45

    • 相关课程

    更多
  • IoT小程序框架课程
  • 阿里云数据中心IT初级运维工程师认证培训课程
  • 全栈数据工程师养成攻略
  • 面向运维的 python 脚本速成-1024程序员节创造营公益课
  • 阿里云数据中心基础设施初级运维工程师认证培训课程
  • 物联网开发 - Linux驱动开发实操演练

    • 相关电子书

    更多
  • 5.18阿里小程序云生态及实践分享 - 阿里小程序的一云多端
  • 《使用Serverless服务快速开发小程序》
  • 《云市场-小程序》

    • 相关实验场景

    更多
  • 1分钟SAE部署PHP商城小程序
  • 搭建微信小程序（AMD 8代）
  • 搭建微信小程序
  • 收银台的场景化界面实践
  • 阿里云IoT小程序应用开发和组件实践
  • 搭建IoT小程序开发环境，创建一个应用
    • 下一篇
    2024年阿里云免费云服务器及学生云服务器申请教程参考