基于微信小程序的房屋租賃管理系統的設計目錄TOC\o"1-3"\h\u23716摘要 22358第1章緒論 3317441.1開發背景 3195411.2開發意義 3273061.3研究內容 313731.4論文結構 3105291.5本章小結 49065第2章系統開發技術的介紹 4692.1微信小程序開發者工具簡介 4208082.2HTML/CSS簡介 518982.3云開發概念和特點 524852.3.1數據庫 5297442.3.2存儲 66032.3.3云函數 6189392.3.4云調用 6194272.3.5HTTPAPI 6282212.4本章小結 614248第3章系統分析 740773.1功能需求分析 7224613.2業務流程分析 89943.3數據流程分析 8216063.4本章小結 111265第4章系統設計 12271994.1系統設計思想 12322454.2系統總體設計 12160304.3系統功能模塊設計 12300034.4數據庫設計 13255854.4.1概念模型設計 13111884.4.2數據庫表設計 14302484.4.3數據庫連接計 15226614.5本章小結 1614196第5章系統的實現 17263765.1實現環境說明 1761025.2主頁面的實現 1763295.3商戶平臺模塊的實現 1998185.4房源詳情模塊的實現 22117875.4房源收藏模塊的實現 2384315.5分類模塊的實現 2659665.6本章小結 2716443第6章系統測試 29301516.1測試目的 2917596.2界面測試 29139046.3功能測試 29225326.4測試結果 3167216.5本章小結 3130508總結 3226745參考文獻 33摘要隨著時代的發展，科技的進步，人類與互聯網不可分割，如何利用互聯網便利我們的現實生活，成為了開發研究人員的首要任務。為了響應時代的號召，方便人類的生活，將基于微信小程序的房屋租賃與互聯網結合起來，利用PHP技術建設微信小程序，實現無需安裝，無需下載APP，在微信中就能實現網上租房，網上發布房源，給時間緊湊，生活節奏快速的人們帶來便利。基于微信開發者平臺的房屋租賃微信小程序，通過互聯網廣泛、全面地宣傳，盡可能讓更多的用戶了解微信小程序的高效、便利的優點，并為用戶提供服務方便、改善生活，提供更多的選擇。本系統的現狀研究和發展趨勢，是根據系統從需求分析、結構設計、數據庫設計到系統實現，分別是前端實現和后端實現。論文的內容從系統說明、系統分析、系統設計、系統實現、系統測試中說明系統開發過程。一種可行的開發方案被本系統結合實際找出，經過反復研究和學習，借助云開發、js技術、NOsql數據庫來完成系統的所有功能，最后進行系統測試，來檢測系統的權限和漏洞，從而將系統完善，達到符合標準。關鍵字：房屋租聘的小程序；NoSQL數據庫第1章緒論1.1開發背景21世紀，這是一個互聯網信息快速發展的時代，互聯網在普及的同時也給人們帶來了許多便利。房屋租賃也開始從傳統的公共通知欄粘貼出租廣告轉換到網絡查找，開發一個成熟完善的房屋租賃小程序可以滿足許多客戶的需求。接下來我們就來看一下建設房屋租賃微信小程序的的作用以及意義。加強房屋租賃服務：服務行業性質要求您上傳真實信息，。。。同時一個好的微信小程序能將房屋租賃信息的管理手段提上一個新的水平。系統內容可以隨時更新，這點對于信息時代來說是很重要，但傳統的管理等都無法做到的。就可以每天更新，隨時更新房屋的最新情況。1.2開發意義隨著現代科技的迅速發展，互聯網絡越來越普及，人們對網絡的依賴越來越大，各式各樣的APP進入人們的日常生活，而APP需要下載，需要空間內存，而微信小程序，無需下載，基于微信，在微信上就能使用。對于企業來說一個成熟的小程吸引大量用戶，促成多項收益，還可以成為某些APP的入口，微信小程序相對其他APP開發成本低，對于用戶來說，小程序無需安裝，無需注冊，免打擾，多入口，用戶體驗度高。本項目的開發基于微信小程序的這一現狀，進行編寫，為用戶生活提供便利，為企業帶來盈利，對人們生活產生重要影響。1.3研究內容開發成熟完整的微信小程序，完善管理系統的邏輯程序，必須確保本系統的管理系統完整性，形成完善的管理環境；保障小程序工作正常秩序，確保系統能夠有序運行；加強監督用戶的自覺性，達到宣傳和幫助的作用。本系統的開發與實現，可以正確有效的運行管理系統，提高管理效率，形成一個完善的小程序，給用戶更好的使用體驗，跟上網絡信息發展的腳步。根據本系統已確定板塊的狀況，整個系統后臺管理模塊分為房屋收集管理、房屋發布管理、房屋信息顯示管理等內容。1.4論文結構(1)緒論從開發項目的背景、意義、以及微信小程序的發展狀況，詳細描述了基于微信小程序的房屋租賃小程序能夠在哪些方面能得到應用、然后對本章進行總結。(2)系統分析包含系統概述、用戶需求調研、系統業務流程分析、系統數據組成、本章小結。(3)系統設計該項目的系統設計包含系統的網絡結構設計、功能模塊、設計和功能需求、系統總體設計，還包含數據庫設計概述、數據庫邏輯結構設計、數據庫概述結構設計。(4)系統開發環境介紹微信開發者工具簡介、HTML簡介、Mysql簡介、API接口簡介、數據庫概念和特點、本章小結。(5)系統的實現登錄模塊的實現、管理員模塊設計、管理模塊的實現、信息發布模塊的實現、信息瀏覽查詢模塊的實現。(6)系統測試完成程序編碼后，對程序進行相應的測試，程序測試分為黑盒測試和白盒測試，此系統程序采用黑盒測試，通過輸入不同組的測試數據對各個功能模塊進行測試。1.5本章小結此章節是基于選題背景對系統選題意義進行分析，得出系統設計的原因，和這個系統給人們帶來什么好處，有什么作用，以及論文的組成部分，概述整個系統的組成部分以及系統實現的各個功能。第2章系統開發技術的介紹2.1微信小程序開發者工具簡介微信小程序開發者工具是微信官方提供的針對微信小程序的開發工具，集中了程序開發，程序調試，程序預覽，程序預覽等功能微信小程序開發者工具、微信小程序開發文檔和微信小程序設計指南被微信團隊發布，全新的微信開發者工具、集成了開發調試、代碼編輯及程序發布等功能，幫助開發者快速高效的開發微信小程序。啟動開發工具時，開發者需要使用已在后臺綁定的微信號進行二維碼掃描登錄，后續的操作都會基于這個這個賬號。代碼調試有三大功能區：模擬器、調試工具、小程序操作區。模擬器：模擬小程序在客戶端真實的運行，對于絕大部分的API[1]均能夠在模擬器上呈現正確的狀態。調試工具：主要有6大模塊：wxml,console,sources,network,appdata,storage,wxmloannel。wxmlpannel用于幫助開發者開發wxml轉化后的界面。sourcespannel用于顯示項目的腳本文件。小程序操作區：微信小程序操作區幫助開發者模擬客戶端的環境操作2.2HTML/CSS簡介HTML全稱為HyperTextMarkupLanguage，是一種超文本標記語言或超文本鏈接語言，主要被作web網頁語言的標記，它可以作為計算機互聯網網頁信息交流的媒介，借助瀏覽器在互聯網中進行數據傳遞，是目前常用的標記語言。HTML語言被經常使用在現代開發中，是目前接受度最高使用頻率最高的網頁編程語言。HTML主要被用來編寫靜態網頁，HTML的命令還可以用于說明網頁的其他信息，包括文字信息、表格信息、圖形信息以及鏈接信息等內容。HTML是制作網頁系統的基礎的語言，它主要包含頭部（head）和主體（body）兩個主要部分，頭部還可以添加標題（title），根據設計需要展示相應的信息，而主體主要編寫網頁顯示的內容。HTML是一種常用的基礎的網頁語言，還可以在文件中插入JSP語言形成JSP文件，也可以在HTML或者文件中插入JavaScript語言達到其他的設計效果。2.3云開發概念和特點2.3.1數據庫云開發提供的JOSN數據庫,每條記錄都是一個json格式的對象在數據庫中。多個集合在同一個數據庫中（相當于關系型數據中的表），Json數據[1]可被看做一個集合，數據中的每個對象是一條記錄，格式為Json對象。字段可以為字符串、數字、對象、數組。這些字段組成了一個JSON對象。每條記錄由唯一表示_id字段來標識。小程序端和服務器端是數據庫API的兩部分，小程序API有嚴格的調用權限控制，開發者可在小程序內進行非敏感數據的直接操作調用API。對應哪些對數據要求高時，需要通過云函數進行服務端API進行操作。云函數和客戶端的環境是完全隔離的。可以通過云函數上可以進行私密安全的數據庫操作。數據庫API包含增刪改查，三步即可操作數據庫：獲取數據庫引用、構造查詢/更新條件、發出請求。2.3.2存儲云開發提供的一塊存儲空間，上傳文件到云端、帶權限管理的云端下載被提供，云存儲功能通過API被開發者在小程序端和云函數端使用。完成上傳和下載文件操作在小程序端是調用wx.cloud.uploadFile和wx.cloud.downloadFlie.2.3.3云函數在服務器端運行的函數就叫做云函數。多個文件構成一個云函數，一定量的CPU內存等計算資源被占用。每個云函數獨立；可以部署在不同的地方。開發者不需購買、搭建服務器，但需要編寫代碼并部署在云端即可調用，同云函數之間可互相調用。javaScript方法與云函數的寫法并無明顯差異。代碼運行在云端Node.js中。當云函數被調用時，已定義的代碼會在Node.js中執行。云開發的云函數的優勢在微信登錄鑒權的無縫整合。2.3.4云調用云調用時云開發的基于云函數使用的小程序開放接口的能力。服務器調用方式如下（1）查看服務端接口是否支持云調用（2）查看接口的云調用文檔（3）為云函數聲明所需調用的接口（4）在云函數中使用云調用2.3.5HTTPAPI云開發資源可通過HTTP接口訪問，簡而言之，在小程序外訪問2.4本章小結本章論述了主要的開發本系統使用的方法技能和開發工具，分別對微信開發者工具，前端開發語言html+css+javascript，PHP后端語言和Mysql數據庫進行詳細介紹。第3章系統分析第3章系統分析3.1功能需求分析通過調查研究確認用戶的需求，然后通過分析系統的功能，系統功能包括用戶系統管理、用戶登錄管理、用戶瀏覽選擇、用戶發布管理等功能模塊，以及拓展的資源分類模塊等功能模塊。具體功能需求表如3.1所示。表3.1功能需求表編號功能名稱功能描述輸入內容輸出內容用戶注冊用戶輸入信息，符合要求則注冊成功用戶名，密碼等注冊的結果（提醒“用戶注冊成功”或者“用戶注冊失敗”）用戶登錄檢測輸入信息，如果符合要求則可以登錄使用系統用戶名、密碼用戶登錄是否成功和用戶登錄狀態用戶收藏用戶收藏產品產品特征是否收藏成功用戶發布用戶發布產品內容，產品內容是否發布成功編輯發布信息編輯產品的具體內容，如價格，地址...編輯產品描述是否編輯成功本系統的需求用例圖，如圖3.1所示。圖3.1系統需求用例圖普通用戶的用例有收藏，瀏覽，個人信息等；管理員的用例有信息增加管理，查詢管理等。3.2業務流程分析業務流程圖的基本符號如圖3.2所示：圖3.2業務流程圖基本符號具體流程如圖3.3所示：圖3.3總體業務流程圖總體業務流程：用戶在登錄頁面輸入賬號和密碼，通過數據庫身份驗證成功后可以正常登錄系統主頁，用戶可以使用系統，管理系統等功能操作，經過管理員在登錄頁面輸入賬戶密碼后，經過數據庫身份驗證，驗證成功后登錄系統主頁，可以使用系統，管理系統等功能操作。3.3數據流程分析根據對上述各個業務流程圖的分析，逐層細化[2]，總結得出的數據流圖如下：1．0層數據流圖有兩種權限，在用戶登錄系統首頁時，普通用戶和管理員都可以使用系統的登錄界面進入系統，如圖3.4所示：圖3.40層數據流圖根據登陸用戶的數據進行檢測，判斷用戶的使用權限，在確認無錯誤時就可以跳轉到用戶點擊對應的功能頁面，用戶便可以在系統內進行數據操作，此時數據流的有效數據流流向數據庫中心執行相應的數據Mysql語句，反饋結果到顯示頁面上。2．1層數據流圖1層為系統的詳細數據流圖。如圖3.5所示：圖3.51層數據流圖在上圖中的1層數據流中，數據實體包含普通用戶和管理員用戶，普通用戶數據流程的包括房源發布管理、房源瀏覽收藏等；管理員用戶的數據流程包括房源的管理等；普通用戶數據流包含信息的操作、添加和瀏覽；管理員的數據流包含信息的添加、查找、修改、顯示，以及數據表提取。3．2層數據流圖后臺數據流圖是管理員對2層的操作，管理員用戶可以分別通過添加、修改等操作對系統進行管理，如圖3.6所示：圖3.62層數據流圖在上圖的第2層中，管理員用戶是主要數據流實體，數據流包括對信息的添加、修改、瀏覽以及信息操作的提示。3.4本章小結此章節主要講述了對用戶的需求調研以及系統各部的功能，并對系統的功能流程圖和數據流圖進行了分析，還包括前后端詳細數據的組成。第4章系統設計第4章系統設計4.1系統設計思想此次課題設計的目的是開發一款基于云開發的微信小程序。主要針對房屋租賃，它的出現給人們提供了便利，避免了人們租房而四處奔走卻找不到合適的房屋。而且我們針對用戶使用微信的普及性，在微信上建立小程序，讓系統更加容易普及，操作更加便捷。除此，該系統還注重用戶之間的交互，擴大信息的流動和分享，發展成一專注于房屋租賃和房屋交流的網站。4.2系統總體設計房屋租賃項目是用戶對微信小程序賬號授權后登錄小程序，通過瀏覽頁面顯示的信息，對感興趣的信息進行了解收藏、咨詢后進行租聘，滿足自己的需求。系統設計思維導圖如圖4.1所示。圖4.1系統功能結構圖4.3系統功能模塊設計1.普通用戶登錄授權模塊：用戶授權登錄是用戶訪問系統的路口，主要通過系統授權登錄界面實現其功能。主要包括獲取用戶的頭像、昵稱、手機號碼、城市等信息2.商家用戶管理模塊：商家用戶管理著自己的的房屋出租信息，包括添加房屋信息、刪除房屋信息、更正房屋信息、查看發布房屋信息，以及修改房屋的的部分信息，添加房屋部分信息等操作。3..一般用戶管理模塊：普通用戶能管理自己的賬號，進行信息瀏覽收藏，進行信息篩選，管理自己的信息收藏。4.商家用戶登錄模塊：系統中的所有商家用戶都需要進行身份驗證，即登錄輸入賬戶和密碼。5.分類模塊：對同類型的戶型等方面進行不同的分類，進行綜合、銷量、價格等方面的排序。4.4數據庫設計4.4.1概念模型設計對系統數據進行分析，根據概念模型設計建立相應的數據庫，具體系統總體ER圖如圖4.2所示：圖4.2系統總體ER圖4.4.2數據庫表設計在云開發中，數據庫表如以下表所示：表4.1fenlei表表4.2product表表4.3shopping_cart表表4.4shou_cang表表4.5swiper表表4.6user表序號字段名稱字段類型允許為空最大長度1_idstring自動增號2552pwdstring是2553zhanghustring是2554.4.3數據庫連接計系統采用云開發中的JSON數據庫，通過API連接分布式nosql數據庫進行數據庫操作類。1.需要在微信開發中心注冊申請APPid，并將后端服務改為小程序云開發。2.編寫專門的數據庫操作類，實現數據庫的連接和操作：//1.獲取數據庫引用constdb=wx.cloud.database()//2.構造查詢語句//collection方法獲取一個集合的引用//where方法傳入一個對象，數據庫返回集合中字段等于指定值的JSON文檔。API也支持高級的查詢條件（比如大于、小于、in等），具體見文檔查看支持列表//get方法會觸發網絡請求，往數據庫取數據db.collection('books').where({publishInfo:{country:'UnitedStates'}}).get({success:function(res){//輸出[{"title":"TheCatcherintheRye",...}]console.log(res)}})4.5本章小結此章節主要講述了本系統開發時的整體系統設計理念，以及數據庫的設計，本系統采用C/S設計結構，分為用戶和商家兩個模塊進行功能設計，形成此次設計的完整架構。第五章系統的實現第5章系統的實現5.1實現環境說明程序運行環境要求如下表所示。表5.1硬件要求設備名稱說明處理器奔騰III以上，2GB內存2GB，內存越大，速度越快硬盤500GB以上鼠標雙飛燕2D鼠標表5.2軟件要求名稱說明操作系統Windows10應用軟件微信開發者工具5.2主頁面的實現本系統設計的是一個租房的微信小程序，該系統主要分為首頁、分類、收藏、我的這四大模塊：首頁顯示已發布的出租房源，已發布的出租房源可根據價格、面積等多種方式排序；分類按出租房源的面積大小對房源進行分類，方便用戶進行選擇；在收藏模塊，用戶可以將自己心儀的房源進行收藏；我的模塊顯示個人信息，包括我的發布、我的關注、聯系客服等。小程序客戶端的首頁有搜索模塊，以及相關的banner廣告輪播，相關的房源，按照面積價格等方式進行排序。小程序客戶端主頁面運行如下圖所示：圖5.1小程序首頁運行效果圖首頁輪播圖廣告實現的相關代碼：<swiper

class="banner_1"

autoplay="true"

circular="true"

interval="5000"

indicator-dots="true"><swiper-item

wx:for="{{banner}}"

wx:key="_id"><image

src="{{item.src}}"

style="width:750rpx;height:400rpx"></image>相關租房房源分類排序相關代碼：<!--

分類模塊

--><navigator

url="../fenlei/fenlei?name={{}}"

class="fenlei_2"><image

src="{{item.src}}"

style="width:80rpx;height:80rpx"></image><!--

產品列表

--><navigator

class="product_1"

url="../product_detail/product_detail?id={{item._id}}"><text

style="font-size:12px;">{{}}：￥{{item.price}}</text><text

style="font-size:12px;font-weight:

200;">銷量：{{item.num}}</text>

5.3商戶平臺模塊的實現商戶平臺模塊在微信小程序我的模塊內，主要是方便商家對房源的發布和管理，它的獨立頁面為store_operation.wxml，商戶平臺模塊的登陸頁面為store_login.wxml，微信小程序用戶輸入賬戶和密碼信息采用string字段類型，用戶輸入的相關信息出現錯誤會出現錯誤提示，確認用戶輸入信息無誤后就可跳轉至商戶平臺管理模塊，商戶平臺管理模塊主要包含有兩個功能：分別是房源發布功能和房源管理功能，能夠進行租房相關房源發布和房源管理的工作，商戶平臺其房源發布的獨立頁面為store_operation_up.wxml，商家房源管理的頁面為store_operation_gl.wxml。商戶平臺模塊流程圖如下：圖5.2商家管理模塊登錄流程圖5.3商家管理模塊頁面發布房源功能實現的相關代碼：db.collection('product').add({data:{name:,price:e.detail.value.price,fenlei:e.detail.value.fenlei,detail:e.detail.value.detail,src:that.data.img,num:0,product_xq_src:""管理房源模塊實現的相關代碼：<navigator

url="../store_operation_update/store_operation_update?id={{item._id}}"><!--

選擇框

負責傳遞商品id

--><view

style="font-size:20px">{{}}</view><view

style="color:red">￥:{{item.price}}</view><!--

商品數量功能模塊

--><view

class="product_list_4"><view>銷量：{{item.num}}</view>5.4房源詳情模塊的實現當用戶點擊首頁的房源圖片時，會觸發相應的事件，跳轉到房源詳情頁，當監聽到用戶點擊分類中房源圖片時，會調用product_detail.js，跳轉到出租房源詳情頁。商品詳情頁界面設計分為頭部、中部和底部三部分。其中頭部展示的是出租房源的banner輪播圖，顯示的是房源的圖片信息，中部顯示的是房源的價格出租房源的具體介紹，主要展示房源的特色和出租房源的相關描述等，底部區域主要有房源收藏和撥打電話等，這里是用戶對微信小程序產生交互的重點區域。用戶如果覺得出租房源滿意可以加入自己的收藏，最后可以到微信小程序的收藏頁面查詢到自己收藏的房源；或者可以直接撥打電話和商家聯系。房源詳情頁關鍵代碼如下：db.collection('shou_cang').add({data:{product_src:duct_src[0],product_price:duct_price,product_num:1,商品',房源詳情頁的底部主要有房源收藏和撥打商家聯系方式，其頁面布局的實現，主要代碼如下：<view

class="pay"><view

class="pay_1"

bindtap="into_shopping_cart"><image

src="cloud://cloud1-6gg4s8bx67898ff1.636c-cloud1-6gg4s8bx67898ff1-1305386560/img/tubiao/cart.png"

style="width:80rpx;height:80rpx"></image></view><view

class="pay_2"

bindtap="buy">收藏</view><button

catchtap='tels'

type="primary"

plain="true">撥打電話</button></view>房源詳情頁實現效果如下圖所示：圖5.4房源詳情頁5.4房源收藏模塊的實現微信租房小程序的收藏類似于網上購物軟件的購物車功能，用于用戶存放已經選購好的房源。同時，用戶還可以對自己收藏的房源進行管理操作。用戶在租房小程序中可以通過點擊出租房源進入房源詳情頁進行收藏的相關操作，進入收藏模塊頁面，也可以通過點擊小程序首頁底部的“收藏”直接顯示收藏模塊。進入收藏模塊頁面后可以點擊頁面底部的button對收藏的房源信息進行刪除或者聯系客服操作。點擊聯系客服，便可以直接與商家取得聯系。房源收藏模塊的重點實現在于收藏房源模塊的頁面設計與功能的邏輯實現兩部分。收藏模塊的頁面設計和樣式控制主要在視圖層shopping_cart.wxml文件中實現，當用戶在租房微信小程序有房源收藏時，收藏模塊會按用戶收藏的時間排序，將被收藏的房源顯示在收藏模塊中，當用戶沒有收藏相關的房源或是在收藏模塊中將收藏的房源刪除，則不會顯示房源信息。收藏模塊頁面主要分為

class="product_list"和

class="anniu"兩個view組件，在

class="product_list"view組件顯示的是收藏的房源的信息，出租房源的相關數量和出租房源的是否選擇的選擇框，傳遞房源的相關id。而在class="anniu"view組件展示的是用戶在收藏頁面刪除收藏的出租房源和聯系客服的操作區。采用事件監聽的方式來處理用戶與收藏模塊的交互動作。在房源收藏模塊，采用面向對象的方式來編寫它的業務邏輯，收藏出租房源的數據來自于用戶在小程序客戶端點擊相關房源詳情頁點擊收藏房源的數據，本地緩存中存放了租房小程序的房源相關數據，收藏房源數據的功能實現總體規劃為：在shopping_cart.js完成收藏頁面的邏輯設計。房源收藏模塊的功能實現流程圖如下圖所示：圖5.5收藏頁面業務流程圖從小程序收藏房源數據產生到用戶對相應的出租房源的處理和聯系商家的業務邏輯實現如下：房源收藏頁的數據從房源詳情頁產生，當“收藏”按鈕被用戶點擊或觸發時，會調用product_detail.js文件中的

into_shopping_cart函數，獲取出租房源信息的name、房源src、price、id、num等屬性信息，然后引用shopping_cart.js文件中的生命周期函數，監聽收藏頁面的加載，是否成功將用戶收藏的出租房源信息按照時間先后順序加載在頁面中，同時用戶可以通過shoppingcart.js文件中的

xuanze事件，選擇自己不需要的出租房源信息，將其刪除，最后更新收藏頁面的收藏房源信息情況。如上分析，收藏模塊頁面中，獲取用戶收藏房源主要代碼如下：db.collection('shopping_cart').get({success:function(res){console.log('獲取購物車商品成功',res)that.setData({product:res.data,})that.get_money_sum()},fail:function(res){)onShow:

function

()

{let

that

=

thisdb.collection('shopping_cart').get({success:function(res){that.setData({product:res.data,})房源收藏模塊的頁面展示圖如下圖所示：圖5.6小程序收藏模塊5.5分類模塊的實現當出租房源過多，光是在主頁顯示相關的房源就不太夠了，就需要對相關的房源信息進行分類。將繁雜的房源信息按照一定的分類方式顯示在頁面上，用戶只需要按照自己的需要，去點擊相應的類目就能找到自己所需的房源分類頁面。房源分類模塊如下圖所示：圖5.7房源分類模塊獲取當前分類的商品其主要代碼如下：get_product:function(){let

that

=

thisdb.collection('product').where({fenlei:that.data.fenlei_now}).get({success:function(res){console.log('獲取分類成功',res)that.setData({product:res.data5.6本章小結本章介紹了該小程序的總體架構，描述了這個微信小程序是如何實現的，首先是首頁的實現，商家管理平臺的登陸和商家發布房源和管理房源模塊，房源詳情頁面還有房源收藏和分類模塊功能的代碼的詳細設計與實現，以及整個代碼的運行流程。第六章系統測試第6章系統測試6.1測試目的在規定好的情況下進行軟件測試，發現程序中可能出現的問題，識別相關的項目風險，讓程序員通過軟件測試發現問題，修正程序中的各種錯誤和缺陷，從而保障軟件質量，避免軟件發布后由于潛在的軟件錯誤和缺陷造成的隱患所帶來的項目風險。同時利用測試過程中得到的測試結果和測試信息，作為后續項目開發和測試過程改進的重要經驗，避免在將來的項目開發和測試中重復同樣的錯誤；從而采用更加高效的測試管理手段，提高軟件測試的效率和軟件產品的質量。此次測試主要是測試微信小程序客戶端的使用情況和后臺云服務器的運行。微信小程序客戶端主要是測試用戶的交互動作、房源收藏、房源分類瀏覽、頁面是否進行跳轉等功能是否實現。后端主要是測試微信小程序管理和數據增刪改查等功能是否正常。6.2界面測試微信小程序的前臺界面的測試采用黑盒測試的方法，測試界面是否能正常顯示以及跳轉。用戶交互界面測試檢查表如下表：表6.1用戶界面測試表檢查項測試人測試結果窗口切換、移動、改變大小時是否正常本人正常各個界面元素的文字是否正常本人正常各個界面元素的狀態是否正常本人正常各個界面元素是否支持鍵盤操作本人支持數據項能否正常回顯本人正常執行風險操作時是否存在二重風險提示本人存在界面布局是否合理，美觀本人合理6.3功能測試1.商家平臺登錄測試此時用戶以“admin”的身份登錄商家平臺，當密碼為空或者不是“admin”時，提示框會提示“你還未填寫信息”或“賬戶或密碼錯誤”

圖6.1商家平臺登錄測試如果用戶以“admin”身份登錄，密碼為“123456”時，頁面會從商家登錄頁面跳轉到房源發布和管理頁面，即表示用戶成功登陸。圖6.2商家平臺登錄測試2.部分功能測試采用黑盒測試的方法和步驟，對該微信小程序測試其相關功能，部分測試實例如下表所示。表6.2部分測試用例表6.4測試結果租房微信小程序經測試和調試后能夠按照預設功能正常運行，測試過程中無誤，能夠滿足開發者和相關用戶的需求。在該微信小程序的整體測試過程中，系統功能相對來說比較簡單，結合微信開發者工具對小程序的測試表明，該小程序的各個模塊達到了設計要求。6.5本章小結此章節主要講述了該微信小程序編寫完成后，我測試里系統的各方面功能，包含系統的運行環境介紹，配置相關的要求，因為需要完成畢業設計，所以我開發了這個系統，目前并不用于商業用途，因此此次測試只對系統進行了黑盒測試，并使用了單獨的測試數據，判斷系統的輸入輸出的結果是否正確，保證相關功能的正常運行，最后對測試結果進行總結。總結總結時光飛逝，日月如梭，大學四年時間匆匆而過，同時我的畢業設計也接近尾聲。我畢業設計的選題是基于微信的租房小程序。主要使用的