愛寵一生寵物小程序設計與實現

王青云 莫勝貴 陳宣 孫海陽

【摘 要】隨著互聯網時代的到來，現如今網絡的覆蓋率已近全面階段，對網絡的需求也越來越高，為了減輕管理人員的工作負擔、提高工作效率，通過網絡平臺創建一個便捷高效的愛寵一生寵物小程序來優化管理業務。

本文介紹了愛寵一生寵物小程序設計方案，系統后端使用Java語言和Eclipse編輯器、MySQL數據庫，采用SSM框架設計并實現，移動前端采用微信平臺。概述了整個系統的設計框架，介紹了系統軟件開發編譯環境的搭建，闡述了各模塊的功能及程序調用關系設計過程。

【關鍵詞】愛寵一生寵物小程序;Java語言;微信平臺;MySQL數據庫

一、緒論

（一）開發背景

現今社會生活中，隨著需求的日益多元化，互聯網成了主流，所持有的管理軟件資源也隨之豐富，最直觀的表現就是管理系統無論從種類還是數量上都大幅增加，這就加快了管理系統的開發與研究的腳步。

在發展迅速的信息化時代中，越來越多互聯網科技走進人們的生活，人們開始接受互聯網帶來的方便快捷的服務。疫苗信息管理如果還用傳統的管理模式，時間久了，管理十分不便利，存在誤差，查詢難的現象，一旦數據過多，人工管理方式就很難維持。隨著信息技術的應用拓展，逐漸引用了信息化技術管理，逐漸取代了人工管理模式，采用計算機系統來管理信息，智能的管理減少了人力物力財力，節省了管理的時間和空間，提升了工作的準確率和效率。本次系統開發，主要以愛寵一生寵物小程序為對象，根據需求來完成功能設計[1][2]。

（二）開發意義

建立愛寵一生寵物小程序，一方面，用戶可以在第一時間在系統里發布所需的疫苗信息，另一方面，系統還可以管理疫苗信息，減少了人工處理的工作量。

本系統旨在建立用戶、管理者二者之間的橋梁關系，從而使用戶能及時有效的從管理者手中獲取到信息。所以我們認為建立一個愛寵一生寵物小程序是非常必要的，其方便高效、簡單快捷的管理模式是很有使用性的[3][4]。

二、主要技術與工具介紹

（一）微信小程序開發者工具及簡介

從開發人員的角度來看，微信小程序是無需下載和安裝即可實現和運行的程序，所需的技術是WXML，WXS和JS。微信小程序開發者工具分為三個部分：編輯，調試和項目[3]。

編輯是指編寫和修改微信小程序的代碼[5];調試代碼錯誤，并提示微信小程序顯示錯誤和警告;查看微信小程序的屬性并更改微信小程序的配置;并將代碼提交到微信服務器上的微信小程序。

微信小程序開發工具還提供了一個簡單的模擬器，可用于模擬用戶使用計算機，并提供背景模擬，媒體播放器調試和數據處理以及其他功能。在項目頁面上，還可以查看微信小程序的主要屬性并執行實時計算機預覽調試。

（二）框架及工具介紹

該小程序采用 MINA 應用框架 （Apache MINA）開發視頻自媒體小助手，該框架分兩個部分 ：一個是頁面管理，一個是響應的數據綁定。

Wxml（WeiXin Markup Language）：是框架中設計標簽語言的一種，可以利用Wxml構建頁面結構[6]。

Wxss （WeiXin Style Sheets）：是屬于樣式語言的一種，它用來描述 Wxml 的組件樣式。Wxml 組件的顯示就是用它來決定的。Wxss中還與 CSS有許多相似之處。為了可以更合適于小程序，Wxss也做了很多更改。對CSS 來說，Wxss 其中就擴展了：尺寸單位、樣式導入、尺寸單位等。

Wxs（WeiXin Script）：是小程序的一套腳本語言，結合 WXML，可以構建出頁面的結構。

數據綁定：也是框架的核心，wxml頁面中的動態數據都是來自于js文件，具體代碼如下圖1-1所示。

（三）web技術

微信小程序中則使用的是WXML（Weixin Markup Language），它是框架設計的一套標簽語言，結合的是基礎組件和事件系統，可以構建頁面的結構。

采用WXML的優點：

（1）簡易性：直接在小程序公眾平臺編寫，簡單快捷。

（2）獲取權限：在網絡通信狀態下微信小程序地數據緩存能力較高，系統權限可以和微信客戶端并存[2]。

（3）實用性：WXML是微信小程序中所用語言，它的開發成本低、功能豐富，最重要的是用戶的使用體驗也不錯。

（四）技術說明

基于微信小程序的視頻自媒體小助手小程序，前端技術主要是：微信開發者工具;數據庫：MySQL;[4]軟件開發工具：MyEclipse;服務器：Tomcat以及微信小程序技術框架等工具來完成本次大創設計。

三、系統分析

（一）需求分析

針對現存的問題和需要，通過功能需求的分析，特建立了數字化、信息化的面向城市大腦的愛寵一生寵物小程序。本系統主要包含了用戶信息管理、新聞信息管理、交流討論等多個功能模塊。不同的權限對應相應的功能模塊的需求，管理員權限的級別是最高的，所以所對應的需求是最多的，可以對系統的用戶信息、資訊信息、交流討論等信息進行統一管理。

有關用戶信息，管理員可添加用戶信息，添加有關用戶信息的信息，添加的用戶信息都會顯示在系統中，還可以通過關鍵字進行搜索查詢，管理員也可以修改和刪除相關的用戶信息。

有關寵物小程序模塊，管理員可添加流浪寵物，添加的流浪寵物信息都會顯示在系統中，還可以通過關鍵字進行搜索查詢，管理員也可以修改和刪除相關的流浪寵物。

有關交流討論管理模塊，用戶可添加交流討論，添加的交流討論信息都會顯示在系統中，還可以通過關鍵字進行搜索查詢，管理員也可以修改和刪除相關的交流討論。

有關寵物領養管理模塊，用戶可添加寵物領養，添加的寵物領養信息都會顯示在系統中，還可以通過關鍵字進行搜索查詢，管理員也可以修改和刪除相關的寵物領養。

有關疫苗預約管理模塊，用戶可添加疫苗預約，添加的疫苗預約信息都會顯示在系統中，還可以通過關鍵字進行搜索查詢，管理員也可以修改和刪除相關的疫苗預約。

（二）流程分析

1.登錄處理流程

在主頁進入用戶/管理員登錄界面，輸入賬號和密碼，點擊登錄按鈕，若和數據庫中的身份驗證成功，則可以進入相應的用戶界面，若錯誤則提示錯誤信息返回到登錄界面。

2.增添數據流程

增添數據的時候，將管理員填寫在頁面上的數據從表單中獲取一一對應插入到數據庫中，若中間摻入格式錯誤的情況，頁面提示插入失敗，并且數據庫并不執行，需管理員重新輸入。

3.修改數據流程

管理員登陸后如需修改數據，則在對應位置選擇修改，如果是沒有錯誤，則點擊提交添加至數據庫中。

4.數據刪除流程

管理員需要刪除數據時，則在記錄之后的刪除按鈕，點擊后，可以選擇是否要刪除，點擊是，數據庫中該條記錄刪除。

（三）業務流程分析

總體業務流程：用戶以及管理員以不同的身份在登錄頁面輸入賬號和密碼，經過數據庫身份驗證，驗證成功后登錄系統主頁，可以使用系統，管理系統等功能操作。系統的業務流程如下圖3-1所示。

四、系統設計與實現

（一）系統結構設計

系統設計主要是管理員登錄后對整個系統相關操作進行處理，可進行管理員的添加和刪除，用戶信息管理，疫苗信息管理等操作。

（二）程序用戶端

用戶在登錄界面輸入正確的用戶名以及密碼，如果輸入正確，頁面就會直接跳轉到用戶登錄成功后的首頁。當用戶輸入的信息錯誤，會彈出提示框用戶名或密碼錯誤。用戶在登錄成功進入首界面后可以查看疫苗信息列表，隨意點擊自己需要查看的疫苗信息即可查看疫苗信息，并可實現在線預約;還可以選擇流浪寵物，在線領養等等。

（三）程序管理端

管理員在該系統中可以自己增加疫苗的信息，完成后左鍵點擊，系統接收到信息會直接到疫苗表中查詢疫苗的信息，后臺獲取查詢信息后將查詢信息顯示在頁面中，管理員就會看到歷史的疫苗信息，這時點擊新增疫苗信息按鈕，點擊完成后會自動的跳轉到新增頁面，然后在這個頁面中輸入所需要的疫苗的資料，接下來就提交一下，后臺會自動的審核，然后生成MySQL語句，最后在數據庫中加上疫苗名。不僅如此，還可以增加流浪寵物的信息等等。

五、總結

該程序功能模塊按照需求來運行，能實現多管理員的迸發使用，采用“互聯網+”實現跨地區的醫療指導，拓展寵物醫院等醫療機構的客戶圈，拓展了醫護人員的工作圈。便攜，方便查詢，易分享傳播，界面優美，實時推薦，避免了線下搜索成本高等缺陷。在學習的過程中首次進行獨立設計工作，編碼過程出現了許多問題和困難，經過仔細打磨和老師的幫助下，還是將問題解決了。目前系統還存在許多瑕疵，這是一份遺憾，也是促進我不斷進步的動力。

【參考文獻】

[1] 黃楠棲. 在線預約的跨平臺測量方法研究[D]. 2018.

[2] 蘆曉紅. 寵物店微信小程序的應用現狀與展望[J]. 圖書館學研究， 2018， 000（011）：19-25.

[3] 微信公眾平臺技術文檔[2018-11]

[4] 張靖. 應用于流浪寵物的管理云平臺實訓項目的設計與實現[J]. 數碼世界， 2018（6）.

[5] 黃雄. 流浪寵物信息公共服務平臺設計與實現[D]. 2018.

[6] 孫月玲. 微信小程序的設計與開發[J]. 科技創新導報， 2018， 15（14）：148-150+152.