基于微信小程序的校園表白墻各模塊詳細設(shè)計及編碼和測試分析案例目錄TOC\o"1-3"\h\u4328基于微信小程序的校園表白墻各模塊詳細設(shè)計及編碼和測試分析案例 1162761詳細設(shè)計 2112401.1用戶前端功能模塊實現(xiàn)模塊介紹 2240781.2登錄注冊模塊設(shè)計 34251.2.1登錄注冊模塊算法描述 3190421.2.2登錄注冊模塊程序流程圖 4288091.2.3登錄注冊模塊關(guān)鍵類說明 4277261.3首頁模塊設(shè)計 583871.3.1首頁模塊算法描述 5298991.3.2首頁模塊程序流程圖 5108561.3.3首頁模塊關(guān)鍵類說明 588651.4用戶發(fā)布模塊設(shè)計 692731.4.1用戶發(fā)布模塊算法描述 6861.4.2用戶發(fā)布模塊程序流程圖 6108211.4.3用戶分享模塊關(guān)鍵類說明 637991.5反饋模塊設(shè)計 788181.5.1反饋模塊算法描述 7108441.5.2反饋模塊程序流程圖 7303021.5.3反饋模塊關(guān)鍵類說明 790291.6個人信息修改模塊設(shè)計 8300121.1.1個人信息修改模塊算法描述 848691.1.2用戶個人信息修改模塊程序流程圖 8260031.1.3個人中心模塊關(guān)鍵類說明 8300451.7密碼修改模塊設(shè)計 9199841.2.1用戶密碼修改模塊算法描述 942111.2.2用戶密碼修改模塊程序流程圖 9301521.2.3用戶密碼修改模塊關(guān)鍵類說明 9190741.8發(fā)布管理模塊設(shè)計 10244721.3.1用戶發(fā)布管理模塊算法描述 10169561.3.2用戶發(fā)布管理模塊程序流程圖 10249711.3.3用戶發(fā)布管理模塊關(guān)鍵類說明 10263942編碼 12164942.1代碼實現(xiàn)與核心算法 12310062.1.1數(shù)據(jù)庫控制代碼： 12145822.1.2用戶密碼修改模塊代碼 14214762.1.3用戶編輯發(fā)布功能模塊代碼： 15274312.2代碼優(yōu)化分析 15181583測試 164713.1測試方案設(shè)計 1634673.1.1測試策略 16326563.1.2測試進度安排 16191543.1.3測試資源 1689753.1.4關(guān)鍵測試點 16211163.2測試用例構(gòu)建 17105513.2.1測試用例編寫約定 1735043.2.2測試用例設(shè)計 1779923.2.3關(guān)鍵測試用例 177573.2.4測試用例維護 201詳細設(shè)計1.1用戶前端功能模塊實現(xiàn)模塊介紹(1)登錄注冊模塊：屬于系統(tǒng)的功能模塊，用戶在登錄/注冊界面開始使用小程序，通過注冊自己的賬號和密碼，并通過登錄功能進入小程序開始使用。(2)首頁模塊：屬于系統(tǒng)的功能模塊，主要功能為跳轉(zhuǎn)到其他頁面，也可以查看管理員在系統(tǒng)中推送的新聞等(3)用戶發(fā)布模塊：屬于系統(tǒng)的功能模塊：面向的對象為用戶，主要功能是讓用戶在用戶發(fā)布界面或首頁來對自己的心情或事件進行發(fā)布，且可以在首頁界面和發(fā)布界面查看自己發(fā)布的帖子。(4)反饋及討論模塊：屬于系統(tǒng)的功能模塊，且管理員和用戶的使用是雙向的，用戶在這個模塊中發(fā)布自己的意見或者建議，由管理員查看并且給出回復(fù)。(5)用戶個人信息修改模塊屬于系統(tǒng)的功能模塊，為用戶獨有，讓用戶在個人中心界面，修改自己的個人信息，但用戶的個人信息不能是什么都沒有。(6)用戶修改密碼模塊屬于系統(tǒng)的功能模塊，管理員和用戶都可以使用，但多為用戶使用，用戶通過這一功能模塊，修改自己的密碼，并且返回主界面。管理員在數(shù)據(jù)庫中修改，并保存。(7)發(fā)布管理模塊屬于系統(tǒng)的功能模塊，用戶在個人中心進入該模塊，通過該模塊可以用戶可以查看自己過去發(fā)布的帖子，并對這篇帖子進行修改和刪除的操作。1.2登錄注冊模塊設(shè)計1.2.1登錄注冊模塊算法描述用戶在進入小程序后，首先進入到登錄/注冊界面，在這界面輸入自己的用戶名和密碼，點擊登錄即可進入到校園表白墻微信小程序，如果沒有申請過賬號密碼，則需要用戶點擊注冊界面，進行自己的賬號申請，并且將自己的賬號和密碼的信息儲存到小程序的數(shù)據(jù)庫中1.2.2登錄注冊模塊程序流程圖圖6-2登錄注冊模塊流程圖1.2.3登錄注冊模塊關(guān)鍵類說明用戶ID類類的描述：記錄用戶的賬號的密碼，通過賬號和密碼進行登錄操作操作描述ID()用于記錄用戶注冊時的編號序列Sign()用戶通過自己申請的賬號和密碼登錄自己的賬號build()用戶用于注冊1.3首頁模塊設(shè)計1.3.1首頁模塊算法描述用戶在進入小程序后的主界面，為首頁界面，在本界面，可以進行個人中心界面，發(fā)布界面，反饋及評論界面的跳轉(zhuǎn)，如果用戶在本界面不進行任何操作，則可以選擇退出校園表白墻。1.3.2首頁模塊程序流程圖圖6-3首頁模塊流程圖1.3.3首頁模塊關(guān)鍵類說明首頁界面類類的描述：為系統(tǒng)的主界面，通過點擊其他按鈕進入其他界面操作描述Release()點擊發(fā)布界面，進入發(fā)布界面Feedback()點擊反饋界面，進入反饋界面Center()點擊個人中心界面，進入個人中心界面1.4用戶發(fā)布模塊設(shè)計1.4.1用戶發(fā)布模塊算法描述用戶從首頁點擊發(fā)布界面，即可進入到該界面，并且從該界面，右上方可以進行校園表白墻的核心功能—用戶發(fā)布功能，在編輯界面可以搭配圖片和視頻來進行自己心情或事件的發(fā)布，且允許其他用戶進行評論，點贊及收藏。1.4.2用戶發(fā)布模塊程序流程圖圖6-4用戶發(fā)布模塊流程圖1.4.3用戶分享模塊關(guān)鍵類說明發(fā)布界面類類的描述：從發(fā)布界面，可以進行自己的信息發(fā)布操作描述Release()點擊發(fā)布按鈕，進入發(fā)布編輯界面Add()編輯自己的發(fā)布內(nèi)容Delete()刪除自己的發(fā)布內(nèi)容Update()修改自己的發(fā)布內(nèi)容1.5反饋模塊設(shè)計1.5.1反饋模塊算法描述用戶通過該功能模塊，可以將自己的意見或者建議，更加直觀的發(fā)送給管理員，管理員通過該模塊，與用戶進行直接交流，并且用戶在該界面可以查看管理員對自己意見或建議的回復(fù)。1.5.2反饋模塊程序流程圖圖6-5反饋模塊流程圖1.5.3反饋模塊關(guān)鍵類說明用戶反饋類類的描述：從反饋界面，向管理員發(fā)布自己的反饋意見或建議操作描述Feedback()點擊反饋及評論按鈕，進入反饋界面Compose()編寫自己的反饋評論內(nèi)容Delete1()刪除自己的反饋及評論內(nèi)容Comment()編輯用戶自己的評論內(nèi)容1.6個人信息修改模塊設(shè)計1.1.1個人信息修改模塊算法描述用戶通過個人中心界面進入到該界面，并且可以在該界面對自己輸入的個人信息進行修改和更新。1.1.2用戶個人信息修改模塊程序流程圖圖6-6個人信息修改模塊流程圖1.1.3個人中心模塊關(guān)鍵類說明用戶個人信息類類的描述：從個人中心界面進入，將用戶自己的個人信息進行修改操作描述Center()點擊個人中心，進入個人中心界面Update1()修改自己的個人信息1.7密碼修改模塊設(shè)計1.2.1用戶密碼修改模塊算法描述用戶在個人中心界面進入到該界面，通過該界面的進行修改密碼的操作，再確認修改后，會進入到密碼修改界面，并且在該界面俺找格式修改密碼，在修改成功后，會回到用戶登錄/注冊界面，重新進行登陸操作。1.2.2用戶密碼修改模塊程序流程圖圖6-7密碼修改模塊流程圖1.2.3用戶密碼修改模塊關(guān)鍵類說明用戶密碼修改類類的描述：密碼修改類屬性描述ID用戶IdUid用戶名Post用戶密碼操作描述modify()用戶在修改密碼界面修改自己的密碼1.8發(fā)布管理模塊設(shè)計1.3.1用戶發(fā)布管理模塊算法描述該模塊下，用戶通過個人中心界面進入我的發(fā)布界面，對自己之前的發(fā)布進行修改，并且在修改成功，重新發(fā)布到首頁及發(fā)布界面。1.3.2用戶發(fā)布管理模塊程序流程圖圖6-8用戶發(fā)布管理模塊流程圖1.3.3用戶發(fā)布管理模塊關(guān)鍵類說明用戶發(fā)布管理類類的描述：從個人中心界面進入，對用戶自己的發(fā)布進行管理操作描述Center()點擊個人中心，進入個人中心界面Delete2()對用戶自己的發(fā)布進行刪除操作Update2()對用戶自己之前的發(fā)布，進行修改。

7編碼2.1代碼實現(xiàn)與核心算法2.1.1數(shù)據(jù)庫控制代碼：2.1.2用戶密碼修改模塊代碼2.1.3用戶編輯發(fā)布功能模塊代碼：2.2代碼優(yōu)化分析(1).代碼的模塊之間的分層結(jié)構(gòu)不清晰,多個模塊的代碼寫在同一個文件中(2).代碼遵守PEP8規(guī)范,但是代碼中的注釋比較少,對于其他開發(fā)者閱讀很費勁;(3).代碼的部分類型,方法名的命名不是很準確,容易產(chǎn)生歧義(4).大量的代碼重復(fù),雖然可以減少不同模塊間的耦合度,但是增加開發(fā)的工作量。8測試3.1測試方案設(shè)計3.1.1測試策略通過合適的測試手段，確定用戶在使用我們的微信小程序時遇到的現(xiàn)實狀況，通過此類反饋，登陸功能測試發(fā)布功能測試反饋功能測試修改密碼功能測試3.1.2測試進度安排步驟具體措施1分別輸入正確和錯誤的用戶賬號和用戶的賬號密碼2在發(fā)布界面進行發(fā)布功能的測試，檢驗是否能發(fā)送成功3在反饋界面進行反饋功能的測試，檢驗?zāi)芊袷盏椒答?在修改密碼界面進行密碼修改操作，并且在登陸界面重新登陸，檢驗是否修改成功。3.1.3測試資源1.騰訊的微信開發(fā)者工具2.一臺Android手機3.一臺iphone手機3.1.4關(guān)鍵測試點1.前端的測試關(guān)鍵在于能否在界面間進行跳轉(zhuǎn)，不同界面間的相互交互時候穩(wěn)定，比如注冊界面，輸入不同的賬號密碼，觀察能否進入界面。2.編輯發(fā)布的內(nèi)容，觀察發(fā)布的內(nèi)容在發(fā)布成功提示出現(xiàn)后，能否被其他用戶看見。3.通過反饋提示，將反饋的內(nèi)容編輯完成后發(fā)送，檢驗是否可以被后臺管理員接收到，并給出反饋。4.通過個人中心或者登陸界面的修改密碼按鈕來對自己之前注冊的密碼進行修改，在彈出修改成功的提示后，重新登錄，檢驗是否能重新登錄。3.2測試用例構(gòu)建3.2.1測試用例編寫約定1.測試用例功能單一,每一個測試用例只測試一個功能2.測試用例應(yīng)盡可能覆蓋所有出現(xiàn)的情況3.設(shè)計的每一個測試用例都應(yīng)該有根據(jù)(對照需求分析)4.測試用例中描述要準確,不應(yīng)該可能,大概等模棱兩可的詞匯5.測試用例不僅僅只包含正確的測試用例,應(yīng)當有相應(yīng)的錯誤的測試用例以保證系統(tǒng)在錯誤情況下預(yù)期響應(yīng)1.每一個測試用例應(yīng)當明確指出該測試用例測試的是系統(tǒng)中哪一個模塊的哪一個功能2.對于輸入的臨界值應(yīng)當著重測試3.測試用例之間不應(yīng)該出現(xiàn)測試重復(fù)功能的情況9.對于查找到的bug應(yīng)該設(shè)置級別3.2.2測試用例設(shè)計在軟件測試的過程中，始終離不開兩種強大的測試方法，分別為功能測試和結(jié)構(gòu)測試。在本次的測試用例設(shè)計中，主要采用類似于控制變量法的方法，將一個操作的設(shè)計進行多次反復(fù)且條件并不相同的測試，來以此了解在使用該功能時用戶可能會有的問題，并且根據(jù)這些問題的復(fù)雜程度，來確定程序是否可以滿足要求。事實上這也時功能測試的核心思想，即在系統(tǒng)測試中能否正常運行，來將系統(tǒng)的內(nèi)部各項結(jié)構(gòu)和功能進行測試，檢查在不同條件下的系統(tǒng)能否用來進行正確的處理和在給出特定信息后系統(tǒng)不同的反應(yīng)和處理方式，是否最終依靠外部信息來保證系統(tǒng)的完整性，這就是功能測試，也就是黑盒測試的基本要求。而另一方面結(jié)構(gòu)測試也就是我們常說的白盒測試。也可以叫做邏輯驅(qū)動測試，主要是通過測試程序的結(jié)構(gòu)，在每次測試的過程中，需要完成各類系統(tǒng)的要求，在要求完成時能否按照預(yù)定的條件來進行安全的運行，則無論功能如何，都算是完成了白盒測試，此測試的用途得到了完成，即軟件測試的完成3.2.3關(guān)鍵測試用例（1）登錄功能測試通過對登錄功能的測試，測試系統(tǒng)登錄功能是否正常。對于用戶輸入的密碼進行檢測。驗證通過后進入系統(tǒng)主界面。測試用例如下：表8-1用戶登錄功能測試表步驟條件描述預(yù)期測試結(jié)果運行結(jié)果1輸入正確的用戶名和錯誤的密碼查看結(jié)果是否和設(shè)置的一樣登錄失敗登錄失敗，返回登錄界面2輸入錯誤的用戶名和正確的密碼查看結(jié)果是否和設(shè)置的一樣登錄失敗登錄失敗，返回登錄界面3輸入正確的用戶名和不輸入密碼查看結(jié)果是否和設(shè)置的一樣登錄失敗登錄失敗，返回登錄界面表8-1用戶登錄功能測試表(續(xù))4不輸入用戶名和輸入正確的密碼查看結(jié)果是否和設(shè)置的一樣登錄失敗登錄失敗，返回登錄界面5輸入錯誤的用戶名和錯誤的密碼查看結(jié)果是否和設(shè)置的一樣登錄失敗登錄失敗，返回登錄界面6不輸入用戶名和密碼查看結(jié)果是否和設(shè)置的一樣登錄失敗登錄失敗，返回登錄界面7輸入不允許登錄的正確的用戶名和密碼查看結(jié)果是否和設(shè)置的一樣登錄失敗登錄失敗，返回登錄界面8輸入允許登錄的正確的用戶名和密碼查看結(jié)果是否和設(shè)置的一樣登錄成功登錄成功，進入用戶首頁界面（2）用戶發(fā)布功能測試通過對用戶管理功能的測試，測試系統(tǒng)用戶管理功能是否正常，對用戶的添加和刪除進行測試。測試用例如下：表8-2用戶發(fā)布功能測試表步驟條件描述預(yù)期測試結(jié)果運行結(jié)果1點擊發(fā)布界面按鈕進入用戶發(fā)布界面進入添用戶界面成功2點擊發(fā)布按鈕進入用戶發(fā)布編輯界面進入用戶發(fā)布界面成功，用戶能看到編輯界面的各項功能3編輯發(fā)布內(nèi)容，并且點擊確定發(fā)布按鈕用戶發(fā)布成功，可以在首頁和發(fā)布界面查看彈出發(fā)布成功界面，用戶的發(fā)布可以在首頁界面和發(fā)布界面進行查看4點擊我的發(fā)布，通過我的發(fā)布中點擊自己的發(fā)布，并進行修改，再次發(fā)布修改后的內(nèi)容可以在首頁界面和發(fā)布界面顯示在彈出修改成功后，可以在首頁界面和發(fā)布界面查看修改后的內(nèi)容（3）用戶反饋功能測試通過對反饋和討論功能的測試，測試反饋功能是否正常，對反饋的添加和刪除進行測試。測試用例如下：表8-3反饋功能測試表