愛寵一生寵物小程序設(shè)計與實現(xiàn)

王青云 莫勝貴 陳宣 孫海陽

【摘 要】隨著互聯(lián)網(wǎng)時代的到來，現(xiàn)如今網(wǎng)絡(luò)的覆蓋率已近全面階段，對網(wǎng)絡(luò)的需求也越來越高，為了減輕管理人員的工作負(fù)擔(dān)、提高工作效率，通過網(wǎng)絡(luò)平臺創(chuàng)建一個便捷高效的愛寵一生寵物小程序來優(yōu)化管理業(yè)務(wù)。

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

【關(guān)鍵詞】愛寵一生寵物小程序;Java語言;微信平臺;MySQL數(shù)據(jù)庫

一、緒論

（一）開發(fā)背景

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

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

（二）開發(fā)意義

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

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

二、主要技術(shù)與工具介紹

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

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

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

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

（二）框架及工具介紹

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

Wxml（WeiXin Markup Language）：是框架中設(shè)計標(biāo)簽語言的一種，可以利用Wxml構(gòu)建頁面結(jié)構(gòu)[6]。

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

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

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

（三）web技術(shù)

微信小程序中則使用的是WXML（Weixin Markup Language），它是框架設(shè)計的一套標(biāo)簽語言，結(jié)合的是基礎(chǔ)組件和事件系統(tǒng)，可以構(gòu)建頁面的結(jié)構(gòu)。

采用WXML的優(yōu)點：

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

（2）獲取權(quán)限：在網(wǎng)絡(luò)通信狀態(tài)下微信小程序地數(shù)據(jù)緩存能力較高，系統(tǒng)權(quán)限可以和微信客戶端并存[2]。

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

（四）技術(shù)說明

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

三、系統(tǒng)分析

（一）需求分析

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

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

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

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

有關(guān)寵物領(lǐng)養(yǎng)管理模塊，用戶可添加寵物領(lǐng)養(yǎng)，添加的寵物領(lǐng)養(yǎng)信息都會顯示在系統(tǒng)中，還可以通過關(guān)鍵字進(jìn)行搜索查詢，管理員也可以修改和刪除相關(guān)的寵物領(lǐng)養(yǎng)。

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

（二）流程分析

1.登錄處理流程

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

2.增添數(shù)據(jù)流程

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

3.修改數(shù)據(jù)流程

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

4.數(shù)據(jù)刪除流程

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

（三）業(yè)務(wù)流程分析

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

四、系統(tǒng)設(shè)計與實現(xiàn)

（一）系統(tǒng)結(jié)構(gòu)設(shè)計

系統(tǒng)設(shè)計主要是管理員登錄后對整個系統(tǒng)相關(guān)操作進(jìn)行處理，可進(jìn)行管理員的添加和刪除，用戶信息管理，疫苗信息管理等操作。

（二）程序用戶端

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

（三）程序管理端

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

五、總結(jié)

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

【參考文獻(xiàn)】

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

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

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

[4] 張靖. 應(yīng)用于流浪寵物的管理云平臺實訓(xùn)項目的設(shè)計與實現(xiàn)[J]. 數(shù)碼世界， 2018（6）.

[5] 黃雄. 流浪寵物信息公共服務(wù)平臺設(shè)計與實現(xiàn)[D]. 2018.

[6] 孫月玲. 微信小程序的設(shè)計與開發(fā)[J]. 科技創(chuàng)新導(dǎo)報， 2018， 15（14）：148-150+152.