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

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

2、卡、添加寵物信息、發(fā)布寵物信息、添加寵物犬養(yǎng)護知識等功能。為愛寵物之人提供了一個以寵物會友的平臺。 關(guān) 鍵詞： 寵物社區(qū) jfinal mysql 數(shù)據(jù)庫 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ū)開發(fā)目的與意義 . 2 第二章 開發(fā)環(huán)境與操作平臺介紹 . 2 2.1 mysql 簡介 .

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)濟可行性 . 4 3.3 操作可行性 . 4 3.4 需求分析 . 4 第四章 系統(tǒng)的總體結(jié)構(gòu)設(shè)計 . 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ù)庫設(shè)計 . 6 4.2.1 概念結(jié)構(gòu)設(shè)計 .6 4.2.2 數(shù)據(jù)表詳細設(shè)計 .7 第五章 系統(tǒng)的詳細設(shè)計 . 10 5.1 小程序界面設(shè)計與核心功能實現(xiàn) . 10 5.1.1汪牌頁面 . 10 5.1.2

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

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

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

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

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

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

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

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

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