基于web的日記同享網(wǎng)站

基于web的日記同享網(wǎng)站W(wǎng)eb-baseddiarysharingsite在當(dāng)今社會，互聯(lián)網(wǎng)對人民生活的影響日益增大，它給人民帶來了便利，讓人民更了解社會，豐富了娛樂活動，甚至習(xí)慣了網(wǎng)絡(luò)工作生活，因此，隨著不斷的完善，越來越多的人追求物質(zhì)美和精神享受，人們也熱衷于記錄，去分享自己的所學(xué)所感，而日記同享網(wǎng)站能夠很好的滿足這一需求，通通過共享文本，照片，文檔等，我們記錄了積極的能量和美好的生活。其次，它不僅是一個在線社區(qū)，而且還是一個共享平臺，因此用戶可以提出疑問并分享他們的共享需求。本次畢業(yè)設(shè)計基于MVVM開發(fā)模式,以phpStudy為開發(fā)環(huán)境，用AdobeXD及Photoshop軟件設(shè)計板塊，采用PHP+MYSQL動態(tài)網(wǎng)站開發(fā)技術(shù)，研究和開發(fā)了一個面向所有用戶的分享生活、交流觀點、互幫互進(jìn)以及資源貢獻(xiàn)的網(wǎng)站平臺。本篇論文就日記同享的開發(fā)背景、現(xiàn)狀等和在過程中使用的環(huán)境和技術(shù)，以及它的分析、主體設(shè)計、功能的實現(xiàn)、系統(tǒng)測試等幾個方面展開分析論述。關(guān)鍵詞：MVVMphpStudy動態(tài)網(wǎng)站開發(fā)AdobeXDPHP+MYSQL分享AbstractIntoday'ssociety,theinfluenceoftheInternetonpeople'slivesisincreasingdaybyday.Ithasbroughtconveniencetothepeople,letthemknowmoreaboutthesociety,enrichedentertainmentactivities,andevengotusedtoworkingandlivingontheInternet.Therefore,withcontinuousimprovement,moreandmoreThemorepeoplepursuematerialbeautyandspiritualenjoyment,peoplearealsokeentorecordandsharetheirlearningandlearning,andthediarysharingwebsitecanmeetthisdemandwell.Bysharingtexts,photos,documents,etc.,werecordApositiveenergyandagoodlife.Second,itisnotonlyanonlinecommunity,butalsoasharingplatform,souserscanaskquestionsandsharetheirsharingneeds.ThisgraduationdesignisbasedontheMVVMdevelopmentmodel,usesphpStudyasthedevelopmentenvironment,usesAdobeXDandPhotoshopsoftwaretodesigntheboard,usesPHP+MYSQLdynamicwebsitedevelopmenttechnology,researchanddevelopasharedlife,exchangeviews,andhelpeachother.Websiteplatformformutualadvancementandresourcecontribution.Thispaperanalyzesthedevelopmentbackground,currentsituation,etc.ofthediarysharing,theenvironmentandtechnologyusedintheprocess,aswellasitsanalysis,maindesign,functionimplementation,andsystemtesting.Keywords：MVVMphpStudydynamicwebsitedevelopmentPHP+MYSQLShare目錄1.課題緒論 課題論述1.1研究背景隨著社會的網(wǎng)絡(luò)化趨勢，互聯(lián)網(wǎng)顛覆人們的生活方式與學(xué)習(xí)方式。在生活方式上，在線上平臺與他人進(jìn)行互動交流變成了時興方式，人們也時常會在網(wǎng)絡(luò)平臺上發(fā)布自己的生活感想或創(chuàng)作展現(xiàn)自己；人們通常會在學(xué)習(xí)期間發(fā)現(xiàn)需要解決的問題后便立即在Internet上尋找答案。用戶共享的觀點，想法，經(jīng)驗和觀點不斷通過Internet注入高質(zhì)量的內(nèi)容，以幫助人們快速有效地尋求知識，以找到問題的答案。由于信息社會的變化，人們的生活已離不開互聯(lián)網(wǎng)，如今，網(wǎng)絡(luò)已成為新世紀(jì)的主要平臺，而現(xiàn)在關(guān)于“種草”社交網(wǎng)絡(luò)主要均為手機(jī)端，以App為主，網(wǎng)頁PC端的目前相對沒那么完善，均是分開的專題各網(wǎng)站，對很大部分工作人員和大學(xué)生來說不是很方便。而日記同享本著單純分享和共享的初心，將日志進(jìn)行分類，將資源進(jìn)行整合，讓用戶在日常生活中發(fā)現(xiàn)共享和驚喜，擁有更好的用戶體驗。1.2國內(nèi)外研究現(xiàn)狀社交網(wǎng)站從2003年在美國逐漸興起后，發(fā)展至今，人民的生活幾乎離不開社交平臺，尤其自Web.2在2001年面世之后，在互聯(lián)網(wǎng)中廣泛應(yīng)用，社交網(wǎng)站成為Web.2使用最廣泛的區(qū)域。隨著互聯(lián)網(wǎng)的發(fā)展，分享網(wǎng)站因強大的搜索引擎和網(wǎng)絡(luò)寬帶的迅速提升的技術(shù)支持，現(xiàn)今，分享網(wǎng)站社區(qū)已成為互聯(lián)網(wǎng)的主流網(wǎng)站，它之所以贏得大部分網(wǎng)民的青睞，主要還是大眾所需的資源可以免費分享。新浪微博，國家社交交流門戶平臺之一，是一個在線平臺，用于基于用戶關(guān)系共享，傳播和獲取信息。據(jù)網(wǎng)絡(luò)查詢顯示，2013年3月，微博注冊用戶達(dá)到五點多億人，短短幾年時間，用戶數(shù)量劇增；資源分享學(xué)習(xí)平臺之一CSDN.NET,僅致力于為軟件開發(fā)者提供知識的中文IT技術(shù)社區(qū)，根據(jù)其官方網(wǎng)站數(shù)據(jù)顯示，CSDN平臺資源注冊用戶至今達(dá)到2700萬，流量日均PV2100萬。在國外的社交分享平臺，如Facebook，Twitter等都在不長的時間里用戶數(shù)量劇增。Facebook平臺開放后大獲成功，半年之內(nèi)用戶從2400萬增加到了7000萬，在平臺運行的程序也達(dá)到了250000個。[1]美國AOL在線門戶網(wǎng),據(jù)網(wǎng)絡(luò)查詢運營分析顯示，在全球它曾經(jīng)超過3400萬用戶，它將各類網(wǎng)站或公司的資源整合到一起，利用客戶數(shù)量優(yōu)勢，通過向商家收取服務(wù)費為其提供推廣平臺，經(jīng)過不斷的發(fā)展，購物、新聞、旅游、娛樂等都有涉及，服務(wù)范圍廣泛，成為全球最大的網(wǎng)站之一。盡管隨著移動互聯(lián)網(wǎng)的崛起，網(wǎng)民使用手機(jī)上網(wǎng)的趨勢上升，但PC端并不會衰退。如果人們與信息交互的方式發(fā)生了變化，PC仍然是必不可少的，例如目前正在進(jìn)行的工作是內(nèi)容創(chuàng)建。同樣的，世界1000強企業(yè)和政府機(jī)構(gòu)也得依靠PC來完成基礎(chǔ)工作。[2]各種數(shù)據(jù)表明，社交分享平臺讓仍有很大的發(fā)展空間，尤其是日常社交和資源整合的網(wǎng)站更是少之又少。1.3研究的目的和意義在科學(xué)技術(shù)的發(fā)展下，生活質(zhì)量的提高，越來越多的人追求物質(zhì)美和精神享受。而現(xiàn)在的人群幾乎都有自己的手機(jī)，家里至少有一臺電腦，人們也熱衷于記錄，去分享自己的所學(xué)所想和所感，而日記同享網(wǎng)站能夠很好的滿足這一需求，通過共享文本，照片，文檔等，記錄了積極的能量和美好的生活，其次，日記同享為尋找攻略的人們提供更便捷的途徑，來于本人親身的經(jīng)歷分享和推薦，相比商家和其他廣告推薦要更全面，更真實。日記同享是基于當(dāng)前研究主要內(nèi)容中所包含的日常知識交流的行為特征，例如共同態(tài)度的差異，共同意愿的大小，共同行為的類型，共享知識的數(shù)量和質(zhì)量等為用戶提供良好的分享共享環(huán)境，為用戶提供便利的資源查找條件。此外，日記同享系統(tǒng)更注重單純分享和共享，它不僅是一個在線社區(qū)，還是一個共享平臺，因此用戶可以提出疑問，在共享中獲取自己需求。1.4論文組織結(jié)構(gòu)這次的論文主要介紹了分享和共享網(wǎng)站的開發(fā)和設(shè)計和實現(xiàn)，分六個章節(jié)描述設(shè)計的過程和思路。第一章節(jié)為課題緒論，介紹日記同享的開發(fā)背景、現(xiàn)狀以及開發(fā)它的意義等。第二章節(jié)介紹了此次開發(fā)所用的技術(shù)和開發(fā)環(huán)境。第三章節(jié)為網(wǎng)站的系統(tǒng)分析，介紹了用戶的需求分析、功能細(xì)述和用戶示例圖。第四章節(jié)為網(wǎng)站的系統(tǒng)設(shè)計，介紹了界面設(shè)計軟件簡介、系統(tǒng)的模塊設(shè)計、系統(tǒng)時序圖、數(shù)據(jù)庫ER圖和數(shù)據(jù)庫的表單設(shè)計以及實現(xiàn)流程，為網(wǎng)站實現(xiàn)奠定基礎(chǔ)。第五章節(jié)為系統(tǒng)實現(xiàn)，介紹了日記同享系統(tǒng)的功能實現(xiàn)。第六章節(jié)為日記同享的的系統(tǒng)測試，介紹了為什么要進(jìn)行系統(tǒng)測試和用實操測試示例。后面依次為參考文獻(xiàn)和致謝。2.網(wǎng)站開發(fā)環(huán)境和技術(shù)2.1MVVM開發(fā)模式簡介MVVM是一種在Web前端流行的開發(fā)模式，它是由Model-View-ViewModel的縮寫，在開發(fā)上也叫模型-視圖-視圖模型，它的可以說是MVC模式的一種加強改進(jìn)版本。模型（Model）——指的是后端傳遞的數(shù)據(jù)，在Model層中，不管是數(shù)據(jù)還是業(yè)務(wù)邏輯都在這里定義；視圖（View）——指的是所看到的頁面，它主要擔(dān)任數(shù)據(jù)的展現(xiàn)；視圖模型（ViewModel）——它是MVVM模式的主要核心，擔(dān)任監(jiān)聽Model中數(shù)據(jù)的改動以及實現(xiàn)DOM監(jiān)聽事件，它是銜接view和model的橋梁，處理用戶交互操作。使用MVVM可以使咱們不需要太過關(guān)心DOM操作，而更專注于處理業(yè)務(wù)邏輯，通過函數(shù)處理Model，更一步的規(guī)劃了頁面布局和頁面跳轉(zhuǎn)。容易被閱讀、測試、維護(hù)、替換、擴(kuò)展和改進(jìn)。[3]使用MVVM為開發(fā)模式有很多可取之處，具有低耦合，可重復(fù)性，獨立開發(fā)和可測試等優(yōu)點。因此，此次畢業(yè)設(shè)計選擇它為開發(fā)模式。2.2PhpStudy集成環(huán)境簡介在PHP動態(tài)網(wǎng)頁設(shè)計中，假如沒有一個集成開發(fā)環(huán)境，那么我們需要將編程所需用的軟件意義安裝并將參數(shù)設(shè)置完成，如網(wǎng)頁設(shè)計軟件Dreamweaver、數(shù)據(jù)庫服務(wù)器MySQL、PHP代碼書寫工具phpMyAdmin以及web服務(wù)器軟件Apache等等，這將耗費很長的時間，尤其是像學(xué)校、培訓(xùn)室和公司等幾十臺電腦要逐臺安裝將更加繁瑣耗時。PhpStudy集成了Apache＋PHP＋MySQL＋phpMyAdmin＋ZendLoader等工具合集,是十分方便、好用的PHP、MySQL環(huán)境調(diào)試工具。[4]目前最新版本為phpStudyv8.1，它不只支持最新php、mysql版本，并且不影響在不一樣的站點選擇不同版本php和mysql，界面全新，使用FTP服務(wù)器，多用戶支持，帶有網(wǎng)絡(luò)安裝的馬監(jiān)視器，支持系統(tǒng)服務(wù)和無服務(wù)啟動方法，您可以隨時記錄文件修改，可以在操作后更改路徑或在運行時復(fù)制到其他計算機(jī)，其集成軟件PHP5.2.17，PHP5.4.23，PHP7.0.12和其他新的CGI編程語言不但易于學(xué)習(xí)和運用，并且跨平臺，非?？焖伲蛔钍軞g迎的Apache2.4.7HTTP服務(wù)器軟件；MySQL5.5.35，十分棒的數(shù)據(jù)庫，運轉(zhuǎn)速度快，容易運用且執(zhí)行功能高，簡單方便，其附帶的工具也比較齊全是較為合適的開發(fā)集成環(huán)境。由于它非常方便好用，為此，此次畢業(yè)設(shè)計選擇了PhpStudy作為開發(fā)集成環(huán)境。2.3動態(tài)網(wǎng)站開發(fā)技術(shù)簡介隨著互聯(lián)網(wǎng)和社會經(jīng)濟(jì)的開展，互聯(lián)網(wǎng)成為人們獲取信息和交流的另一種主要方式，網(wǎng)站能夠分為靜態(tài)網(wǎng)站和動態(tài)網(wǎng)站。動態(tài)網(wǎng)站是運用對應(yīng)的技術(shù)生成的網(wǎng)頁，和界面呈現(xiàn)的效果不直接相關(guān)。因此完成一個靜態(tài)網(wǎng)頁的制作，只需用到HTML與CSS就可以完成，所以我們常用HTML+CSS代表制作一個標(biāo)準(zhǔn)網(wǎng)頁的技術(shù)。[12]而與用戶進(jìn)行交互僅支持靜態(tài)文字和圖片的靜態(tài)網(wǎng)頁以不再滿足于當(dāng)代社會，尤其是電商的發(fā)展，更是讓動態(tài)網(wǎng)站的開發(fā)飛速的提升，它的技術(shù)已站在了網(wǎng)絡(luò)技術(shù)的最前沿，CGI技術(shù)主要用于早期剛開始發(fā)展的動態(tài)網(wǎng)頁。隨著發(fā)展，這種編程不簡單，復(fù)雜的修改技術(shù)慢慢的被新技術(shù)取代，現(xiàn)如今常用的主要動態(tài)網(wǎng)頁語言是ASP，PHP，JSP等，使用單獨的編程格式進(jìn)行的現(xiàn)有動態(tài)網(wǎng)站開發(fā)通常很容易受到攻擊，而且不是很安全，PHP技術(shù)的出現(xiàn)有效的調(diào)整了傳統(tǒng)動態(tài)網(wǎng)站開發(fā)模式的弊端。[5]本次畢業(yè)設(shè)計基于MVVC為開發(fā)模式，運用HTML、JavaScript、CSS、Vue框架開發(fā)語言等完成前端頁面成果，用PHP語言和MySQL數(shù)據(jù)庫以及內(nèi)容管理框架完成后臺頁面。JavaScript作為網(wǎng)絡(luò)編程中主要應(yīng)用的腳本語言，其性能提升對開發(fā)計算密集型Web應(yīng)用意義重大，[8]框架通過將兩者界面分別獨立很好的解決了后臺管理界面用戶體驗度問題，[7]通過接口完成前后端的數(shù)據(jù)交互，形成動態(tài)網(wǎng)站。Vue是一套漸進(jìn)式的JavaScript框架，用于構(gòu)建用戶界面，使用vue.js不僅簡單快速，組合強大，對模塊也友好，因而VUE.JS這種基于MVVM架構(gòu)模式的前端應(yīng)用技術(shù)應(yīng)時而生，[6]使用PHP和MySQL開發(fā)動態(tài)網(wǎng)站具有很好的移植性和擴(kuò)展性，跨平臺語法簡單、性能也比較強。3.網(wǎng)站系統(tǒng)分析3.1用戶需求分析為了更好的滿足用戶的需求，為了更好的了解客戶需要什么，在設(shè)計和開發(fā)一個系統(tǒng)之前，通常需要先進(jìn)行需求分析，避免出現(xiàn)期望差異。假如耗費了大量的精力和下了重大工夫開發(fā)一款軟件，最后客戶不滿意，不滿足客戶要求就得重新返工，或者在還未搞清楚客戶真正要的是什么就投入大量的時間、精力和人力等去開發(fā)一個系統(tǒng)或軟件，最后沒人要也是很得不償失的。此次畢業(yè)設(shè)計的日記同享網(wǎng)站主要從分享者和瀏覽者的角度出發(fā)，對他們的需求進(jìn)行了分析。1.分享者的用戶需求：（1）美觀、簡潔、清新的操作界面；（2）分享自己的日常生活，展現(xiàn)自我，既可回顧自己的生活又能得到他人的欣賞和回應(yīng)；（3）共享自己的一些資源和經(jīng)驗教程幫助他人，既鞏固了知識又實現(xiàn)了自己的價值；（4）共享的資源能上傳圖片、文件等素材供他人下載；（5）能被關(guān)注且有問題需要咨詢的能夠相互私信交流；2.瀏覽者的用戶需求：（1）美觀、簡潔、清新的瀏覽界面；（2）瀏覽自己感興趣的、需要的、他人“種草”的頁面，給自己提供參考；（3）尋找自己所需求的資源，幫助自己更好的學(xué)習(xí)，甚至從解決自己的問題；（4）共享的資源文檔、文件等能下載；（5）能關(guān)注自己想常了解或欣賞的分享者，能夠私信或留言咨詢交流；3.2網(wǎng)站功能概述本次畢業(yè)設(shè)計基于web的日記同享的網(wǎng)站主要分為前端展現(xiàn)和后臺管理，為分享者提供了日常分享和資源共享交流學(xué)習(xí)的平臺，前臺主要的功能分為注冊登錄、搜索功能、點贊、評論、收藏、資源下載、私信他人等，后臺的主要功能有分享管理（分享分類、文章管理、資源管理）、用戶管理以及Banner管理。通過接口連接，完成用戶日常分享和資源共享的平臺。3.3網(wǎng)站功能細(xì)述前臺展現(xiàn)功能描述：注冊：用戶輸入用戶名并輸入密碼，再一次輸入相同的密碼以實現(xiàn)注冊；登錄:用戶輸入與數(shù)據(jù)庫驗證的用戶名和密碼登錄，登錄后能享有更多權(quán)限，對網(wǎng)站進(jìn)行更多操作；首頁：用戶可根據(jù)不同的分享分類信息進(jìn)行瀏覽，分別有美妝、美食、影視、資源等；搜索內(nèi)容：用戶可搜索自己想查看的分享內(nèi)容；分享生活：用戶可發(fā)表自己的生活體會，推薦自己覺得不錯的物品、心得等；發(fā)表文章：用戶可在網(wǎng)站發(fā)表自己的學(xué)習(xí)心得，成果等，提升自己，幫助他人；上傳資源：用戶可上傳文件文檔等素材，共享資源；資源下載：用戶可找到自己想要的資源進(jìn)行下載學(xué)習(xí)和使用；點贊：用戶可對自己喜愛的作品進(jìn)行點贊；收藏：用戶可收藏自己覺得有用或感興趣的他人分享；評論：用戶可在他人的分享詳情頁進(jìn)行評論交流；關(guān)注：用戶可關(guān)注本人感興趣的分享者；私信：用戶可私信分享者進(jìn)行交流學(xué)習(xí)；留言：用戶可在分享者的信息頁進(jìn)行留言；修改資料：用戶可自行修改對外展示的昵稱、職稱、頭像、地址、聯(lián)系方式等個人資料。后臺管理功能描述：登錄：管理員輸入用戶名和密碼，然后登錄，進(jìn)入后臺管理界面；分享分類管理：管理員可對網(wǎng)站導(dǎo)航欄的分享分類進(jìn)行編輯、是否上線或刪除；分享管理：管理員可查看用戶發(fā)表的分享信息，用戶昵稱、點贊數(shù)、評論數(shù)、收藏數(shù)、發(fā)表時間等，后臺可選擇用戶是否展示或刪除；資源管理：管理員可查看用戶共享的資源，用戶昵稱、點贊數(shù)、評論數(shù)、收藏數(shù)、發(fā)表時間等，管理員可選擇用戶是否展示或刪除；用戶管理：后臺管理員可以查看注冊用戶的信息，注冊時間、分享作品數(shù)、關(guān)注數(shù)、粉絲數(shù)等；輪播圖管理：后臺管理器可以添加，刪除和修改前臺輪播圖像，對用戶推薦高頻點擊的分享或優(yōu)秀作品等。3.4用戶示例圖3.4.1前臺用戶示例：前臺用戶可實現(xiàn)操作的主要有注冊登錄、分享生活、發(fā)表文章、上傳資源、資源下載、點贊評論、收藏留言、私信他人、查看內(nèi)容、修改資料等。圖3-1前臺用戶示例圖3.4.2后臺管理員示例：后臺管理者可實現(xiàn)操作的主要有登錄、分類管理、分享管理、資源管理、用戶管理、輪播圖管理。圖3-2后臺臺管理員示例圖網(wǎng)站系統(tǒng)設(shè)計4.1界面設(shè)計軟件簡介4.1.1AdobeXD軟件介紹AdobeXD是Adobe公司出的軟件，推出的一款集原型、設(shè)計和交互為一體現(xiàn)代格調(diào)的設(shè)計軟件。它的界面簡單但高效，為不同平臺提供了原型工具，可用于移動程序應(yīng)用，網(wǎng)頁設(shè)計和原型創(chuàng)作，包括網(wǎng)站、手機(jī)、平板電腦等。除此之外，這款免費下載，安裝好后打開顯示各種不同尺寸（iPhone、iPad、PC等）的分辨率，你也可以自己設(shè)置想要的畫布大小，設(shè)計幾個界面完成后，點擊原型可以進(jìn)行頁面與頁面之間的交互，還有個便利的是可以上傳到藍(lán)湖，在任何時段復(fù)看各個元素的尺寸、間距、文字大小，可以下載圖標(biāo)等。本次畢業(yè)設(shè)計采用AdobeXD根據(jù)系統(tǒng)概要設(shè)計對整個網(wǎng)站進(jìn)行了初步的界面設(shè)計，因為這個軟件確實非常方便，直接復(fù)制拖動就可設(shè)計新的頁面效果，將網(wǎng)站設(shè)計好后進(jìn)行鏈接交互，預(yù)覽效果，在代碼實現(xiàn)時可以更好地幫助還原，同時也更好的了解要做的是什么，怎么做，以至達(dá)到滿意的效果。圖4-1運用AdobeXD進(jìn)行網(wǎng)站設(shè)計圖4.1.2AdobePhotoshop軟件介紹PhotoShop是一款圖像處理軟件，有效地對各種圖形圖像文件進(jìn)行編輯、修改、合成[11]。在該版本的不斷強化中，它的功能越來越強大，被運用的范圍也非常廣泛：圖形設(shè)計，廣告攝影，創(chuàng)造，網(wǎng)頁制作，后期修改，視覺創(chuàng)造和設(shè)計。有關(guān)界面，大多數(shù)設(shè)計人員幾乎總是會使用此軟件。功能中，圖像處理的基礎(chǔ)是圖像編輯，例如鏡像、縮放、旋轉(zhuǎn)等；傳達(dá)清晰的圖像是藝術(shù)設(shè)計的途徑之一，Photoshop的色彩校正是功能更強大的功能之一，操作者能夠在不同的色彩之間進(jìn)行切換，并快速，輕松地調(diào)整圖像顏色校正的顏色底紋和顏色編碼，除此之外，還有特效字的創(chuàng)作以及圖像的特效創(chuàng)意?？偠灾?，學(xué)習(xí)好使用Photoshop軟件還是有很多好處的，其學(xué)習(xí)方便，功能強大，應(yīng)用廣，界面也非常友好。本次畢業(yè)設(shè)計采用這款軟件主要是處理圖片和圖片合成，用于網(wǎng)站的Banner輪播圖以及推薦圖，使用精美的圖片能讓整個網(wǎng)站變得更簡潔好看，配于好的操作界面更讓整個網(wǎng)站有魅力。圖4-2運用AdobePhotoshop制作圖片4.2系統(tǒng)界面設(shè)計原則網(wǎng)頁用戶界面（WebsiteUserInterface）是網(wǎng)站用戶與用戶之間信息交換的外觀、程序等，好的網(wǎng)站，可以讓人一種好用和舒服的感覺，網(wǎng)頁界面設(shè)計和平面設(shè)計還是有差別的，它有自身的設(shè)計特征，它表達(dá)和傳遞的信息主要是視覺信息。因此，在設(shè)計中還得遵循視覺傳達(dá)的一般規(guī)則。畢業(yè)設(shè)計的日記同享網(wǎng)站本著以用戶為中心的原則，用戶的習(xí)慣和能力不同，整個網(wǎng)站設(shè)計的風(fēng)格簡單，界面清晰，采用橙黃色為網(wǎng)站的主色調(diào)，整個網(wǎng)站的風(fēng)格偏扁平風(fēng)，信息聯(lián)結(jié)，減少用戶操作，運用一致性原則和統(tǒng)一的導(dǎo)航設(shè)計，幫助用戶用更短的時間更有效的學(xué)會如何操作網(wǎng)站，體驗它的功能，用圖片和文字相結(jié)合的版面設(shè)計相互襯托，讓整個頁面變得更加和諧。扁平化界面設(shè)計由于其具有良好的交互性和適用性,使其很快被運用到了人機(jī)交互界面設(shè)計當(dāng)中。[9]4.3系統(tǒng)概要設(shè)計在開發(fā)一個軟件或網(wǎng)站系統(tǒng)前通常需要架構(gòu)設(shè)計，其為開發(fā)軟件系統(tǒng)奠定了根底，更好的理解“怎么做”，提高設(shè)計效率，更利于快速應(yīng)用，保持輸出一致性，在修改或優(yōu)化時能更好的進(jìn)行檢查并解決，便于維護(hù)。本次結(jié)業(yè)設(shè)計的網(wǎng)站系統(tǒng)主要分為前臺頁面展現(xiàn)和后臺監(jiān)控模塊兩個部分，前臺展現(xiàn)主要是用戶可推薦和分享生活信息和資源共享，可點贊、收藏、評論、關(guān)注等，后臺模塊主要是對前臺的管理，分享管理、用戶管理、輪播圖管理等。系統(tǒng)模塊設(shè)計如下圖所示。圖4-3系統(tǒng)架構(gòu)圖4.4系統(tǒng)時序圖4.4.1前臺展現(xiàn)時序圖此次的網(wǎng)站前臺展現(xiàn)的頁面導(dǎo)航欄中有旅游、美妝、美食、影視、資源、其他，前臺還有個人中心、發(fā)布頁面、查看頁面、其他用戶個人中心等頁面。這里主要以用戶注冊、登錄、查看頁面和發(fā)布頁面實現(xiàn)時序圖為例，在ProcessOn上畫出對應(yīng)的時序圖，介紹其實現(xiàn)流程。圖4-4用戶注冊時序圖圖4-5用戶登錄時序圖圖4-6用戶查看分享內(nèi)容時序圖圖4-7用戶發(fā)布內(nèi)容時序圖4.4.2后臺展現(xiàn)時序圖網(wǎng)站系統(tǒng)后臺頁面主要分享管理，其中分享管理分為分享分類即導(dǎo)航欄的分類、以及文章管理、資源管理，還有用戶管理和banner管理，這里以分享管理的文章管理時序圖展現(xiàn)流程。圖4-8用戶發(fā)布內(nèi)容時序圖4.5數(shù)據(jù)庫ER圖在搭建數(shù)據(jù)庫之前，搭建數(shù)據(jù)庫關(guān)系圖即ER圖，能協(xié)助開發(fā)者更好的明確數(shù)據(jù)庫表與表之間的關(guān)系，ER圖提供了實體、屬性、關(guān)系的方式，主要的關(guān)聯(lián)關(guān)系有三種，一個一對一（1:1），一個一對多（1：N）和許多對多（M:N）,是各種數(shù)據(jù)模型的共同根底，為此它更容易理解、接近于人的思維，以下是此次數(shù)據(jù)庫的相關(guān)E-R圖。注冊用戶E-R圖圖4-9注冊用戶E-R圖日常分享E-R圖圖4-10日常分享E-R圖資源共享E-R圖圖4-11資源共享E-R圖輪播圖管理E-R圖圖4-12輪播圖管理E-R圖4.6數(shù)據(jù)庫表單設(shè)計用戶表（design_user）序號命名類型是否為空注釋1design_user_idint非空主鍵2user_namevarchar非空用戶名3sexint非空性別10男20女0未設(shè)置性別4headvarchar非空用戶頭像5accountvarchar非空賬號6passwordvarchar非空密碼7mobilevarchar非空手機(jī)號8emailvarchar非空郵箱9current_pint非空現(xiàn)居省份10current_cint非空現(xiàn)居城市11hometown_pint非空家鄉(xiāng)身份12hometown_cint非空家鄉(xiāng)城市13user_qqvarchar非空用戶QQ14user_wechatvarchar非空用戶微信15occupationvarchar非空職業(yè)16autographvarchar非空用戶簽名17synopsistext可空簡介18schoolvarchar非空學(xué)校19graduation_timeint非空畢業(yè)時間20update_timeint非空更新時間21create_timeint非空創(chuàng)建時間用戶屏蔽表（design_shield）序號命名類型是否為空注釋1design_shield_idint非空主鍵2shield_design_user_idint非空被屏蔽用戶3design_user_idint非空所屬用戶4is_deleteint非空是否刪除5delete_timeint非空刪除時間6update_timeint非空更新時間7create_timeint非空創(chuàng)建時間分享表（design_share_filer）序號命名類型是否為空注釋1design_share_idint非空主鍵2design_share_category_idint非空所屬類別ID3design_user_idint非空所屬用戶4titlevarchar非空標(biāo)題5contenttext可空富文本6is_draftint非空10草稿20已發(fā)布7release_timeint非空發(fā)布時間8is_onint非空是否上線9is_deleteint非空是否刪除10delete_timeint非空刪除時間11update_timeint非空更新時間12create_timeint非空創(chuàng)建時間分享文件文檔表（design_share_filer）序號命名類型是否為空注釋1design_share_file__idint非空主鍵2design_share_idint非空分享ID3file_namevarchar非空文件名4file_sizedecimal非空文件大小5filevarchar非空文件6file_typevarchar非空文件類型7update_timeint非空更新時間8create_timeint非空創(chuàng)建時間分享文件圖片表（design_share_img）序號命名類型是否為空注釋1design_share_img__idint非空主鍵2design_share_idint非空分享ID3imgvarchar非空文件名4is_covervarchar非空是否為封面5typevarchar非空類型10圖片20視頻6update_timeint非空更新時間7create_timeint非空創(chuàng)建時間用戶喜歡表（design_shield）序號命名類型是否為空注釋1design_share_like_idint非空主鍵2design_share_idint非空分享ID3design_user_idint非空所屬用戶4is_deleteint非空是否刪除5delete_timeint非空刪除時間6update_timeint非空更新時間7create_timeint非空創(chuàng)建時間用戶評論表（design_comment）序號命名類型是否為空注釋1design_comment_idint非空主鍵2design_share_idint非空分享ID3design_user_idint非空所屬用戶4comment_user_idint非空評論5parent_idint非空父級評論ID6commenttext非空評論7is_deleteint非空是否刪除8delete_timeint非空刪除時間9update_timeint非空更新時間10create_timeint非空創(chuàng)建時間用戶評論喜歡表（design_shield）序號命名類型是否為空注釋1design_comment_like_idint非空主鍵2design_comment_idint非空上級評論ID3design_user_idint非空所屬用戶4is_deleteint非空是否刪除5delete_timeint非空刪除時間6update_timeint非空更新時間7create_timeint非空創(chuàng)建時間用戶評論收藏表（design_share_collection）序號命名類型是否為空注釋1design_share_collection_idint非空主鍵2design_share_idint非空分享ID3design_user_idint非空所屬用戶4is_deleteint非空是否刪除5delete_timeint非空刪除時間6update_timeint非空更新時間7create_timeint非空創(chuàng)建時間用戶粉絲表（design_fans）序號命名類型是否為空注釋1design_fans_idint非空主鍵2fans_design_user_idint非空被粉用戶3design_user_idint非空所屬用戶4is_deleteint非空是否刪除5delete_timeint非空刪除時間6update_timeint非空更新時間7create_timeint非空創(chuàng)建時間用戶私信表（design_letter）序號命名類型是否為空注釋1design_letter_idint非空主鍵2letter_design_user_idint非空被私信用戶3design_user_idint非空發(fā)送用戶4lettertext非空私信內(nèi)容5is_readint非空是否已閱10已閱20未閱6read_timeint非空閱讀時間7update_timeint非空更新時間8create_timeint非空創(chuàng)建時間前臺Banner表（design_letter）序號命名類型是否為空注釋1design_banner_idint非空主鍵2nameint非空名稱3bannerint非空Banner4sorttext非空排序5is_onint非空是否上線6is_deleteint非空是否刪除7delete_timeint非空刪除時間8update_timeint非空更新時間9create_timeint非空創(chuàng)建時間4.7系統(tǒng)實現(xiàn)流程設(shè)計4.7.1注冊登錄頁面流程用戶按提示輸入信息進(jìn)行和進(jìn)行密碼驗證注冊，前臺注冊訪問/design/user/register路徑、登錄訪問/design/user/loginByPassword路徑到后臺，后臺通過定義$validate=newValidate限定長度，$validate->message進(jìn)行判斷,前臺根據(jù)提示注冊登錄，后臺通過數(shù)據(jù)判定，實現(xiàn)前后臺連接。下圖為流程圖：圖4-13用戶注冊流程圖圖4-14用戶登錄流程圖4.7.2發(fā)布頁面流程前臺訪問design/share/releaseShare路徑到后臺，采用混編的方式token進(jìn)行用戶身份憑證，其參數(shù)title（標(biāo)題）、img（圖片）、design_share_category_id（類別）為必填，參數(shù)cover（富文本）和file（文件）為不是必填，后臺定義函數(shù)list（獲取列表）、getCategory（獲取分類）、releaseShare（新增）等進(jìn)行判斷，實現(xiàn)前后臺的連接。下圖為用戶發(fā)布流程圖：圖4-15用戶發(fā)布流程圖4.7.3后臺分享管理流程后臺分享管理可以看到用戶分享的內(nèi)容，發(fā)表時間、點贊數(shù)、評論數(shù)和收藏數(shù)等，前臺分享列表訪問路徑/design/share/list給后臺，collection_nums為被收藏數(shù)量、like_nums為被喜歡數(shù)量、comment_nums為被評論數(shù)量，后臺定義函數(shù)delByShare（是否刪除）、change（是否上線）等實現(xiàn)前后端的連接，后臺可監(jiān)控前臺分享的內(nèi)容。下圖為分享管理流程圖：圖4-16后臺分享管理流程圖5.網(wǎng)站系統(tǒng)實現(xiàn)5.1前臺頁面實現(xiàn)5.1.1注冊登錄頁面進(jìn)入網(wǎng)站的第一步是注冊登錄，網(wǎng)站LOGO放在網(wǎng)站中間，注冊用戶根據(jù)文本框的提示進(jìn)行輸入，賬號密碼為6-16位，如不按提示操作，會顯示“賬號長度不規(guī)范”，在確認(rèn)密碼時需與輸入的密碼一致，否則會顯示“密碼不一致”，無法注冊，注冊成功后直接進(jìn)入網(wǎng)站，登錄用戶則直接手動打入賬號密碼登錄，可以自行選擇是否保存賬號密碼。注冊登錄的主要功能是權(quán)限設(shè)置，如果不注冊登錄就會無法進(jìn)入網(wǎng)站，而登錄的信息數(shù)據(jù)需與注冊時傳給后臺的數(shù)據(jù)一致才能登錄，登錄進(jìn)去后享有網(wǎng)站的各種功能操作。下圖為界面效果圖。注冊界面設(shè)計圖：圖5-1注冊界面效果圖圖5-2登錄界面效果圖5.1.2首頁界面進(jìn)入網(wǎng)站后可以看日常分享的進(jìn)行了分類，可以從導(dǎo)航欄中看到它分為旅行，美妝、美食、影視、資源等主要在生活中能體驗出來的、分享的主題，網(wǎng)站左上角為網(wǎng)站Logo,從左至右依次為導(dǎo)航欄、搜索欄，收藏、通知和個人頭像，鼠標(biāo)劃過具有下拉菜單，個人分享、資源、收藏等快捷導(dǎo)航，從上至下一次為Banner輪播圖，圖片導(dǎo)航、美妝分享、美食分享、影視分享、旅行分享以及資源共享。整個頁面采用的是垂直分布的版面設(shè)計，板塊清晰，對分享的主題進(jìn)行了分類，即不會因不同的人分享不同的話題總和到了一起觀看混亂，降低用戶體驗，又使界面更加的簡潔好看，增加時尚感，幫助用戶更快速的找到自己感興趣的主題進(jìn)行瀏覽。下圖為首頁界面的效果圖：圖5-3首頁界面效果圖首頁的主要功能如下：功能注釋導(dǎo)航功能用戶可通過上方導(dǎo)航欄及下拉列表選擇進(jìn)入子頁面搜索功能用戶可在搜索框輸入內(nèi)容進(jìn)行搜索自己想要的信息推薦功能首頁推薦的一般為點贊數(shù)或瀏覽數(shù)最多的分享消息通知功能在首頁右上角點擊消息通知按鈕可以看到消息5.1.3分享頁面分享頁面是用戶點開子頁面后進(jìn)入另一用戶或自己發(fā)表的詳情頁，最上方依然為Logo、導(dǎo)航欄和搜索欄等，左側(cè)為用戶發(fā)表的內(nèi)容，也可以看到其發(fā)表的時間，包括標(biāo)題、圖片、敘述等，圖片為輪播的方式，減少頁面空間，使頁面更簡潔，內(nèi)容下方可看到所有的評論，自己也能夠點贊、收藏和評論；右側(cè)為發(fā)表用戶的信息，包括其關(guān)注的人數(shù)、粉絲數(shù)、喜歡數(shù)和收藏數(shù)，可點擊頭像進(jìn)入對方的個人中心頁面，點擊“關(guān)注”按鈕可關(guān)注對方、點“私信”按鈕也可直接私信對方。下圖為分享內(nèi)容頁效果圖：圖5-4分享內(nèi)容頁面效果圖分享頁的主要功能如下：功能注釋私信功能用戶可點擊“私信”按鈕對分享者發(fā)消息交流關(guān)注功能用戶可關(guān)注用戶，方便更好的查看分享者分享的內(nèi)容搜索功能用戶可在搜索框輸入內(nèi)容進(jìn)行搜索自己想要的信息收藏功能用戶可點擊“收藏”圖標(biāo)收藏分享內(nèi)容，方便日后再次查看評論功能在首頁右上角點擊消息通知按鈕可以看到消息喜歡功能用戶可以對喜歡的內(nèi)容話題作品點贊5.1.4資源頁面資源頁面是用戶上傳到網(wǎng)站的資源或文檔，也可以直接在網(wǎng)站上發(fā)表文章，用戶可以點擊“下載”按鈕下載所需要的資源或觀看其他分享者的文章，同樣的，左側(cè)為分享內(nèi)容和發(fā)表時間，可以進(jìn)行收藏、評論和喜歡；右側(cè)為用戶分享者的信息。下圖為效果圖：圖5-5資源內(nèi)容頁面效果圖分享頁的主要功能如下：功能注釋下載功能用戶可點擊“下載”按鈕下載共享的資源，進(jìn)行學(xué)習(xí)或引用私信功能用戶可點擊“私信”按鈕對分享者發(fā)消息交流關(guān)注功能用戶可關(guān)注用戶，方便更好的查看分享者分享的內(nèi)容搜索功能用戶可以在搜索框中輸入內(nèi)容來搜索所需內(nèi)容收藏功能用戶可點擊“收藏”圖標(biāo)收藏分享內(nèi)容，方便日后再次查看評論功能在首頁右上角點擊消息通知按鈕可以看到消息喜歡功能用戶可以對喜歡的內(nèi)容話題作品點贊5.1.5個人中心頁面?zhèn)€人中心頁面可以看到自己或其他用戶的信息，由個人首頁、個人資源、收藏、個人資料和草稿幾個部分組成，此外可以看到獲贊數(shù)、收藏數(shù)、粉絲數(shù)、和關(guān)注數(shù)，點擊粉絲或關(guān)注進(jìn)去可查看詳情，此外，還可以看到其他用戶給自己的留言和評論，下圖為效果圖：圖5-6個人中心頁面效果圖個人中心頁的主要功能如下：功能注釋信息展示功能用戶可看到的喜歡數(shù)量、收藏的數(shù)量、粉絲數(shù)和關(guān)注數(shù)，點擊粉絲或關(guān)注，可查看對應(yīng)的用戶查看分享成功內(nèi)容用戶分別查看日常分享和資源共享發(fā)表成功的案例草稿保存功能用戶在分享發(fā)表時臨時需退出時可以保存為草稿，再后面進(jìn)行編輯發(fā)表資料修改功能在資料上可以修改個人的基本信息和更改頭像留言功能用戶可自行留言或查看回復(fù)其他用戶給自己留的言5.1.6發(fā)布編輯頁面發(fā)布頁面主要是用戶用來分享發(fā)表的頁面，通過填寫標(biāo)題，選擇類型，文字描述，圖片上傳、文件上傳對話題進(jìn)行描述發(fā)布，在發(fā)布之前可以先預(yù)覽，查看是否需要修改，或者保存為草稿箱，方便下次編輯，提高效率，下圖為效果圖：圖5-7發(fā)表編輯頁面效果圖發(fā)步編輯頁的主要功能如下：功能注釋編輯功能用戶在文本框或選擇按鈕進(jìn)行操作編輯，分享發(fā)表自己想表達(dá)的內(nèi)容上傳圖片文檔功能用戶可上傳分享自己的圖片、文檔、壓縮包等文件預(yù)覽功能用戶可在編輯好內(nèi)容后先進(jìn)行預(yù)覽檢查再發(fā)表存為草稿功能用戶可在編輯內(nèi)容時保存為草稿，便于下次重新分享5.2后臺頁面實現(xiàn)5.2.1分享管理頁面分享管理主要分為分享分類、文章管理和列表管理，通過后臺的管理可對前端進(jìn)行操作和管理，對前臺網(wǎng)站有監(jiān)控限制功能，例如不法人員在網(wǎng)站發(fā)表違規(guī)內(nèi)容，后臺不經(jīng)過用戶可直接禁用和刪除。下圖為分享管理的分類管理效果圖：圖5-8分享分類管理頁面效果圖分享管理的主要功能如下：功能注釋分類管理功能管理員可對網(wǎng)站的導(dǎo)航欄進(jìn)行分類管理，可以新增、編輯或刪除，還可以對子頁面的banner進(jìn)行調(diào)整文章管理功能管理員可查看前臺用戶分享的信息，可以選擇是否禁用，也可以直接進(jìn)行刪除資源管理功能管理員可查看前臺用戶分享的資源信息，可以選擇是否啟用，也可以直接進(jìn)行刪除5.2.2用戶管理頁面它的主要功能是可以查看注冊用戶的基本信息和注冊時間，管理員有權(quán)管理用戶是否禁用。下圖為用戶管理效果圖：圖5-9分享分類管理頁面效果圖5.4.3Banner管理頁面它的主要功能是對前臺首頁的輪播圖進(jìn)行管理，通過上傳圖片，對圖片進(jìn)行排序，決定輪播先后順序，管理員可決定哪一張圖是否上線，是否刪除，下圖為Banner管理效果圖：圖5-10banner管理頁面效果圖6.網(wǎng)站功能測試6.1測試的目的與意義開發(fā)一個軟件或網(wǎng)站，并不能保證一開發(fā)好就毫無漏洞，在項目發(fā)出去或交給客戶之前需要對系統(tǒng)進(jìn)行測試。它的目的是以最少的時間和功夫去測試系統(tǒng)，發(fā)現(xiàn)其潛在的各種錯誤，保證其質(zhì)量和可靠性，在整個開發(fā)過程中，測試這一環(huán)節(jié)也是必須認(rèn)真進(jìn)行的，是提高軟件產(chǎn)品質(zhì)量和可靠性的關(guān)鍵。[10]以用戶的角度去操作，確保操作的流暢性，是否存在錯誤，如出現(xiàn)錯誤，及時對開發(fā)人員反饋，進(jìn)行代碼修改，確保整個系統(tǒng)最大的完美化，如未測試就進(jìn)行發(fā)布，用戶在體驗后發(fā)現(xiàn)有寫功能點擊不了，或者界面出現(xiàn)混亂，用戶體驗就會大大的降低，沒有使用此應(yīng)用的欲望，畢竟，軟件或系統(tǒng)的開發(fā)是基于用戶的，因此，系統(tǒng)功能測試特別重要。在這里主要展示對前臺的幾個主要功能和后臺的部分功能的測試，通過測試，整個網(wǎng)正常運行，整體比較流暢，其用戶操作界面也不會出現(xiàn)亂碼現(xiàn)象，在測試出現(xiàn)錯誤時及時修改代碼，解決問題，提高網(wǎng)站的可用性和質(zhì)量性，更一步貼合用戶操作習(xí)慣，提高用戶體驗性。6.2測試實操示例6.2.1注冊登錄功能用戶注冊登錄測試表測試編號用例目的測試步驟期望結(jié)果實測結(jié)果001注冊用戶長度控制6~16，不按提示操作查看網(wǎng)站是否正常注冊在注冊用戶賬號輸入001，其他正常輸入系統(tǒng)顯示注冊登錄成功系統(tǒng)顯示賬號長度不規(guī)范000001注冊用戶長度控制6~16，兩次輸入密碼不同，查看網(wǎng)站是否正常注冊在注冊用戶賬號輸入000001，第一次密碼為123456，第二次密碼654321系統(tǒng)顯示注冊登錄成功系統(tǒng)顯示密碼不一致000002注冊用戶均按提示操作，查看網(wǎng)站是否正常注冊在注冊用戶賬號輸入000002，第一次密碼為123456，第二次密碼654321系統(tǒng)顯示注冊登錄成功系統(tǒng)顯示注冊登錄成功000003用戶在登錄時密碼與注冊時密碼不一致，查看網(wǎng)站是否正常登錄在注冊用戶賬號輸入000003，注冊密碼為123456，登錄密碼654321系統(tǒng)顯示登錄成功系統(tǒng)顯示密碼錯誤000004用戶在登錄時密碼與注冊時密碼一致，查看網(wǎng)站是否正常登錄在注冊用戶賬號輸入000003，注冊密碼為123456，登錄密碼123456系統(tǒng)顯示登錄成功系統(tǒng)顯示登錄成功001測試結(jié)果效果圖： 圖6-1001測試結(jié)果效果圖000001測試結(jié)果效果圖： 圖6-2000001測試結(jié)果效果圖000002測試結(jié)果圖： 圖6-3000002測試結(jié)果圖000003測試結(jié)果圖： 圖6-4000003測試結(jié)圖000004測試結(jié)果圖： 圖6-5000004測試結(jié)果圖6.2.2分享發(fā)布功能測試分享日常功能測試表測試編號用例目的測試步驟期望結(jié)果實測結(jié)果1.0分享用戶不輸入標(biāo)題，查看網(wǎng)站是否正常發(fā)表用戶不輸入標(biāo)題，其他正常操作，點擊“發(fā)布”系統(tǒng)顯示發(fā)布成功系統(tǒng)顯示標(biāo)題不能為空2.0分享用戶不上傳任何圖片等，查看網(wǎng)站是否正常發(fā)表用戶輸入標(biāo)題，選擇分類等，不上傳圖片，點擊“發(fā)布”系統(tǒng)顯示發(fā)布成功系統(tǒng)上傳至少一張圖片或視頻3.0用戶均按提示操作，查看網(wǎng)站是否正常發(fā)布用戶均按提示操作，寫標(biāo)題、分類、上傳圖片等系統(tǒng)顯示發(fā)布成功系統(tǒng)顯示發(fā)布成功1.0測試結(jié)果效果圖： 圖6-61.0測試結(jié)果效果圖2.0測試結(jié)果效果圖： 圖6-72.0測試結(jié)果效果圖3.0測試結(jié)果效果圖： 圖6-83.0測試結(jié)果效果圖3.0分享成功效果圖： 圖6-93.0分享成功效果圖6.2.3評論收藏功能測試評論收藏功能測試表測試編號用例目的測試步驟期望結(jié)果實測結(jié)果4.0用戶評論他人分享，查看是否評論成功用戶輸入評論內(nèi)容，點擊“評論”按鈕系統(tǒng)顯示評論成功系統(tǒng)顯示評論成功5.0用戶收藏其他用戶者分享的內(nèi)容用戶點擊“收藏圖標(biāo)”系統(tǒng)顯示收藏成功系統(tǒng)顯示收藏成功4.0評論成功效果圖： 圖6-104.0分享成功效果圖5.0評論成功效果圖： 圖6-115.0分享成功效果圖6.2.4私信功能測試私信功能測試表測試編號用例目的測試步驟期望結(jié)果實測結(jié)果6.0用戶發(fā)送信息是否成功000003用戶向000001用戶輸入評論內(nèi)容，點擊“私信”按鈕系統(tǒng)顯示私信成功系統(tǒng)顯示私信成功7.0用戶接收信息是否成功000001用戶查看私信內(nèi)容系統(tǒng)顯示接收信息系統(tǒng)顯示接收信息6.0私信效果圖： 圖6-116.0私信內(nèi)容效果圖 圖6-126.0私信成功效果圖7.0接收私信成功效果圖： 圖6-137.0接收私信成功效果圖6.2.5后臺操作文章功能測試后臺操作文章功能測試表測試編號用例目的測試步驟期望結(jié)果實測結(jié)果2.0管理者對前臺分享內(nèi)容是否可展示，默認(rèn)為啟用查看分享者分享的“中式小點心”信息，點擊“展示”按鈕，改變?yōu)椴徽故鞠到y(tǒng)顯示改變狀態(tài)成功前臺“中式小點心”內(nèi)容不可見成功2.1管理者對前臺分享內(nèi)容是否可刪除查看分享者分享的“中式小點心”信息，確認(rèn)刪除后臺顯示刪除成功前臺“中式小點心”內(nèi)容不可見成功2.0改變狀態(tài)功效果圖：圖6-142.0改變狀態(tài)成功效果圖2.0前臺展現(xiàn)“中式小點心”內(nèi)容效果圖： 圖6-152.0前臺展示“