基于微信小程序?qū)櫸锷鐓^(qū)設(shè)計(jì)與實(shí)現(xiàn)

1、青，取之于藍(lán)而青于藍(lán)；冰，水為之而寒于水基于微信小程序?qū)櫸锷鐓^(qū)設(shè)計(jì)與實(shí)現(xiàn)相關(guān)熱詞搜索：寵物 程序 設(shè)計(jì) （基于微信小程序的寵物社區(qū)的設(shè)計(jì)與實(shí)現(xiàn)） design and implementation of pet community based on wechat app 摘 摘 要 在當(dāng)下網(wǎng)絡(luò)的不斷發(fā)展，互聯(lián)網(wǎng)逐漸成為人們彰顯個(gè)性、結(jié)交好友的重要平臺(tái)。而傳統(tǒng)的社交網(wǎng)絡(luò)已不是人類(lèi)的獨(dú)有物，與我們生活在同一屋檐下的寵物也開(kāi)始走入社交網(wǎng)絡(luò)。 本文中來(lái)介紹的寵物社區(qū)是一個(gè)以寵物為主題的微信小程序，選用的是 jfinal+ide 作為開(kāi)發(fā)環(huán)境，mysql 作為后臺(tái)數(shù)據(jù)庫(kù)支持，實(shí)現(xiàn)了汪牌注冊(cè)、登錄、添加賀

2、卡、添加寵物信息、發(fā)布寵物信息、添加寵物犬養(yǎng)護(hù)知識(shí)等功能。為愛(ài)寵物之人提供了一個(gè)以寵物會(huì)友的平臺(tái)。 關(guān) 鍵詞： 寵物社區(qū) jfinal mysql 數(shù)據(jù)庫(kù) abstract with the continued development of the internet, the internet gradually shows peoples personality and is an important platform for making friends. traditional social networks are not the only human beings, and pets

3、 living in the same house with us are also included in social networks. the pet community introduced in this paper is a pet chat based wechat program. select jfinal + ide as the development environment and select mysql as backstage database support. it realizes the brand registration, login function

4、, add greeting cards, add pet information, publish pet information and add pet dog maintenance knowledge. make a pet and a friend provide a platform for pet lovers. key words： ： pet community jfinal mysql database 目錄 第一章 緒論 . 1 1.1 寵物社區(qū)的發(fā)展背景 . 1 1.2 寵物社區(qū)開(kāi)發(fā)目的與意義 . 2 第二章 開(kāi)發(fā)環(huán)境與操作平臺(tái)介紹 . 2 2.1 mysql 簡(jiǎn)介 .

5、 2 2.2 jfinal 技術(shù)介紹 . 2 2.3 小程序介紹 . 2 2.3.1 小程序 api . 3 第三章 系統(tǒng)可行性分析 . 3 3.1 技術(shù)可行性 . 3 3.2 經(jīng)濟(jì)可行性 . 4 3.3 操作可行性 . 4 3.4 需求分析 . 4 第四章 系統(tǒng)的總體結(jié)構(gòu)設(shè)計(jì) . 5 4.1 系統(tǒng)功能結(jié)構(gòu)描述 . 5 4.1.1 系統(tǒng)功能 .5 4.1.2 系統(tǒng)功能結(jié)構(gòu)圖 .6 4.2 數(shù)據(jù)庫(kù)設(shè)計(jì) . 6 4.2.1 概念結(jié)構(gòu)設(shè)計(jì) .6 4.2.2 數(shù)據(jù)表詳細(xì)設(shè)計(jì) .7 第五章 系統(tǒng)的詳細(xì)設(shè)計(jì) . 10 5.1 小程序界面設(shè)計(jì)與核心功能實(shí)現(xiàn) . 10 5.1.1汪牌頁(yè)面 . 10 5.1.2

6、狗狗圈頁(yè)面 . 13 5.1.3 上傳頁(yè)面 . 14 5.1.4 圖片裁剪上傳功能實(shí)現(xiàn) . 16 5.1.5 編輯刪除功能實(shí)現(xiàn) . 18 5.1.6 收藏功能實(shí)現(xiàn) . 18 5.1.7我的頁(yè)面 . 19 5.1.8汪朋狗友功能實(shí)現(xiàn) . 20 5.1.9遛一遛記錄功能實(shí)現(xiàn) . 22 5.2 后端核心功能實(shí)現(xiàn) . 23 5.2.1 小程序登錄實(shí)現(xiàn) . 23 5.2.2 api 接口訪問(wèn)攔截器實(shí)現(xiàn) . 24 第六章 系統(tǒng)測(cè)試 . 25 6.1 測(cè)試目的 . 25 6.2 測(cè)試方法 . 25 6.3 系統(tǒng)測(cè)試 . 26 第七章 總結(jié)與展望 . 27 7.1 工作總結(jié) . 27 7.2 展望 . 27

7、參 考 文 獻(xiàn) . 28 致 謝 . 28 廣東東軟學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 1 第一章 緒論 1.1 寵物社區(qū)的發(fā)展背景 人們慣有的思維，過(guò)去很久其實(shí)都認(rèn)為網(wǎng)絡(luò)空間只是一個(gè)人們使用的這么一個(gè)空間。只是提供給人們拓展眼界娛樂(lè)或搜索信息的地方罷了。但是現(xiàn)在的社交平臺(tái)已經(jīng)通過(guò)時(shí)代爆炸指數(shù)式地發(fā)展，日新月異下，社會(huì)網(wǎng)絡(luò)的出現(xiàn)，逐步通過(guò)交融，而成長(zhǎng)為一個(gè)與現(xiàn)實(shí)世界緊密相連的全新世界，這也是成為了一個(gè)從虛擬到現(xiàn)實(shí)的社交平臺(tái)空間。 往前面時(shí)代變遷來(lái)看，通常大家伙之間的溝通聯(lián)系談話，其實(shí)都是發(fā)生在一定的時(shí)間和空間之中，也算是即時(shí)通信，而現(xiàn)在的網(wǎng)絡(luò)體系在新的發(fā)展維度下，打破了以往我們?nèi)藗冇∠笾袀鹘y(tǒng)的時(shí)空界限

8、，顯然地改變了以往的傳播方式。 突兀間，現(xiàn)在的人們?cè)谶@澎湃的信息狂潮當(dāng)中，通過(guò)社交網(wǎng)絡(luò)建立聯(lián)系，各廠之間開(kāi)發(fā)的平臺(tái)，例如微博、微信朋友圈、貼吧等等，通過(guò)這些社交平臺(tái)，打破了新人類(lèi)的感官思維，處理方式，人們可以隨時(shí)隨地記錄生活、通過(guò)扮演花枝招展的角色，與其他人交流。而同時(shí)隨著時(shí)代浪潮的發(fā)展，寵物在人們心中的存在價(jià)值不低，越來(lái)越多的人們開(kāi)始喂養(yǎng)寵物。 研究發(fā)現(xiàn)，寵物對(duì)個(gè)體心理健康的作用是一個(gè)熱門(mén)話題, 其中最為人所津津樂(lè)道的是寵物對(duì)飼養(yǎng)者, 特別是對(duì)那些有生理、心理障礙的飼養(yǎng)者,有促進(jìn)他們康復(fù)的作用, 而對(duì)其他特殊人群, 如老年人也有提供情感支持的作用。1那對(duì)養(yǎng)寵物的人來(lái)言，心靈上的慰藉，精神上的

9、親近，自然而然地把寵物當(dāng)作家庭的一份子，情感上的寄托，他們喜歡在社交媒體上分享寵物生活的樂(lè)趣。而同樣對(duì)于其他也喜歡寵物的人來(lái)言，關(guān)注社交網(wǎng)絡(luò)中可愛(ài)的寵物，你可以增添一份生活樂(lè)趣 0。 然而現(xiàn)今來(lái)看，寵物社交平臺(tái)比較少，人們的注意力更集中在自己和其他人身上，所以大家伙們主要是通過(guò)一些比較成熟的平臺(tái)來(lái)為炫耀自己的寵物。以此來(lái)向遠(yuǎn)處看去，與年輕人最常用的微信平臺(tái)相結(jié)合，開(kāi)發(fā)了一個(gè)以寵物為主題的微信小程序?qū)櫸锷鐓^(qū)。 廣東東軟學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 2 1.2 寵物社區(qū)開(kāi)發(fā)目的與意義 寵物社區(qū)是一個(gè)基于微信小程序的寵物社交平臺(tái)。在這個(gè)平臺(tái)上，愛(ài)寵物的朋友們可以通過(guò)自己的微信注冊(cè)成為會(huì)員，登錄以后，用

10、戶可以添加汪牌信息、添加寵物犬詳情、管理寵物犬養(yǎng)護(hù)知識(shí)、查找汪朋狗友、關(guān)注汪朋狗友、查看汪朋狗友列表、收藏汪的文章等等。除此之外，養(yǎng)寵物的朋友還可以隨時(shí)展示出寵物特色。 第 二章 開(kāi)發(fā)環(huán)境與操作平臺(tái)介紹 2.1 mysql 簡(jiǎn)介 寵物社區(qū)用戶通過(guò)手機(jī)小程序可以看到寵物社區(qū)的各個(gè)界面，小程序這種開(kāi)發(fā)模式容易，從而減輕了維護(hù)系統(tǒng)和系統(tǒng)升級(jí)的成本，降低了用戶的使用成本。 mysql 是管理內(nèi)容最好的選擇，mysql 是一款 open source relational database management system。mysql 具有良好的可移植性，它可以適應(yīng)快速變化的環(huán)境。 2.2 jfina

11、l 技術(shù)介紹 jfinal 是基于 java 語(yǔ)言的快速網(wǎng)絡(luò)開(kāi)發(fā)結(jié)構(gòu)，其最主要的核心設(shè)計(jì)目標(biāo)是開(kāi)發(fā)迅速、代碼量少、學(xué)習(xí)簡(jiǎn)單、功能強(qiáng)、易擴(kuò)展、restful。在擁有 java 語(yǔ)言所有優(yōu)勢(shì)，還擁有 ruby、python 等動(dòng)態(tài)語(yǔ)言的開(kāi)發(fā)效率。 2.3 小程序介紹 小程序開(kāi)發(fā)框架主要分成兩部分：邏輯層（app service）和視圖層（view）3，并通過(guò) jsbridage 來(lái)作為這兩部分的通信橋梁，在視圖層與邏輯層之間進(jìn)行數(shù)據(jù)傳輸和事件的交互響應(yīng)4。 app service 邏輯層用來(lái)邏輯處理、數(shù)據(jù)請(qǐng)求、接口調(diào)用5，view 視圖層使用網(wǎng) 廣東東軟學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 3 絡(luò)視圖渲染頁(yè)

12、面視圖。當(dāng)我們?cè)陂_(kāi)發(fā)調(diào)試與實(shí)現(xiàn)操作時(shí)，小程序文件的運(yùn)行，實(shí)際上是通過(guò)邏輯層和視覺(jué)圖層通過(guò) js 橋接器相互通信。當(dāng)邏輯頁(yè)開(kāi)始邏輯操作時(shí)，視圖層需要相對(duì)地更新。相反，按下連接到觸發(fā)針的功能的觸發(fā)按鈕來(lái)觸發(fā)。對(duì)應(yīng)地運(yùn)行邏輯層中的函數(shù)。 微信小程序的文件結(jié)構(gòu)主要是由根目錄下的全局(app)的設(shè)置(在 app 的頁(yè)面下關(guān)乎著整個(gè)程序的頁(yè)面)和多個(gè) page 頁(yè)面構(gòu)成。 app 是小程序的公共根基，它擁有著 app.js，app.json, app. wxss，三個(gè)文件構(gòu)成，這幾個(gè)文件呢分別各自是起到那在這文件中監(jiān)聽(tīng)并處理相關(guān)有關(guān)的事件，全局頁(yè)面的屬性設(shè)置，全局頁(yè)面的公共視圖層樣式。 在次目錄中一般分為

13、 page 目錄和 utils 目錄（工具目錄）。在 page 目錄下，每個(gè)頁(yè)面同時(shí)對(duì)應(yīng)一個(gè)目錄，而在這個(gè)分頁(yè)目錄下一般包含著 4 個(gè)文件，分別為.js，.wxml，.wxss，.json。js 頁(yè)是當(dāng)前頁(yè)面的邏輯層，wxml 頁(yè)面是用于編輯小程序中頁(yè)面的結(jié)構(gòu)，wxss 用于編輯頁(yè)面的樣式，類(lèi)似 css，.json 文件對(duì)應(yīng)的時(shí)當(dāng)前頁(yè)面的屬性,可使用特定的配置，或使用微信某些封裝好的功能（比如引用封裝好的插件）。 2.3.1 小程序 api api（application programming interface 應(yīng)用程序編程接口）6。開(kāi)發(fā)者是事先定義的函數(shù)，開(kāi)發(fā)者需要調(diào)用這些封裝好的函數(shù)，

14、不需要了解函數(shù)中的功能模塊或該函數(shù)的源代碼的實(shí)現(xiàn)，通過(guò)此界面直接在應(yīng)用程序或硬件中實(shí)現(xiàn)該接口的功能，而微信小程序的 api 是基于微信的功能，正式應(yīng)用只需要通過(guò)官方的 api 在邏輯層相互作用。 微信小程序的開(kāi)發(fā)團(tuán)隊(duì)在這個(gè)領(lǐng)域整合豐富的各種功能塊函數(shù)，通過(guò)官方的 api直接實(shí)現(xiàn)多個(gè)功能。例如，網(wǎng)絡(luò)需求功能、數(shù)據(jù)交互功能、轉(zhuǎn)發(fā)共享功能、本地存儲(chǔ)功能、圖像預(yù)下載功能等。在許多情況下，開(kāi)發(fā)者可以通過(guò)微信用的原始 api 功能性地交互。這種情況下，開(kāi)發(fā)者可以在短時(shí)間內(nèi)開(kāi)發(fā)性能大幅提高，開(kāi)發(fā)時(shí)間周期更短。 第三章 系統(tǒng)可行性分析 3.1 技術(shù)可行性 正是在這種飛速蓬勃發(fā)展情況下，我們也是能夠看到其計(jì)算機(jī)應(yīng)用是愈發(fā)的要 廣東東軟學(xué)院本科生畢業(yè)設(shè)計(jì)（論文） 4 緊，各種應(yīng)用軟件也應(yīng)運(yùn)而生，且不斷豐富。在該這系統(tǒng)中，操控者更容易通過(guò)軟件思想來(lái)運(yùn)營(yíng)和掌握使用方法，系統(tǒng)在用戶進(jìn)行操作的時(shí)候呢，所有重點(diǎn)的操場(chǎng)階段都有相應(yīng)的文字提示，操作十分簡(jiǎn)潔。 本系統(tǒng)是一套較完整的微信小程序程序，功能比較齊全，系統(tǒng)可以解決添加汪牌信息、添加寵物犬詳情、管理寵物犬養(yǎng)護(hù)知識(shí)等實(shí)用性問(wèn)題。 3.2 經(jīng)濟(jì)可