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

王青云 莫勝貴 陳宣 孫海陽

【摘 要】以往的寵物小程序事務處理主要使用的是傳統的人工管理方式，這種管理方式存在著管理效率低、操作流程繁瑣、保密性差等缺點，長期的人工管理模式會產生大量的文本文件與文本數據，這對事務的查詢、更新以及維護帶來不少困難。隨著互聯網時代的到來，現如今網絡的覆蓋率已近非常的全面，現在人們對網絡的需求也越來越高，為了減輕管理人員的工作負擔，提高管理人員的工作效率，因此通過網絡平臺創建一個便捷高效的愛寵一生寵物小程序來優化管理業務。通過本軟件，用戶可以在線查看相關信息可以說愛寵一生寵物小程序是偏向實際應用的軟件。

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

【關鍵詞】寵物小程序;Java語言;微信商城;MySQL數據庫

一、緒論

（一）開發背景

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

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

（二）開發意義

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

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

二、主要技術與工具介紹

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

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

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

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

（二）微信小程序組件

Swiper組件：是大圖滾動組件，在一般情況下在banner的地方，要加上大圖滾動的效果，而這個組件就可以很輕松的實現這個任務。

Indicator-dots（指標點）：在布爾值后面，顯示框架的指示點。

Indicator-color（指示器顏色）：它是一個顏色值和一個控制點顏色填充。

Indicator-active-color（指示器有效顏色）：當前控制點的顏色值，即填充顏色。

Autopaly（自動切換）：自動切換數值類型為布爾值。

Current Number（當前編號）：活動模塊的索引從0開始。

Interval（時間間隔）：是自動切換的時間間隔。

Duration（持續時間）：動畫交換的持續時間。

Circular（銜接）：是否使用銜接滑動為布爾值。

Vertical（垂直）：垂直滾動大圖像。

Pervious-margin：在上一個滑塊中顯示的PX/rpx，字符類型為數值。

Next-margin： 在下一個滑塊中顯示的Px/rpx，同樣為數值型。

Display-multiple-items ：它顯示的是多個滑塊。

Bindchange：是滑塊滑動時觸發的事件。

Bindanimationfinish：滑塊動畫結束時的啟動時間。

（三）web技術

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

采用WXML的優點：

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

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

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

（四）技術說明

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

三、系統分析

（一）需求分析

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

管理員的權限是最高的，可以對系統的用戶信息，資訊信息，交流討論等信息進行統一管理。

管理員可添加管理員，添加更多的管理人員，并且能修改和刪除管理員的信息資料。

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

（二）流程分析

1.登錄處理流程

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

2.增添數據流程

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

3.數據修刪流程

管理員登陸后如需修改數據，則在對應位置選擇修改，需要刪除數據時，則在記錄之后的刪除按鈕，點擊后，可以選擇是否要刪除，點擊是，數據庫中該條記錄刪除。

（三）業務流程分析

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

四、系統設計與實現

（一）系統數據庫設計

系統總體ER圖如圖4-1所示。

（二）用戶登錄

用戶在登錄界面輸入正確的用戶名以及密碼，如果輸入正確，頁面就會直接跳轉到用戶登錄成功后的首頁。當用戶輸入的信息錯誤，會彈出提示框用戶名或密碼錯誤。登錄頁面如圖4-2所示。

五、總結

此次設計中，通過不斷的探討與學習使我熟悉、使我初步了解了JSP相關技術。做的是一個愛寵一生寵物小程序，使我對做軟件所需要，及運行的環境有了初步的了解，在此次設計中我翻閱了較多的書籍，在有限的時間了豐富了對相關技術的知識也積累了少許的經驗。起初對JSP的初步認識，通過這次設計更進一步的了解了其工作原理，懂得了配置服務器環境，連接數據庫源，在設計過程中，也學會了用dreamweaver設計一個簡單的頁面，增強了動手的能力，激發了在此方面的興趣。

【參考文獻】

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

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

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

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

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

[6] 代洪彬. 基于微信小程序的《計算機應用基礎》微學習平臺的設計與實現[D]. 2018.