版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
基于微信小程序的校園生活論壇設(shè)計與實現(xiàn)目錄TOC\o"1-3"\h\z\t"標題,1"HYPERLINK1 系統(tǒng)概述 9HYPERLINK1.1 系統(tǒng)現(xiàn)狀分析及發(fā)展趨勢 9HYPERLINK1.1.1 國內(nèi)外研究現(xiàn)狀 91.1.2 發(fā)展趨勢 91.2 系統(tǒng)可行性和意義 101.2.1 研究該系統(tǒng)的目的和現(xiàn)實意義 101.2.2 系統(tǒng)可行性 101.3 系統(tǒng)簡介 112 開發(fā)工具和技術(shù)分析 112.1 開發(fā)環(huán)境 112.1.1 硬件環(huán)境 112.1.2 軟件環(huán)境 112.2 微信小程序開發(fā)相關(guān)技術(shù)概述 112.2.1 微信小程序前端開發(fā)語言 112.2.2 微信小程序后端接口開發(fā) 123 系統(tǒng)需求設(shè)計 123.1 系統(tǒng)目標 123.2 系統(tǒng)功能需求 133.2.1 廣場界面的功能 133.2.2 發(fā)布界面的功能 133.2.3 我的界面的功能 144 系統(tǒng)模塊概要設(shè)計 144.1 系統(tǒng)數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計 144.2 系統(tǒng)操作模塊設(shè)計 154.2.1 廣場界面的功能 154.2.2 發(fā)布界面的功能 154.2.3 我的界面的功能 155 系統(tǒng)模塊詳細設(shè)計 16HYPERLINK5.1.1 界面設(shè)計 16HYPERLINK5.1.2 關(guān)鍵函數(shù)的描述 165.2 注冊界面的實現(xiàn) 17HYPERLINK5.2.1 界面設(shè)計 17HYPERLINK5.2.2 關(guān)鍵函數(shù)的描述 17HYPERLINK5.3.2 關(guān)鍵函數(shù)的描述 19HYPERLINK5.4 發(fā)布界面的實現(xiàn) 19HYPERLINK5.4.1 界面設(shè)計 19HYPERLINK5.4.2 關(guān)鍵函數(shù)的描述 19HYPERLINK6.1 測試環(huán)境 22HYPERLINK\l"_功能性測試"6.2 功能性測試 23HYPERLINK\l"_注冊登錄功能測試"6.2.1 注冊登錄功能測試 23HYPERLINK\l"點贊功能"6.2.2 點贊功能測試 23HYPERLINK\l"發(fā)布帖子"6.2.3 發(fā)布帖子功能測試 23HYPERLINK\l"_刪除帖子功能測試"6.2.4 刪除帖子功能測試 24HYPERLINK\l"_評論帖子功能測試"6.2.5 評論帖子功能測試 24HYPERLINK\l"_結(jié)束語"7 結(jié)束語 24HYPERLINK\l"_參考文獻"參考文獻 24
摘要:隨著移動互聯(lián)網(wǎng)的不斷發(fā)展,人們的生活也越來越離不開網(wǎng)絡(luò),微信作為當(dāng)下最流行的社交軟件之一,擁有極其廣泛的手機覆蓋率。微信小程序作為一種在微信生態(tài)下的輕應(yīng)用,具有功能豐富、無需下載、操作簡潔等特點,應(yīng)用于生活中的各個領(lǐng)域,社會效應(yīng)不斷提升。在校園生活中,完善師生在線上討論校園內(nèi)的學(xué)習(xí)生活成為必然趨勢。本文介紹了利用微信小程序輕便快捷的特點,通過WXML,WXSS,ThinkPHP等技術(shù)手段在微信小程序中設(shè)計了一個校園生活論壇,方便廣大師生的溝通交流。關(guān)鍵詞:微信小程序;論壇設(shè)計;ThinkPHP引言在當(dāng)今校園生活中,我們在學(xué)習(xí)生活的各個方面都離不開手機。2017年1月,第一批微信小程序上線,從而正式開啟了輕應(yīng)用的大門[1]。從用戶角度來看,微信小程序是一款輕量級的手機應(yīng)用,它幾乎不占手機內(nèi)存,使用起來也比手機網(wǎng)頁更方便。從開發(fā)者角度來看,開發(fā)一款微信小程序所涉及的技術(shù)相對簡單,門檻較低,并且開發(fā)出來的功能能滿足大部分用戶的使用需求[2]。在微信小程序尚未正式發(fā)布之前,大部分高校的線上服務(wù)通常是通過下載某個特定軟件來實現(xiàn)的。與這些特定的軟件相比,微信小程序由于操作簡單、無需下載等特點更具有吸引力。在如今的大學(xué)校園生活中,會經(jīng)常用到一些微信小程序,例如掃碼點餐,校園導(dǎo)航,圖書館座位預(yù)約等[3],這些微信小程序給廣大師生帶來了諸多便利?;谖⑿判〕绦?,本文設(shè)計并實現(xiàn)了一個校園生活論壇,旨在加強師生之間的互動交流。系統(tǒng)概述系統(tǒng)現(xiàn)狀分析及發(fā)展趨勢國內(nèi)外研究現(xiàn)狀2017年9月,第一批校園小程序在全國30所高校正式上線,上線初就引起了大量學(xué)生的關(guān)注。最初這些小程序的功能并不豐富,較為單一,但仍然受到了廣大學(xué)生的追捧。在各個高校學(xué)生們的宣傳下,這些小程序迅速走紅。近兩年來,其他許多學(xué)校也緊隨其后,上線了自己的校園小程序,并且功能愈加豐富。其中,清華大學(xué)的一款名為水木匯THU的校內(nèi)生活平臺設(shè)計較為出色。它整體規(guī)劃了四個界面,主界面整體布局簡潔精美,用于介紹當(dāng)前校園內(nèi)正在開展的活動;校內(nèi)二手交易的界面和校內(nèi)求助界面的設(shè)計也獨具特色,整體用戶體驗良好。因此,設(shè)計出一款界面簡潔,功能豐富的校園生活論壇,供校內(nèi)師生使用,就顯得尤為重要了。發(fā)展趨勢雖然移動互聯(lián)網(wǎng)發(fā)展很快速,但是人際傳播依舊是學(xué)生獲取信息的主要途徑[4]。一項相關(guān)的校園調(diào)查顯示傳統(tǒng)的信息渠道仍占主體地位[5],例如海報、廣播,但是對于微信小程序的未來發(fā)展趨勢,絕大多數(shù)人也都紛紛看好。在當(dāng)前的校園中,微信公眾號以及微信小程序時常會出現(xiàn)在廣大學(xué)生的學(xué)習(xí)生活中,學(xué)生們可以通過這兩個平臺來獲取信息、尋求幫助。隨著當(dāng)前校園內(nèi)公共WIFI的大規(guī)模覆蓋,WIFI信號和WIFI質(zhì)量的不斷加強,學(xué)生們對線上平臺的需求也會不斷增大[6],也為微信小程序的大規(guī)模應(yīng)用創(chuàng)造了成熟的條件。學(xué)生們對線上平臺往往有著更高的熱情,普遍希望能從線上獲取校園資訊,因此對開發(fā)一款供師生線上交流的微信小程序懷有極高的期待。目前,通過使用其他高校的校園微信小程序,發(fā)現(xiàn)這些小程序的大部分功能與校園生活緊密相關(guān),包括成績查詢、課表查詢、二手物品交易、校園活動推廣等,大部分學(xué)生也都廣泛使用。系統(tǒng)可行性和意義研究該系統(tǒng)的目的和現(xiàn)實意義近年來,隨著手機應(yīng)用不斷的更新發(fā)展,不得不導(dǎo)致用戶對手機硬件配置要求也逐漸變高[7]。對于32GB以及64GB內(nèi)存的手機,許多用戶會在使用一段時間后發(fā)現(xiàn)內(nèi)存不足,導(dǎo)致系統(tǒng)運行緩慢,此時大部分用戶往往會選擇刪除一些平時不太經(jīng)常使用的App,若以后再次需要使用時,可以再從手機應(yīng)用商店中重新下載。微信小程序作為一種在微信生態(tài)下使用的輕應(yīng)用,因其幾乎不占內(nèi)存,無需下載,引起了人們的廣泛關(guān)注,其發(fā)展?fàn)顩r也經(jīng)常引起人們的關(guān)注。微信小程序的出現(xiàn),極大的推動了輕應(yīng)用的發(fā)展,使其邁上了全新的臺階。近兩年來,許多國內(nèi)高校都推出了各具特色的校園類微信小程序,引發(fā)了廣大學(xué)生和老師的關(guān)注,并受到了大量好評。然而,目前在校園內(nèi)尚未有一款供師生公開交流類的軟件,在一定程度上限制了不同年級不同專業(yè)的學(xué)生之間進行溝通交流。因此,開發(fā)一款校園生活論壇類的微信小程序就顯得尤為重要了。通過該微信小程序,學(xué)生之間可以相互咨詢學(xué)習(xí)生活中的難題,也可以討論校園內(nèi)發(fā)生的新鮮事;老師也可以通過該微信小程序了解學(xué)生對大學(xué)校園建設(shè)方面的一些看法和建議。系統(tǒng)可行性(1)技術(shù)可行性在目前,校園生活論壇類的微信小程序在各大高校中的運用較為普遍,所以前景是欣欣向榮的。通過查閱相關(guān)資料以及自我分析,決定采用JSP、WXML、WXSS、ThinkPHP技術(shù)及MySQL數(shù)據(jù)庫綜合開發(fā)[8]。MySQL是一款開源的數(shù)據(jù)庫管理系統(tǒng),性能較穩(wěn)定,使用較方便[9]。ThinkPHP是一個運行速度快、兼容性好而且使用簡單的輕量級國產(chǎn)PHP開發(fā)框架。(2)經(jīng)濟可行性在本次的開發(fā)微信小程序中,我們只需要要一臺筆記本電腦和一臺手機即可,一臺筆記本電腦用于微信小程序的開發(fā)設(shè)計,一臺手機用于后期的真機調(diào)試。而且我們所使用到的軟件微信開發(fā)者工具、sublime、POSTMAN都是免費軟件,新浪云服務(wù)器有學(xué)生優(yōu)惠,價格較為便宜,可以接受。后期開發(fā)完成后對該小程序的運行維護也是較為簡單。系統(tǒng)簡介校園生活論壇主要用于全校的學(xué)生和老師進行交流溝通。因此該系統(tǒng)的主要使用者為學(xué)生和老師。若用戶第一次使用該小程序,需要用手機號進行注冊。若用戶已經(jīng)注冊,則可以直接使用賬號進行登錄。登陸成功后,進入小程序的廣場界面,可以瀏覽其他用戶的帖子并進行點贊評論,也可以選擇自己發(fā)表一篇帖子談?wù)勛约旱男@生活。在我的界面,用戶可以選擇對已發(fā)表的帖子進行刪除操作。開發(fā)工具和技術(shù)分析開發(fā)環(huán)境硬件環(huán)境(1)處理器:IntelCOREi5或者更高的處理器(2)內(nèi)存:1GB或更高(3)網(wǎng)絡(luò):局域網(wǎng)軟件環(huán)境(1)操作系統(tǒng):Windows10(2)開發(fā)平臺:微信開發(fā)者平臺、MySQL(3)技術(shù)結(jié)構(gòu):ThinkPHP+JSP微信小程序開發(fā)相關(guān)技術(shù)概述微信小程序前端開發(fā)語言本次開發(fā)的微信小程序,前端頁面的開發(fā)設(shè)計采用下面3種類型的文件來實現(xiàn)。WXML是一套標簽語言,類似于HTML。在WXML文件下編寫的代碼主要用于實現(xiàn)小程序的整體頁面框架。WXSS是一套樣式語言,類似于CSS。在WXSS文件下編寫的代碼主要用于實現(xiàn)WXML文件下那些組件的顯示效果。JavaScript主要用于頁面的交互,根據(jù)用戶在頁面上做出的不同動作,從而實現(xiàn)頁面的一些功能,比如獲取用戶在頁面輸入的數(shù)據(jù),跳轉(zhuǎn)到其他頁面等[10]。、小程序開發(fā)語言關(guān)系示意圖如圖2-1所示。圖2-1開發(fā)語言關(guān)系示意圖微信小程序后端接口開發(fā)本次開發(fā)的微信小程序,后端接口的開發(fā)所使用到的工具分別為:代碼編輯器(sublime),本地運行環(huán)境(phpstudy),接口測試工具(POSTMAN),線上服務(wù)器(新浪云SAE)。后端開發(fā)采用了ThinkPHP框架[11],版本號為3.2.3,該框架體積小,兼容性好,減少了后端開發(fā)的任務(wù)量。后端開發(fā)采用了PHP語言,該語言由于其跨平臺性較強[12],與主流數(shù)據(jù)庫的連接也非常廣泛,且相對較為簡單易學(xué),適合本次小程序的開發(fā)設(shè)計。系統(tǒng)需求設(shè)計系統(tǒng)目標校園生活論壇是一個操作簡單,使用方便的線上交流平臺,主要面向大學(xué)校園中的學(xué)生[13]。該系統(tǒng)的基本功能是用戶瀏覽其他用戶發(fā)布的帖子,同時可以對感興趣的帖子進行評論點贊。此外,用戶也可以選擇發(fā)布帖子,談?wù)勛约旱男@生活,若發(fā)表后覺得不合適,可以在我的頁面進行刪除操作。功能總體框架如圖3-1所示。圖3-1小程序的功能總體框架系統(tǒng)功能需求廣場界面的功能廣場界面主要用于實現(xiàn)瀏覽所有用戶的帖子,并顯示該帖子的詳細信息,包括發(fā)布者的昵稱,頭像,發(fā)布時間等。此外,還需要實現(xiàn)對每條帖子的點贊以及評論的功能,點贊完成后需要在點贊按鈕旁顯示最新的點贊數(shù)。發(fā)布界面的功能發(fā)布界面主要用于實現(xiàn)用戶發(fā)布帖子。我的界面的功能我的界面主要用于展示用戶的個人信息,包括用戶的頭像以及昵稱。此外,該界面還會展示該用戶所發(fā)表的所有帖子,用戶可以對某條帖子實現(xiàn)刪除功能。系統(tǒng)模塊概要設(shè)計系統(tǒng)數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計本程序設(shè)計的數(shù)據(jù)庫表有user表,message表以及comment表。user表用于保存用戶的注冊信息,實現(xiàn)用戶登錄以及頭像昵稱等個人信息的展示,user表的具體定義如表4-1所示。message表用于保存用戶的發(fā)帖內(nèi)容,實現(xiàn)帖子在廣場界面以及我的界面的展示,message表的具體定義如表4-2所示。comment表用于保存用戶的評論內(nèi)容,comment表的具體定義如表4-3所示。表4-1user表的定義字段類型空注釋idint(11)否idusernamevarchar(50)否用戶名phonevarchar(11)否手機號passwordvarchar(32)否密碼face_urlvarchar(500)否用戶的頭像地址表4-2message表的定義字段類型空注釋idint(11)否iduser_idint(11)否用戶idusernamevarchar(50)否用戶名face_urlvarchar(500)否用戶的頭像地址contentvarchar(500)否論壇的消息內(nèi)容total_likesint(11)否點贊數(shù)send_timestampint(11)否發(fā)布的時間戳表4-3comment表的定義字段類型空注釋message_idint(11)否帖子iduser_idint(11)否用戶idusernamevarchar(50)否用戶名face_urlvarchar(500)否用戶的頭像地址commentvarchar(500)否評論的內(nèi)容send_timestampint(11)否發(fā)布的時間戳系統(tǒng)操作模塊設(shè)計廣場界面的功能根據(jù)廣場界面的功能需求,該小程序?qū)崿F(xiàn)了用戶進行注冊或登陸后,進入到該小程序的廣場界面,廣場界面顯示了所有用戶發(fā)布的帖子,并顯示該帖子的詳細信息,包括發(fā)布者的昵稱,頭像,發(fā)布時間等。用戶可以對帖子進行點贊,點贊完成后顯示最新的點贊數(shù)。此外,用戶還可以點擊評論按鈕,實現(xiàn)對該帖子的評論。廣場界面還附帶底部導(dǎo)航欄,用于跳轉(zhuǎn)到發(fā)帖界面和我的界面。發(fā)布界面的功能根據(jù)發(fā)布界面的功能需求,該小程序?qū)崿F(xiàn)了用戶從底部導(dǎo)航欄的發(fā)布按鈕跳轉(zhuǎn)過來后,進入到發(fā)布界面。若用戶進入該界面后不想發(fā)布帖子,可以選擇返回按鈕返回到廣場界面。若用戶想發(fā)布帖子,只需要在發(fā)布框內(nèi)輸入文字,然后點擊發(fā)送按鈕即可實現(xiàn)發(fā)布。發(fā)布完成后關(guān)閉當(dāng)前發(fā)布界面并跳轉(zhuǎn)到廣場界面。我的界面的功能根據(jù)我的界面的功能需求,該小程序?qū)崿F(xiàn)了用戶從廣場的底部導(dǎo)航欄跳轉(zhuǎn)過來后,進入到我的界面。該界面會顯示當(dāng)前用戶的頭像以及昵稱,同時也會顯示用戶發(fā)布的所有帖子,若用戶想刪除某條已發(fā)布的帖子,可以點擊對應(yīng)帖子的刪除按鈕,實現(xiàn)刪除操縱。我的界面也附帶了底部導(dǎo)航欄,用于跳轉(zhuǎn)到廣場界面和發(fā)帖界面。系統(tǒng)模塊詳細設(shè)計登錄界面的實現(xiàn)界面設(shè)計在用戶授權(quán)個人信息后,就會跳轉(zhuǎn)到登錄界面。該界面主要實現(xiàn)用戶的登錄以及注冊界面的跳轉(zhuǎn)。具體界面設(shè)計如圖5-1所示。圖5-1登錄界面關(guān)鍵函數(shù)的描述實現(xiàn)本模塊的兩個關(guān)鍵函數(shù)如下所述:(1)login(phone,password),該函數(shù)為用戶的登錄接口,輸入方式為POST/json,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若不存在該賬號,則返回{“error_code”:2,“msg”:“不存在該手機號用戶,請注冊”};若密碼錯誤,則返回{“error_code”:3,“msg”:“密碼不正確,請重新輸入”};若登錄成功,則返回{“error_code”:0,“msg”:“登錄成功”,“data”:{id,user_id}}。(2)wx.request(Objectobject),該函數(shù)用于發(fā)起HTTPS網(wǎng)絡(luò)請求[14]。調(diào)用該函數(shù)后,會請求用戶的登錄接口,然后根據(jù)登錄接口返回的錯誤類型,做出不同的提示。若error_code==1,則提示參數(shù)不足;若error_code==2,則提示不存在該手機號用戶,請注冊;若error_code==3,則提示密碼不正確,請重新輸入;若error_code==0,則提示登錄成功;若未能成功發(fā)起網(wǎng)絡(luò)請求,則提示網(wǎng)絡(luò)不在狀態(tài)呢!注冊界面的實現(xiàn)界面設(shè)計該界面用于實現(xiàn)新用戶的注冊。具體界面設(shè)計如圖5-2所示。圖5-2注冊界面關(guān)鍵函數(shù)的描述實現(xiàn)本模塊的兩個關(guān)鍵函數(shù)如下所述:(1)sign(username,phone,password,password_again,face_url),該函數(shù)為用戶的注冊接口,輸入方式為POST/json,用戶密碼采用md5加密格式存儲在數(shù)據(jù)庫中,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若輸入的兩次密碼不一致,則返回{“error_code”:2,“msg”:“兩次密碼不一致”};若輸入的手機號已經(jīng)被注冊,則返回{“error_code”:3,“msg”:“手機號已被注冊”};若注冊成功,則返回{“error_code”:0,“msg”:“注冊成功”,“data”:{id,user_id}}。(2)regist:function(e),該函數(shù)用于實現(xiàn)用戶的注冊功能。其中正則表達式=/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/,用于檢測輸入的手機號格式是否正確;wx.request(Objectobject),該函數(shù)用于發(fā)起HTTPS網(wǎng)絡(luò)請求。調(diào)用該函數(shù)后,會請求用戶的注冊接口,然后根據(jù)注冊接口返回的錯誤類型,做出不同的提示。若error_code==1,則提示參數(shù)不足;若error_code==2,則提示兩次密碼不一致;若error_code==3,則提示手機號已被注冊;若error_code==0,則提示注冊成功;若未能成功發(fā)起網(wǎng)絡(luò)請求,則提示網(wǎng)絡(luò)不在狀態(tài)呢!廣場界面的實現(xiàn)界面設(shè)計該界面用于顯示所有用戶發(fā)表的帖子,包含用戶的昵稱和發(fā)帖時間。用戶可以選擇為自己感興趣的帖子點贊,但同一個用戶對每個帖子只能點一次贊。具體界面設(shè)計如圖5-3所示。圖5-3廣場界面關(guān)鍵函數(shù)的描述實現(xiàn)本模塊的三個關(guān)鍵函數(shù)如下所述:(1)onLoad:function(options),該函數(shù)為生命周期函數(shù),在頁面加載時被觸發(fā)[15]。該函數(shù)主要用于實現(xiàn)每次用戶訪問廣場界面時,查詢message表,獲取所有用戶發(fā)布的帖子,并實時顯示在廣場界面。(2)do_like(message_id,user_id),該函數(shù)為用戶的點贊接口,輸入方式為POST/json,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若指定的帖子不存在,則返回{“error_code”:2,“msg”:“指定的數(shù)據(jù)查詢失敗”};若點贊成功,則返回{“error_code”:0,“msg”:“數(shù)據(jù)保存成功”,“data”:{message_id,user_id}}。(3)like:function(e),該函數(shù)用于實現(xiàn)用戶的點贊功能。若用戶點擊點贊按鈕,就會調(diào)用該函數(shù),請求點贊接口,然后根據(jù)點贊接口返回的錯誤類型,做出不同的提示。若error_code!=0,則提示出錯了呢;若error_code==0,則提示點贊成功。此外,該函數(shù)定義了一組數(shù)組,該數(shù)組用于存放當(dāng)前用戶是否對該條帖子進行過點贊,從而實現(xiàn)了同一個用戶對一條帖子只能進行一次點贊的操作。發(fā)布界面的實現(xiàn)界面設(shè)計該界面用于實現(xiàn)用戶發(fā)布帖子的功能。具體界面設(shè)計如圖5-4所示。關(guān)鍵函數(shù)的描述實現(xiàn)本模塊的兩個關(guān)鍵函數(shù)如下所述:(1)public_new_message(user_id,user_name,face_url,content),該函數(shù)為用戶發(fā)布帖子的接口,輸入方式為POST/json,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若發(fā)布成功,則返回{“error_code”:0,“msg”:“發(fā)布成功”}。(2)send_function(e),該函數(shù)用于實現(xiàn)發(fā)帖功能。若用戶點擊發(fā)送按鈕,就會調(diào)用該函數(shù),請求發(fā)布帖子的接口,然后根據(jù)發(fā)布接口返回的錯誤類型,做出不同的提示。若error_code!=0,則提示出錯了呢;若error_code==0,則提示發(fā)布成功。圖5-4發(fā)布界面我的界面的實現(xiàn)界面設(shè)計該界面用于實現(xiàn)用戶頭像昵稱的展示以及用戶帖子的刪除。具體界面設(shè)計如圖5-5所示。關(guān)鍵函數(shù)的描述實現(xiàn)本模塊的兩個關(guān)鍵函數(shù)如下所述:(1)get_one_user_all_messages(user_id),該函數(shù)為獲取指定用戶所有帖子接口,輸入方式為POST/json,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若獲取成功,則返回{“error_code”:0,“msg”:“數(shù)據(jù)獲取成功”,“data”:{id,user_id,username,face_url,content}}。(2)delete_message(message_id,user_id),該函數(shù)為刪除指定帖子接口,輸入方式為POST/json,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若刪除的帖子不存在,則返回{“error_code”:2,“msg”:“指定的數(shù)據(jù)查詢失敗”};若刪除成功,則返回{“error_code”:0,“msg”:“刪除成功”};圖5-5我的界面評論界面的實現(xiàn)界面設(shè)計該界面用戶實現(xiàn)用戶對某條帖子進行評論。具體界面設(shè)計如圖5-6所示。關(guān)鍵函數(shù)的描述實現(xiàn)本模塊的兩個關(guān)鍵函數(shù)如下所述:(1)publish_comment(message_id,user_id,username,face_url,comment),該函數(shù)為用戶發(fā)表評論接口,輸入方式為POST/json,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若獲取成功,則返回{“error_code”:0,“msg”:“發(fā)送成功”,“data”:{message_id,user_id,username,face_url,comment}}。(2)get_allcomment(message_id),該函數(shù)為查詢指定帖子下所有評論接口,輸入方式為POST/json,返回方式為Ajax/json。若輸入的參數(shù)不足,則返回{“error_code”:1,“msg”:“參數(shù)不足”};若查詢的帖子不存在,則返回{“error_code”:2,“msg”:“指定的數(shù)據(jù)查詢失敗”};若查詢成功,則返回{“error_code”:0,“msg”:“查詢成功”};圖5-6評論界面系統(tǒng)測試測試環(huán)境本次測試使用榮耀20S手機進行測試,以及在微信開發(fā)者工具的模擬器中對iPhone7,iPhone8,iPhoneX等多個版本的手機進行了測試。榮耀20S配置如表6-1所示。表STYLEREF1\s6SEQ表\*ARABIC\s11測試機配置表參數(shù)名稱值手機型號榮耀20SAndroid版本10.0處理器海思麒麟810運行內(nèi)存6.0GB屏幕尺寸6.2英寸通過在手機以及模擬器中測試,該小程序的各項功能實現(xiàn)正常。功能性測試本次功能性測試采用黑盒測試。注冊登錄功能測試注冊登錄功能具體測試如表6-2所示。表STYLEREF1\s62注冊登錄功能測試表測試步驟期望結(jié)果實際結(jié)果結(jié)論輸入已有賬號登錄跳轉(zhuǎn)到廣場界面跳轉(zhuǎn)成功通過點擊還沒有賬號?點我注冊按鈕跳轉(zhuǎn)到注冊界面跳轉(zhuǎn)成功通過進行用戶注冊跳轉(zhuǎn)到廣場界面跳轉(zhuǎn)成功通過點擊已有賬號,點我登陸按鈕跳轉(zhuǎn)到登錄界面跳轉(zhuǎn)成功通過點贊功能測試點贊功能具體測試如表6-3所示。表STYLEREF1\s63點贊功能測試表測試步驟期望結(jié)果實際結(jié)果結(jié)論點擊點贊按鈕出現(xiàn)點贊成功的提示框與期望相同通過對已經(jīng)點過贊的帖子再進行點贊出現(xiàn)已經(jīng)點過贊了的提示框與期望相同通過發(fā)布帖子功能測試發(fā)布帖子功能具體測試如表6-4所示。表STYLEREF1\s64發(fā)布帖子功能測試表測試步驟期望結(jié)果實際結(jié)果結(jié)論點擊發(fā)布按鈕跳轉(zhuǎn)到發(fā)布界面跳轉(zhuǎn)成功通過不輸入內(nèi)容直接發(fā)送出現(xiàn)出錯了的提示框與期望相同通過輸入內(nèi)容進行發(fā)送出現(xiàn)發(fā)送成功的提示框與期望相同通過刪除帖子功能測試刪除帖子功能具體測試如表6-5所示。表STYLEREF1\s65刪除帖子功能測試表測試步驟期望結(jié)果實際結(jié)果結(jié)論點擊刪除按鈕出現(xiàn)刪除成功的提示框刪除成功通過返回廣場界面,尋找剛才刪除的帖子找不到剛才刪除的帖子與期望相同通過返回我的界面,尋找剛才刪除的帖子找不到剛才刪除的帖子與期望相同通過評論帖子功能測試評論帖子功能具體測試如表6-6所示。表STYLEREF1\s66評論帖子功能測試表測試步驟期望結(jié)果實際結(jié)果結(jié)論點擊評論按鈕跳轉(zhuǎn)到評論界面跳轉(zhuǎn)成功通過輸入評論內(nèi)容,點擊發(fā)送界面刷新后出現(xiàn)該條評論與期望相同通過結(jié)束語通過這次開發(fā),我基本了解了開發(fā)一個微信小程序的基本流程,主要包括需求分析,小程序頁面開發(fā),申請HTTPS域名,小程序后端接口,數(shù)據(jù)庫配置,前后端調(diào)試,頁面自測。同時,這次開發(fā)經(jīng)驗也讓我鞏固了大學(xué)期間學(xué)習(xí)的一些課程,例如web前端設(shè)計,數(shù)據(jù)庫設(shè)計等,通過理論與實際相結(jié)合,提高了自己的實操能力。基于微信小程序的校園生活論壇,可以較為方便地作為實現(xiàn)大學(xué)生線上交流的一個平臺。但由于時間和技術(shù)上的缺陷,該小程序還有以下不足:小程序的功能太
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 期中模擬卷(含答案)2024-2025學(xué)年浙教版七年級數(shù)學(xué)上冊
- 2024年度云南省高校教師資格證之高等教育心理學(xué)能力提升試卷A卷附答案
- 2024年度云南省高校教師資格證之高等教育法規(guī)能力測試試卷A卷附答案
- 2024-2025學(xué)年江蘇省鹽城市響水中學(xué)高二(上)學(xué)情分析物理試卷(10月)(含答案)
- 贛南師范大學(xué)《教育技術(shù)學(xué)研究方法》2022-2023學(xué)年第一學(xué)期期末試卷
- 阜陽師范大學(xué)《大學(xué)體育三》2022-2023學(xué)年第一學(xué)期期末試卷
- 福建師范大學(xué)協(xié)和學(xué)院《學(xué)前兒童藝術(shù)教育》2022-2023學(xué)年第一學(xué)期期末試卷
- 福建師范大學(xué)《中學(xué)語文基礎(chǔ)名篇》2023-2024學(xué)年第一學(xué)期期末試卷
- 福建師范大學(xué)《體操》2021-2022學(xué)年第一學(xué)期期末試卷
- 福建師范大學(xué)《商法二》2022-2023學(xué)年第一學(xué)期期末試卷
- A型肉毒素治療知情同意書 注射知情同意書
- ??谱o士培訓(xùn)基地工作匯報
- 中華民族共同體概論課件專家版8第八講 共奉中國與中華民族聚力發(fā)展
- 中國寵物殯葬服務(wù)行業(yè)市場發(fā)展分析及發(fā)展趨勢與投資前景研究報告(2024-2030)
- 北京信息科技大學(xué)輔導(dǎo)員考試試題2024
- 動靜脈內(nèi)瘺出血的應(yīng)急預(yù)案
- 家電以舊換新風(fēng)險識別與應(yīng)對措施
- MOOC 電磁場與電磁波-北京交通大學(xué) 中國大學(xué)慕課答案
- 高中生物說題比賽課件(2022遼寧卷第23題)
- 石油化工行業(yè)標準規(guī)范目錄(SH)
- 2024年03月四川省農(nóng)業(yè)農(nóng)村廳直屬事業(yè)單位2024年上半年公開招考33名工作人員筆試歷年(2016-2023年)真題薈萃帶答案解析
評論
0/150
提交評論