基于微信小程序的體質健康管理系統設計與實現

張學敏

摘要：通過現代科技手段，設計一款滿足人們日常健身需求的軟件。系統采用模塊化設計，包括前端、后臺、數據庫三部分。前端主要是使用微信開發者進行頁面相關的設計，后臺使用軟件IntelliJ IDEA進行程序設計，數據庫編寫使用MySQL。系統實現的功能有：用戶注冊登錄、用戶信息完善、通過推薦鏈接觀看健身房各健身項目、健身課程教學等。

關鍵詞：IntelliJ IDEA;MySQL;微信開發者工具

中圖分類號：TP311.52? ? ? 文獻標識碼：A

文章編號：1009-3044（2019）22-0103-04

開放科學（資源服務）標識碼（OSID）：

Design and Implementation of Home Environment Detection System

ZHANG Xue-min

（Anhui Medical University， Hefei 230032， China）

Abstract： A software was designed that meets people's daily fitness needs through modern technology. The system adopted modular design， including front-end， back-end， and database. The front-end mainly uses WeChat developers for page-related design， the background is designed with software IntelliJ IDEA， and the database is written using MySQL. The functions that the system needs to implement are： user registration and login， perfecting user information， watching gymnastics fitness programs through recommended links， fitness class teaching.

Key words：IntelliJ IDEA; MySQL; Wechat Developer Tool

1 背景

習近平總書記在十九大報告中指出，實施健康中國戰略，推動全民健身和全民健康深度融合 [1]。全民健身已經成為備受關注的話題，但現如今城市生活節奏加快，個人空間變小，健身成本的增高，更多年輕人傾向于通過網絡健身，而微信小程序以其自帶推廣、觸手可及、無須安裝、快捷搜索、成本低廉、使用體驗更為流暢的優勢，備受用戶青睞。因此，筆者設計基于微信小程序的體質健康管理系統，旨在響應國家號召，拓寬全民健身渠道。

2 系統分析

2.1 需求分析

系統需求包括：1）用戶實現注冊登錄;2）用戶信息完善;3）健身項目展示，可進行學習購買;4）用戶可進行評價。

2.2 可行性分析

IntelliJ IDEA是一種java編程語言開發的集成環境。這款軟件在計算機編程里面被公認為最好的用于java開發工具之一，特別是在智能代碼助手、代碼自動提示、重構、J2EE支持、各類版本工具（git、svn等）、JUnit、CVS整合、代碼分析、 創新的GUI設計等方面，其功能明顯優于其他軟件[2]。

前期推廣主要通過傳單宣傳、轉發宣傳等線上線下結合的方式進行，以求打開一定流量入口，前期主要公益性使用，后期渠道拓寬，市場范圍擴大，再進行營利性經營。

2.3 開發環境簡介

2.3.1 微信web開發者工具

這款工具是由微信官方在網上發布的主要是針對微信小程序的一種開發工具，集中了開發，調試，預覽，上傳等功能。2018年3月，微信團隊發布了微信小程序開發者工具、微信小程序開發文檔和微信小程序設計指南，全新的開發者工具，集成了開發調試、代碼編輯及程序發布等功能，幫助開發者簡單和高效地開發微信小程序[3]。

啟動工具時，開發者需要使用已在后臺綁定成功的微信號掃描二維碼登錄，后續所有的操作都會基于這個微信的賬號。程序調試主要有三大功能區：模擬器、調試工具和小程序操作區。模擬器模擬微信小程序在客戶端真實的邏輯表現，對于絕大部分的 API 均能夠在模擬器上呈現出正確的狀態。調試工具分為 6 大功能模塊：Wxml、Console、Sources、Network、Appdata、Storage以及WxmlPannel。

2.3.2 IntelliJ IDEA

首先是配置JDK。打開“File”–>“project setting”，添加本地安裝的JDK。JDK是Java的開發工具包，主要包含了各種類庫和工具，JDK提供了一個虛擬機。另外，JDK的bin目錄下有各種Java程序需要用到的命令，JDK文件下有javac。JDK是Java的開發工具，它不僅提供了Java程序運行所需的JRE，還提供了一系列的編譯，運行等工具，如javac，java，javaw等。JRE只是Java程序的運行環境，它最核心的內容就是JVM（Java虛擬機）及核心類庫。環境安裝如圖1：

3 總體設計

3.1 系統設計

系統用戶在注冊登錄后，可以對小程序內健身項目進行購買和退換，使用的這種小型便捷的軟件，主要方便完成戶的健身需求，同時用戶也可以在進行留言評論。

3.2.1 系統功能

小程序功能包括：1）新用戶進行注冊，姓名，身高，體重，密碼等一系列操作;2）注冊完成后，進入登錄界面進行登錄;3）登錄后，可以看到一些健身文章和健身的項目簡介;4）進入課程可以進行購買和退換;5）用戶可在評論區評論反饋。

3.2 系統模塊

圖2是用戶模塊，用戶注冊登錄后進入首頁，可以查看健身文章和健身課程，并可以選擇文章閱讀，同時可以購買課程和退換。只有購買了課程，才可以在課程下方進行評論和反饋。圖3是管理單元模塊，在管理界面可以查看用戶信息，對健身課程和文章進行添加、刪除還有價格和內容的修改。

3.3 界面設計模塊

3.2.1 系統初始化模塊

初始化的狀態即為用戶看到的注冊登錄界面，頁面需要簡潔干凈和大方，給人一種舒心的感覺，讓用戶感興趣，不反感。同時界面上的按鈕和功能清楚，簡單明了。

3.2.2 使用進程模塊

用戶注冊登錄后，進入頁面，會看到三個基礎選項，分別是首頁，課程，我的;這三個分別用以完成此課題的主要功能。進入首頁后，會有健身相關課程和文章供用戶查看，用戶可以選擇感興趣的觀看和了解，進入課程頁面，可以對健身課程進行購買和退換;進入我的頁面，可查看自我資料，已經購買的課程。

3.2.3 管理單元模塊

管理單元模塊，在管理界面可以查看用戶信息，對健身課程和文章進行添加、刪除還有價格和內容的修改。

4 系統實現

系統大致分為三個部分前端顯示，后臺管理，數據庫設計。微信小程序系統實現前期大致步驟：注冊;小程序信息完善;開發小程序;使用微信web開發者工具進行小程序開發;開發者可以調試微信網頁授權和微信JS-SDK。JS-SDK使用步驟：綁定域名;引入JS文件;通過config接口注入權限驗證配置;通過ready接口處理成功驗證;通過error接口處理失敗驗證[3]。

4.1 前端顯示

4.1.1 頁面的初始化

未注冊或登錄時的頁面初始化，如圖5：

登錄后頁面的初始化，如圖6：

4.1.2 課程購買退換模塊

購買模塊：

退購模塊：

4.1.3 用戶界面的管理模塊：

資料編輯模塊：

退出登錄模塊：

4.2 后臺管理設計

后臺設計使用Java編程語言，使用軟件IntelliJ IDEA;包括管理后臺，后臺對應api，底層支持和工具方法，數據庫及對象相關，小程序代碼和小程序api。使用springboot+mybatis框架[4]。

Spring的存在就是為了解決開發的復雜度，它不只是在某個服務器端之間的開發，還可以根據各種不同的角度在java的應用上面應用[5]。Spring Boot是所有基于Spring開發的項目的起點。SpringBoot其實不是什么新的框架，它默認配置了很多框架的使用方式，就像maven整合了所有的jar包，spring boot整合了所有的框架[6]。

4.3 數據庫設計

數據庫設計使用MySQL進行編程，MySQL，也稱為My-SEQuel，是一個開源的，多用戶的，多線程的關系型數據庫的管理系統，由DBMS，DBM和DBA部分組成[7]。它主要是有效地管理大量信息，由于它是開源的，而且執行的速度快，體積還小，成本又比較低，主要是還支持Linux，Windows等很多種的操作系統，它具有強大的索引功能，能加速數據檢索操作，因此許多網站更喜歡MySQL作為他們的數據庫，適合中小型項目管理內容[8]。

5 系統調試與測試

5.1 測試方法

在初步完成該系統時，主要在電腦也就是web端進行調試，測試各部分模塊，能否完成任務書的主要功能，在測試過程中注意功能實現的同時，有沒有更好的方法改進，進一步完善系統。

5.2 測試環境和條件

測試環境有兩個，一個在電腦端測試，一個通過手機端進行模擬用戶使用測試。測試時，對照任務書上的各項功能進行一一驗證，通過微信web開發者工具的真機調試模塊，手機端掃碼登錄，測試條件一定是符合任務書標準。

5.3 測試數據

測試過程中，測試數據主要為用戶的注冊和登錄，錄入用戶的個人信息如姓名，年齡，體重，身高，性別，手機號，還有對自己運動偏向的標簽。在用戶登錄后，測試的數據主要是人為的操作為主，體驗這款微信小程序的操作是否符合標準，設計的是否人性化，操作感是否流暢，界面設計是否合理，多找幾個同學進行體驗，根據同學使用情況進行修改。

5.4 測試結果和分析評價

從首頁界面、可選擇購買的健身課程界面、用戶自我管理界面、用戶購買課程和退換課程，界面的刷新等角度對小程序進行了測試，測試效果良好，可以完整完成各項功能，

參考文獻：

[1] 韓喜平， 孫小杰. 全面實施健康中國戰略[EB/OL].4. http：//mini.eastday.com/mobile/171022212306067.html#，（2018-12-24）.

[2] 黃強文， 曾丹. 基于Spring Cloud和Docker的分布式微服務架構設計[J]. 微型電腦應用， 2019， 35（6）： 98-101.

[3] 高小倩. 微信小程序公布四大廣告位，騰訊能成為以廣告收入為主的公司么？[EB/OL]. .https：//baike.baidu.com/reference/20171697/e5e1oyH03Jn6qkW3xe0IaXz2eTPRapEMNSFw8InpuCnQC2WglP7G1xfhO1vFLpeAmOCiyc0quoqP81Wr.（2018-03-29）.

[4] 李雪釗. 基于微信小程序的慢出行共享系統的設計與實現[D]. 北京： 首都經濟貿易大學， 2018.

[5] 王曉茹. 基于個性化推薦的英語輔助教學系統設計[J]. 微型電腦應用， 2019， 35（5）： 35-38.

[6] 陳昊， 齊殿偉， 劉煜， 等. “益點益滴”大學生教育與公益平臺設計及實現[J]. 現代信息科技， 2019， 3（7）： 73-76， 79.

[7] 鐘婉石. 智能家居網關與信息推送的分析與研究[D]. 沈陽： 沈陽建筑大學， 2017.

[8] 邱志軍， 吳彬， 蔣志勇. 基于微信的志愿服務管理系統開發與應用[J]. 計算機產品與流通， 2019（7）： 104-106.

【通聯編輯：謝媛媛】