王青云 莫勝貴 陳宣 孫海陽

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

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

（二）開發(fā)意義

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

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

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

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

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

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

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

（二）微信小程序組件

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

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

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

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

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

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

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

Duration（持續(xù)時間）：動畫交換的持續(xù)時間。

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

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

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

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

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

Bindchange：是滑塊滑動時觸發(fā)的事件。

Bindanimationfinish：滑塊動畫結(jié)束時的啟動時間。

（三）web技術(shù)

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

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

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

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

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

（四）技術(shù)說明

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

三、系統(tǒng)分析

（一）需求分析

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

管理員的權(quán)限是最高的，可以對系統(tǒng)的用戶信息，資訊信息，交流討論等信息進行統(tǒng)一管理。

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

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

（二）流程分析

1.登錄處理流程

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

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

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

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

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

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

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

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

（一）系統(tǒng)數(shù)據(jù)庫設(shè)計

系統(tǒng)總體ER圖如圖4-1所示。

（二）用戶登錄

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

五、總結(jié)

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

【參考文獻】

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

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

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

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

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

[6] 代洪彬. 基于微信小程序的《計算機應用基礎(chǔ)》微學習平臺的設(shè)計與實現(xiàn)[D]. 2018.