電子產(chǎn)品交流論壇的設計與實現(xiàn)_第1頁
電子產(chǎn)品交流論壇的設計與實現(xiàn)_第2頁
電子產(chǎn)品交流論壇的設計與實現(xiàn)_第3頁
電子產(chǎn)品交流論壇的設計與實現(xiàn)_第4頁
電子產(chǎn)品交流論壇的設計與實現(xiàn)_第5頁
已閱讀5頁,還剩27頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領

文檔簡介

目錄電子產(chǎn)品交流論壇的設計與實現(xiàn)摘要隨著電子科技技術的發(fā)展和普及,人們對電子類產(chǎn)品已經(jīng)有了很多了了解。傳統(tǒng)的搜索查詢方式具有一定的單一性和固定性,在此基礎之上的搜索引擎已經(jīng)無法滿足個性化、定制的問題,而以提問為中心,多人回答交流的分眾化方式,人們可以更多,更好,更便捷的得到自己想要的答案,還可以瀏覽不同的思維和角度的回答;此外,借助問答類網(wǎng)站的即時性,人們可以隨時隨地進行電子類產(chǎn)品的多角度交流,真正打破了時間和空間的限制。本文采用的是B/S架構的WEB應用,在ZendStudio下基于PHP動態(tài)網(wǎng)頁開發(fā)的,采用的數(shù)據(jù)庫是MYSQL數(shù)據(jù)庫,系統(tǒng)在Apache服務器環(huán)境下運行沒搶斷采用的是DreamweaverCC2018開發(fā),并采用PhotoshopCC2018軟件來制作和美化系統(tǒng)頁面。本系統(tǒng)開發(fā)的目的是提供電子產(chǎn)品交流的平臺。本文首先查閱了相關的資料,然后對PHP開發(fā)的國內(nèi)外動態(tài)進行了總結(jié),然后根據(jù)相關技術,確定了電子產(chǎn)品交流網(wǎng)站的需求和功能,首先設計了前端網(wǎng)頁,根據(jù)需求設計了數(shù)據(jù)庫的表和索引,通過后臺功能的開發(fā),主要實現(xiàn)了以下功能:前端功能包括用戶注冊、用戶登錄、用戶問題的發(fā)起、瀏覽和回復、標簽的添加以及話題分類導等,后臺設計了網(wǎng)站的管理功能,包括管理員登錄,系統(tǒng)用戶管理,話題以及文章的管理,實現(xiàn)后端管理人員對網(wǎng)站的管理最后部署在服務器上,通過測試,系統(tǒng)可以良好的運行,并實現(xiàn)了電子產(chǎn)品交流的需求功能,相對于知乎,本設計的界面簡單,操作簡單,去除了商業(yè)化的廣告,有著更清晰明了的功能分類。關鍵詞:交流;PHP技術;HTML;網(wǎng)站設計;數(shù)據(jù)庫論文類型:軟件開發(fā)目錄目錄1引言 11.1選題的背景與意義 11.2國內(nèi)外研究現(xiàn)狀 11.3本文研究內(nèi)容 22需求分析 32.1功能需求 32.1.1前端功能需求分析 32.1.2后臺管理需求 42.2可行性分析 43電子產(chǎn)品交流網(wǎng)站系統(tǒng)設計 53.1系統(tǒng)整體功能設計 53.2系統(tǒng)架構設計 54網(wǎng)站數(shù)據(jù)庫設計 74.1MYSQL數(shù)據(jù)庫 74.2數(shù)據(jù)庫設計 84.2.1用戶表 84.2.2問題內(nèi)容表 94.2.3問題回復表 105網(wǎng)站詳細設計與實現(xiàn) 115.1網(wǎng)站前端頁面詳細設計 115.1.1首頁模塊 115.1.2用戶登錄注冊模塊 115.1.3發(fā)現(xiàn)板塊設計 135.1.4發(fā)起問題模塊 145.1.5話題模塊 155.2后臺管理模塊的實現(xiàn) 155.2.1登錄模塊 155.2.2系統(tǒng)用戶管理功能實現(xiàn) 175.2.3問題管理功能實現(xiàn) 176網(wǎng)站運行及測試 196.1系統(tǒng)的部署 196.2系統(tǒng)測試 196.2.1系統(tǒng)前端運行測試 196.2.2后臺管理功能測試 226.3測試結(jié)果 237.結(jié)論 24致謝 25參考文獻 26附錄 錯誤!未定義書簽。攻讀學位期間取得的研究成果 錯誤!未定義書簽。

1引言1.1選題的背景與意義隨著電子科技技術的發(fā)展和普及,人們對電子類產(chǎn)品已經(jīng)有了很多了了解。傳統(tǒng)的搜索查詢方式具有一定的單一性和固定性,在此基礎之上的搜索引擎已經(jīng)無法滿足個性化、定制的問題,而以提問為中心,多人回答交流的分眾化方式,人們可以更多,更好,更便捷的得到自己想要的答案,還可以瀏覽不同的思維和角度的回答;此外,借助問答類網(wǎng)站的即時性,人們可以隨時隨地進行電子類產(chǎn)品的多角度交流,真正打破了時間和空間的限制。首先,這個選題可以結(jié)合我大學四年所學的知識進行一個匯總反饋,可以探知我的技術能力水平,也可對我以后工作的選擇有一定幫助。畢設對我而言就是個學習的過程,存在很多技術問題待解決,因此要多動手去翻書查資料,多和導師溝溝通,這樣可以加深對問題解決辦法的印象,以后再遇到便能獨立解決。畢設時間緊張要給制定好時間規(guī)劃與進度計劃,按時完成指標,鍛煉自身的協(xié)調(diào)性。我在技術上是中等水平,所以更要通過畢業(yè)設計去進一步深化學習,明確了我以后的發(fā)展的方向,電子產(chǎn)品問答網(wǎng)站是基于Wamp來開發(fā)的,開發(fā)環(huán)境比較成熟,可以拿來參考的案例有很多,從而完善我對電子類產(chǎn)品這個作品的設計,而且通過開發(fā)畢業(yè)設計我也可以積累一定的技術經(jīng)驗,了解到新的技術動向與知識。電子產(chǎn)品問答交流網(wǎng)站可以規(guī)避搜索引擎那樣大眾化回答,通過分眾化回答方式來為用戶提供精確的回答,通過多個回答,多角度,多思路繼而讓提問者得到想要的回答。1.2國內(nèi)外研究現(xiàn)狀近年來,隨著網(wǎng)絡技術的發(fā)展,網(wǎng)絡資源豐富的同時也提升了檢索的復雜性,人們從事的工作不同所以涉及的領域不同,隨著互聯(lián)網(wǎng)的發(fā)展,向百度貼吧、愛問知識人以及知乎這類問答網(wǎng)站層出不窮,他們提供了一個平臺,讓每一個人都能在上面獲得知識的同時,也可以提出問題,整合了社會的知識資源,這種模式也提升了互聯(lián)網(wǎng)的使用率,問答網(wǎng)站保持著專業(yè)嚴謹?shù)纳鐣諊?,由于其整合了社會知識的資源。所以其社區(qū)內(nèi)容相對來說質(zhì)量比較高,而且很多的參考,所以是用戶獲取知識的重要途徑,隨隨著問答網(wǎng)站的發(fā)展,也植入了社交屬性,建立了用戶與用戶、問答和答案等多信息的融合,實現(xiàn)了一對多,多對多的問答網(wǎng)絡,使信息的對稱關系更加合理和專一。但是以論壇模式為主的社區(qū)網(wǎng)站存在著回答大眾化的問題,用戶黏度不高,無法與那些分眾化的點對點式回答網(wǎng)站競爭。目前國外的熱門問答類網(wǎng)站有兩個,一是StackOverflow,第二個則是Quora,前者更多的類似天涯等社區(qū)類sns網(wǎng)站,后者則更像知乎,StackOverflow是開發(fā)者社區(qū),主要交流開發(fā)語言,編程技術,分享他們的知識,并建立自己的職業(yè)生涯,目前已經(jīng)成為全球最大的開發(fā)者交流社區(qū),Quora則成為美國主要的問答類網(wǎng)站的代表,quora以“我寧愿從1000個高質(zhì)量的內(nèi)容來源那里獲取信息,也不愿從來源更多的整合性渠道獲取信息”為代表口號,以高質(zhì)量的分眾化回答,一路發(fā)展至今。1.3本文研究內(nèi)容本文主要是基于PHP以及MySql和HTML設計電子產(chǎn)品交流問答網(wǎng)站的設計開發(fā),網(wǎng)站基于網(wǎng)頁前端(html5),后臺交互(php),數(shù)據(jù)庫(mysql)三部分組成,網(wǎng)站總體構架由div+css構成。前端頁面由html5編寫實現(xiàn)網(wǎng)站的設計,并對網(wǎng)站相關內(nèi)容填充美化。后臺主要包含第三和第四板塊運用了php技術和數(shù)據(jù)庫MySql。搭建php系統(tǒng),創(chuàng)建用戶數(shù)據(jù)庫,對論壇信息存儲,連接數(shù)據(jù)庫實現(xiàn)數(shù)據(jù)庫具體功能。對網(wǎng)站進行系統(tǒng)功能測試。前臺信息瀏覽,話題關注,個人中心,提問與問答等。后臺數(shù)據(jù)存儲修改刪除等。主要研究的內(nèi)容如下:1. 搭建開發(fā)環(huán)境,安裝Dreamweaver和MySQL和php2. 通過Dreamweaver創(chuàng)建項目,根據(jù)繪制UI圖進行頁面布局3. 根據(jù)項目架構,收集整理相關數(shù)據(jù),設計數(shù)據(jù)并存入數(shù)據(jù)4. 完成后端接口設計,用于連接數(shù)據(jù)庫5. 前后端聯(lián)調(diào),進行真機測試,檢查頁面以及性能問題6. 完成網(wǎng)站整體設計2需求分析2.1功能需求2.1.1前端功能需求分析本設計是完成電子產(chǎn)品在線交流的功能,旨在為電子產(chǎn)品愛好者提供相互交流的平臺,平臺以web應用方式實現(xiàn),類似于論壇的形式,用戶可以在線發(fā)表自己對電子產(chǎn)品的使用心得以及使用技巧等,針對目前電子種類放多,可以電子產(chǎn)品以及相關的話題進行分類,在相關模塊下用戶可以解答其他用戶所提出的問題,或者也可以面向廣大用戶提出自己的問題,在話題模塊主要實現(xiàn)對不同類別話題的分類,網(wǎng)站提供個人中心,用戶對自己感興趣的文章以及內(nèi)容收藏和分享,根據(jù)需求前端的頁面主要功能需要有以下幾個部分。用戶的注冊和登錄因為網(wǎng)站是基于用戶注冊信息識別用戶的,所以本站需要設計用戶的注冊和登錄功能,注冊信息包括用戶名,密碼、郵箱等個人信息,登錄則是對注冊用戶的驗證?;A功能基礎功能包括用戶的提問,問題解答,用戶發(fā)表文章,點贊等功能,在前端頁面,用戶登錄之后,分版塊顯示最新內(nèi)容,用戶可以在網(wǎng)站的發(fā)表版塊點擊發(fā)表,可以創(chuàng)建相關的文章或者提出問題,發(fā)表成功之后,在網(wǎng)站相關的區(qū)域進行摘要呈現(xiàn),用戶可以瀏覽其他用戶發(fā)表的文章或者提問摘要信息,進入詳細頁面,底部可以進行點贊或者評論。話題分類功能話題分類主要是針對不同的電子產(chǎn)品進行分類,一個類別顯示包含在內(nèi)的信息,這樣方便用戶快速找到自己感興趣的話題,提升用戶的使用體驗。話題分類可以有管理員或者用戶自行創(chuàng)建。個人中心功能個人中心主要是對用戶個人信息的管理,主要包括個人信息管理,歷史發(fā)表文章以及解答問題記錄,以及查看自己的收藏和分享的文章。方便用戶個人長期操作。2.1.2后臺管理需求后臺管理主要是對網(wǎng)站的管理,包括網(wǎng)站信息,網(wǎng)站內(nèi)容,用戶信息,系統(tǒng)的角色管理,后臺管理也是為了管理員對網(wǎng)站審核,因為由于我國互聯(lián)網(wǎng)相關的法律規(guī)定,用戶某些發(fā)言詞語需要經(jīng)過審核才能對外公開,所以管理員需要在網(wǎng)站后臺進行審核操作,同同也是為了保證網(wǎng)站的安全運行。后臺主要實現(xiàn)的功能包括管理員登錄,用戶文章的增刪改查,用戶的信息管理,以及權限管理。2.2可行性分析可行性分析是每一項系統(tǒng)研究投入力量前必須要進行的工作,這樣可以使資源得到最合理的利用,避免了浪費,這也是系統(tǒng)設計能夠順利完成的保證。經(jīng)過對電子產(chǎn)品交流網(wǎng)站系統(tǒng)的需求分析得到以下的可行性分析。1.經(jīng)濟可行性經(jīng)濟可行性就是分析該電子產(chǎn)品交流網(wǎng)站帶給電子產(chǎn)品愛好者經(jīng)濟效益。電子產(chǎn)品交流網(wǎng)站具備的穩(wěn)定和發(fā)展的性能,投入一次能夠長久使用,節(jié)約了經(jīng)濟成本,并且隨著用戶的增多,可以成為廣大電子愛好者的權威交流平臺,用戶可以在此平臺找的自己想要的信息,并且是基于實際經(jīng)驗,不用花費很多時間在網(wǎng)絡各處查找,因此,電子產(chǎn)品交流網(wǎng)站系統(tǒng)的設計和開發(fā)在經(jīng)濟上是可行的。2.社會可行性如今,計算機和網(wǎng)絡技術已經(jīng)出現(xiàn)了快速的發(fā)展,因此整個世界范圍內(nèi)的網(wǎng)絡人口也呈現(xiàn)出增加的趨勢,網(wǎng)絡對于人們的生活有了更加廣泛的影響,而且各個地區(qū)的網(wǎng)絡建設也越來越發(fā)達,在這樣的大背景之下,越來越多的專業(yè)網(wǎng)站正成為服務特定對象的一種趨勢線。比如汽車世界網(wǎng)站就是專業(yè)的汽車論壇。很多購車的客戶也會提前在網(wǎng)站查閱相關信息。3.操作可行性WEB應用基本上所有的計算機都能夠運行這種系統(tǒng),而且這種系統(tǒng)在進行安裝、調(diào)試以及操作的過程當中,也都不需要改變?nèi)魏蔚脑O置和布局,在這個系統(tǒng)當中包括一個較為簡單的接口,消息完整性,指導相關人員可以方便的操作軟件。

3電子產(chǎn)品交流網(wǎng)站系統(tǒng)設計3.1系統(tǒng)整體功能設計電子產(chǎn)品交流問答網(wǎng)站主要是針對電子愛好者對電子產(chǎn)品的使用進行在線交流。它包括電子產(chǎn)品交流問答網(wǎng)站首頁、提問、回答、個人中心等信息,包括用戶注冊登錄等信息,功能框圖如圖3-1所示:圖3-1電子產(chǎn)品交流問答網(wǎng)站首頁框圖3.2系統(tǒng)架構設計電子產(chǎn)品交流網(wǎng)站統(tǒng)采用MVC設計模式。所謂的MVC模式,既是把軟件架構劃分成為模型(Model)、視圖(View)以及控制器(Controller)三個部分,這三個部分分別用于處理數(shù)據(jù)、展現(xiàn)給用戶與用戶交互的職責,三部分各司其職,做到了低耦合的軟件架構標準,便于程序各部分的獨立開發(fā)、測試和維護,增強了程序的可擴展性與可維護性。電影評論發(fā)布及其評價系統(tǒng)架構如圖3-2所示:圖3-2系統(tǒng)架構圖在本系統(tǒng)中,用戶的請求傳送到控制器,控制器一邊向模型發(fā)送請求一邊同步協(xié)調(diào)視圖層,模型與數(shù)據(jù)庫交互,將數(shù)據(jù)庫更新后的數(shù)據(jù)傳送給視圖層,最后視圖層將結(jié)果反饋到瀏覽器,用戶可以通過瀏覽器查看結(jié)果。

4網(wǎng)站數(shù)據(jù)庫設計4.1MYSQL數(shù)據(jù)庫數(shù)據(jù)庫技術是從1960年開始興起的,經(jīng)過很長時間的應用于發(fā)展,數(shù)據(jù)庫的及時已經(jīng)很成熟,數(shù)據(jù)庫主要用來存儲數(shù)據(jù)文檔,近年來數(shù)據(jù)庫管理系統(tǒng)也是作為一種基礎應用軟件,應用在各大應用網(wǎng)站中,比較常用的數(shù)據(jù)庫有Oracle數(shù)據(jù)庫,MYSQL數(shù)據(jù)庫以及微軟的數(shù)據(jù)庫,像Oracle數(shù)據(jù)庫,主要應用在大型分布式網(wǎng)站中,并且Oracle是收費的,MySQL則是應用在一些中小型企業(yè)中,MySQL則是免費開源的,為中小企業(yè)提供了數(shù)據(jù)庫技術支持,本設計也采用的是MySQL數(shù)據(jù)庫,MySQL采用也是標準的SQl語言,可以方便的實現(xiàn)增刪改查等操作。MySQL作為開源數(shù)據(jù)庫,應用在了很多的系統(tǒng)中,其性能表現(xiàn)出色,功能強大,操作比較簡單,運行速度也相對較快,系統(tǒng)安全性高,因為應用比較多,所以MySQL在數(shù)據(jù)安全策略、數(shù)據(jù)可操作性、應用程序優(yōu)化等方面提供了過硬的技術支持,方便我們的應用。MySQL可以實現(xiàn)多用戶多線程操作,并且提供了多個版本,可以在不同操作系統(tǒng)下運行,其中包括UNIX的bsd、Linux的centosubantu、Solaris、SunOS、FreeBSD等,MySql的安裝包比較小,提供多線程運行,在數(shù)據(jù)庫版本更新的過程中,MYSQL對SQL的查詢算法進行了優(yōu)化,并提升了查詢速度,經(jīng)過不斷的完善,MySQL應用在不同的領域,包括金融、行政等各個方面,包括民企以及政府單位。4.2數(shù)據(jù)庫E-R圖E-R模型是實體-聯(lián)系模型,是以實體(個體、類)為基礎的物理語言,因為關系是實體之間的關系,是由實體來(聯(lián)合)定義的。它提供不受任何DBMS約束的面向用戶的表達方法,在數(shù)據(jù)庫設計中被廣泛用作數(shù)據(jù)建模的工具。E-R數(shù)據(jù)模型允許我們利用對象和他們之間的聯(lián)系去描述現(xiàn)實企業(yè)的數(shù)據(jù),本文的網(wǎng)站采用的是自頂向下的設計模式,現(xiàn)在我們將用E-R模型來分析存儲在數(shù)據(jù)庫中的信息的聯(lián)系。E-R模型的基礎元素有:實體,屬性,聯(lián)系。首先分析該網(wǎng)站中存在的實體,其中中:用戶,文章,主題,回復,欄目這五個實體,用戶的屬性一般有用戶名、用戶ID、性別、電子郵箱、用戶密碼、用戶等級權限;主題是指用戶在查找不到答案下創(chuàng)建的主題討論,其屬性有:主題ID、主題標題、主題發(fā)起者、回帖數(shù)、點擊次數(shù)等;文章是網(wǎng)站為用戶提供的各類學習信息或IT資訊,基本屬性包括文章ID、文章標題、文章作者、發(fā)表日期、點擊次數(shù)、關鍵詞等;回復是指參與主題討論的回復,即評論,其屬性有:回復ID、回復主題ID、回帖者等;欄目類似于論壇網(wǎng)站中的子論壇,用于模塊劃分,便于客戶選擇。然后,進一步分析實體之間的關聯(lián)。通過了解實體之間的聯(lián)系,確定實體聯(lián)系,從而完善該網(wǎng)站的E_R模型圖,因此網(wǎng)站的具體E_R模型圖如圖4-1所示:圖4-1E-R圖4.3數(shù)據(jù)庫設計4.3.1用戶表為了方便統(tǒng)一管理用戶,用戶表是本系統(tǒng)比較重要的一個表,因為這個表包含了用戶的基本信息,并且需要通過很多關聯(lián)設計其他內(nèi)容,比如用戶標識ID唯一識別用戶的字段,所有的權限以及管理都是通過主鍵來完成的,為了更好的服務用戶,所以會收集用戶的一些聯(lián)系信息,用戶名密碼手機這寫信息都是比較重要的,不能隨便泄漏,而用戶的密碼則是經(jīng)過加密保存的,用戶表結(jié)構如表4-1所示。表4-1用戶表字段名稱數(shù)據(jù)類型說明idInt(20)*自動編號regnameVarchar(20)用戶名regrealnameVarchar(20)真實姓名regpwdVarchar(20)用戶密碼regbirthdaydate用戶生日regemailVarchar(100)E-mail地址regcityVarchar(100)所在城市regicoVarchar(50)人物表情regsexVarchar(4)性別regqqVarchar(40)QQ號reghomepageVarchar(100)個人主頁regsignVarchar(200)個性化簽名regintroducetext自我簡介ipVarchar(20)用戶IPfigint(1)管理員及用戶標記4.3.2問題內(nèi)容表每一條問題需要存在問題的內(nèi)容表里,并且為每一個問題設設置了主鍵編號,也是唯一的識別ID,通過ID來獲取每個問題的內(nèi)容。其信息詳見表4-2所示。表4-2文章內(nèi)容表字段名稱數(shù)據(jù)類型說明idInt(10)*自動編號titleVarchar(20)問題標題faceVarchar(20)人物表情contenttext問題內(nèi)容autherVarchar(20)問題作者nowdatetime發(fā)表時間4.3.3問題回復表問題回復表是對引問題的答案,所以一個問題對應多個回答,所以問題發(fā)起表和問題回復表是一對多的關系,所以此表需要添加發(fā)起問題的ID,通過關聯(lián)展示問題的回復內(nèi)容。表的結(jié)構如表4-3所示。表4-3文章評論表字段名稱數(shù)據(jù)類型說明idInt(4)*自動編號fileidInt(4)所評論的文章id號usenameVarchar(20)評論人contenttext評論正文datetimedatetime評論時間

5網(wǎng)站詳細設計與實現(xiàn)5.1網(wǎng)站前端頁面詳細設計5.1.1首頁模塊首頁模塊為index.php文件,數(shù)據(jù)庫的配置信息在conn.php文件中完成,主要配置信息有數(shù)據(jù)庫名、密碼、數(shù)據(jù)庫地址等,首頁使用了DreamweaverCC2018網(wǎng)頁開發(fā)工具,這是一個可視化的前端設計工具,并且可以自動的整合一些CCS美化,設計完成之后可以直接將得到HTML插入到首頁文件中。首頁效果圖如圖5-1所示。圖5-1首頁效果5.1.2用戶登錄注冊模塊登錄注冊是常見的網(wǎng)頁功能之一,也是保證系統(tǒng)安全運行的重要入口,目前大型企業(yè)應用軟件為了個人隱私安全以及財產(chǎn)安全,對用戶名密碼需要進行嚴格的驗證控制,并且對不同的用戶需要進行角色權限的管理,現(xiàn)在網(wǎng)絡的釣魚軟件比較多,在密碼驗證的時時候基本采用加密模式驗證。因為登錄密碼是進入系統(tǒng)進行系統(tǒng)操作的第一把鑰匙,也是最重要的一個環(huán)節(jié)。一旦網(wǎng)絡釣魚網(wǎng)站獲取到用戶名和密碼,可能對用戶造成不可估計的損失。系統(tǒng)了提供了用戶的登錄和注冊以及登錄后退出的功能,登錄的流程首先通過js獲取網(wǎng)頁用戶輸入的用戶名密碼等信息,然后完成正則校驗,通過正則校驗后,提交到服務器,查詢用戶表比對信息,然后返回登錄結(jié)果,注冊則是通過校驗后,然后請求服務器,先根據(jù)用戶名查詢是否有次用戶,然后再執(zhí)行插入操作,這樣做的目的是為了保證用戶名的唯一性。因為用戶登錄后會生成相對應的Cookie或者Session,每次提交功能都需要驗證Session,如果Session不一致,需要重新登錄,退出的功能就是清除Session。具體流程圖如圖5-2所示。圖5-2登錄退出流程圖在登錄的時候需要設置用戶名,密碼,驗證碼等輸入框,用于提交表單,向服務其驗證用戶名密碼以及驗證碼的正確性。用戶注冊模塊需要用戶提交更多的信息,包括郵箱以及密碼的二次驗證,輸入信息比登錄信息多,本設計設計的用戶注冊模塊時序圖如圖5-3所示。圖5-3用戶注冊界時序圖5.1.3發(fā)現(xiàn)板塊設計在發(fā)現(xiàn)模塊用于展示最新的提問以及問題的標簽等信息,顯示在html中才用的是列表形式,并對列表加了相關的CCS樣式,報告圖片的浮動以及文字的顏色,大小,排列,發(fā)現(xiàn)模塊的頁面效果,問題回復詳情頁面是用戶停留時間最長的頁面,因為一個問題需要很多的文字來描述,所以本設計采用段落內(nèi)容來展示問題的回復,展示的效果主要通過問題回復詳情頁面的相關CCS來美化。用戶可以在前端進行搜索,根據(jù)關鍵詞得到自己想要的問題,發(fā)現(xiàn)模塊時序圖如圖5-4所示。圖5-4發(fā)現(xiàn)模塊時序圖在用戶提出問題展示出來之后,對于擅長這個問題的用戶可以對問題的見解進行回復,在頁面設置中,需要用到表單,以及文本輸入框,提交按鈕等組件,5.1.4發(fā)起問題模塊隨著網(wǎng)頁動態(tài)技術的發(fā)展,動態(tài)交互頁面更能突出重要信息,本文設計的發(fā)起問題采用的是模塊框的設計,即在原頁面點擊問題發(fā)起,原頁面變暗,浮動出現(xiàn)一個用戶信息輸入框,浮動于原頁面之上,這樣做的好處是更加突出主題,主要有以下的好處:1獲取用戶的注意力因為模態(tài)框是浮動于原網(wǎng)頁之上,原網(wǎng)頁的部分內(nèi)容是可以看見的,這也是提示用戶當前頁面需要輸入的信息,而模態(tài)框浮動于原頁面之上,原網(wǎng)頁加了蒙版,和模態(tài)框組成了鮮明的對比,用戶也會將視線聚焦于需要填寫的內(nèi)容,這樣就使得用戶更加集中注意力,因此,用戶不太可能錯過它們。2.顯示次要內(nèi)容我們設計網(wǎng)站的初衷就是幫助用戶姐姐問題,所以在設計網(wǎng)頁的時候也要考慮用戶的使用習慣,相對于平常的頁面,跳出來的模態(tài)框更能突出的顯示問題所在,這也是突出問題的一種辦法,讓頁面有了主次之分,主要的問題突出顯示,次要的問題平常顯示,這樣無形中提升了用戶的體驗,用戶也更容易對網(wǎng)站產(chǎn)生興趣,因為我們在設計的過程中幫助用戶突出了他們關心的內(nèi)容,不用費勁在一大推頁面中去找自己的所關心的問題。發(fā)起問題模塊時序圖如圖5-5所示。圖5-5發(fā)起問題模塊時序圖5.1.5話題模塊話題模塊是對問題歸類的管理方式,這樣也能讓用戶在瀏覽網(wǎng)頁的時候按照自己感興趣的話題進行瀏覽,話題模塊主要實現(xiàn)對話題的添加、刪除、瀏覽和查詢操作。具體頁面如圖5-6所示。圖5-6話題展示頁面5.2后臺管理模塊的實現(xiàn)5.2.1登錄模塊網(wǎng)站后臺管理系統(tǒng)只對公司管理人員提供,所以在系統(tǒng)開發(fā)的時候,只有網(wǎng)站管理員一個賬戶,所以需要在后臺中添加不同的后臺管理人員,所以電子產(chǎn)品交流網(wǎng)站的后臺只有登錄功能,沒有注冊功能。因此后臺登錄界面比較簡單,主要是三個輸入框,分別是用戶名、密碼、驗證碼輸入框,采用一個表單即可完成。因為網(wǎng)站后臺管理系統(tǒng)只對公司管理人員提供,所以在系統(tǒng)開發(fā)的時候,只有網(wǎng)站管理員一個賬戶,所以需要在后臺中添加不同的后臺管理人員,所以電子產(chǎn)品交流網(wǎng)站的后臺只有登錄功能,沒有注冊功能。后臺管理員登錄需要預先在系統(tǒng)中添加用戶名以及密碼,登錄的時候為了防止惡意攻擊,所以也需要驗證驗證碼,后臺登錄的功能實現(xiàn)如圖5-7所示。圖5-7后臺登錄功能的實現(xiàn)前臺的首頁要求是在功能盡量完善的情況下,網(wǎng)頁要美觀大方,并且符合用戶的使用習慣,相對來說,后臺管理系統(tǒng)使用為公司的管理人員,但是良好的界面以及豐富的功能是必不可少的,電子產(chǎn)品交流網(wǎng)站的后臺管理系統(tǒng)主要分為兩大部分,第一部分為右邊導航欄,導航欄列舉了網(wǎng)站所有的管理菜單,需要一直顯示并不能改變位置,右端是內(nèi)容顯示區(qū),當點擊不同的菜單功能,實現(xiàn)對應菜單的內(nèi)容頁面,后臺首頁設計效果如圖5-8所示。圖5-8后臺首頁界面5.2.2系統(tǒng)用戶管理功能實現(xiàn)系統(tǒng)用戶管理是管理員對用戶管理的操作,為了實現(xiàn)網(wǎng)站的安全運行,所以需要對系統(tǒng)管理員賬號進行權限約束,只有有用戶管理權限的系統(tǒng)管理員才能對用戶進行管理操作,普通的管理員則是沒有此項的操作權限的,用戶管理的有一定的流程的,首先是查詢,顯示所有系通用戶,在顯示的基礎上為每一個用戶添加其他操作,包括修改,刪除等功能,管理員登錄后,可以在系統(tǒng)內(nèi)對用戶信息進行以下操作:(1)瀏覽用戶信息,可按注冊日期,所在分組查詢。(2)查看用戶的詳細信息。(3)增加、刪除、修改用戶的基本信息。系統(tǒng)用戶管理功能實現(xiàn)如圖5-9所示。圖5-9系統(tǒng)用戶管理管理員進行管理是對注冊的用戶信息進行管理的模塊。當用戶是以系統(tǒng)管理員的身份登陸網(wǎng)站后,那么將擁有用戶管理的權限,這時菜單欄中的“管理”處于顯示狀態(tài)(如是普通用戶,該按鈕不會顯示)。該模塊主要分為查詢用戶信息,瀏覽用戶信息和公告管理。其中用戶的刪除是建立在“查詢用戶”和“瀏覽用戶”的基礎之上實現(xiàn)的。5.2.3問題管理功能實現(xiàn)問題管理功能是本設計最核心的功能,也是邏輯與操作最復雜的一個功能,主要包括的功能有發(fā)表問題,查看問題,查找相關問題的回復等,這個操作里面涉及很多表的關聯(lián)操作,所以,需要對表的字段需要進行邏輯之間的關聯(lián),并且合理分析數(shù)據(jù)之間對應的關系。這個功能的主要的功能就是用戶發(fā)起問題,當有用戶回復的時候,展示用戶的回復,以及其他人的評論,通過關聯(lián)展示問題和回復實現(xiàn)電子產(chǎn)品信息的交流功能。這個功能主要由file.php完成。問題發(fā)起后,問題則存儲在問題表中,這個編號是自動遞增的生成,用來唯一標識一個具體問題。具體實現(xiàn)結(jié)果如圖5-10所示,當有用戶回復時相對應的答案以及問題的ID則插入到回復表中,后續(xù)展示的時候,則是進行關聯(lián)查詢。圖5-10問題管理功能實現(xiàn)

6網(wǎng)站運行及測試6.1系統(tǒng)的部署(1)本地部署:本地部署主要用來測試,則需要安裝Apache相關的運行環(huán)境,可以采用PHPStudy部署,并安裝MySQL數(shù)據(jù)庫,為了方便數(shù)據(jù)庫操作,可以用數(shù)據(jù)庫可視化軟件進行管理。(2)網(wǎng)絡服務器部署:將系統(tǒng)部署在服務器,如果采用Windows服務器操作系統(tǒng),部署過程和本地部署一樣,如果服務器是Linux操作系統(tǒng),則需要用Liunx命令操作,安裝所需要的軟件支持。6.2系統(tǒng)測試6.2.1系統(tǒng)前端運行測試電子產(chǎn)品交流網(wǎng)站系統(tǒng)主要實現(xiàn)的功能是用戶的登錄、注冊、問題的發(fā)起一起問題的展示,回復等,這里對系統(tǒng)的主要的功能進行測試。1、電子產(chǎn)品交流網(wǎng)站首頁首頁提供了系統(tǒng)的導航以及首頁發(fā)現(xiàn)內(nèi)容的展示,發(fā)現(xiàn)的模塊可以按照最新、熱門、推薦、等待回復等類別進行分類顯示,如圖6-1所示。圖6-1前端主頁效果圖2.用戶注冊登錄頁面在首頁,點擊注冊按鈕,頁面跳轉(zhuǎn)到注冊頁面,進入注冊頁面用戶需要填寫相關的用戶信息,提交表單的時候需要勾選用戶協(xié)議,這也是網(wǎng)站運營的一些協(xié)議,用戶須知,規(guī)范使用網(wǎng)站,注冊頁面測試結(jié)果如圖6-2所示。圖6-2用戶注冊3.交流測試交流測試主要包括發(fā)起文章、發(fā)起問題、添加話題以及問題回復這些功能的測試,用戶先發(fā)起一個問題,然后對問題添加話題,瀏覽問題,然后再問題下面進行回復,測試結(jié)果如圖6-3、6-4、6-5所示。圖6-3發(fā)起問題圖6-4話題管理圖6-5問題回復6.2.2后臺管理功能測試后臺測試包括管理員登錄,用戶的管理以及話題、問題的增加、刪除、修改、瀏覽等功能。后臺登錄的測試結(jié)果如圖5-6、所示。圖6-6管理員登錄在后臺管理中需要對電子產(chǎn)品交流網(wǎng)站的用戶信息以及問題、話題進行列表顯示以及查詢、修改、增加等操作,測試結(jié)果如圖6-7所示。圖6-7用戶瀏覽6.3測試結(jié)果本設計主要測試系統(tǒng)的功能測試,功能測試對前端的各個功能進行了測試,前端可以實現(xiàn)需求分析中的需要實現(xiàn)的功能,可以實現(xiàn)用戶的登錄注冊功能,基礎版塊實現(xiàn)了用戶的發(fā)表,提問,回答問題,點贊功能,話題部分可以實現(xiàn)話題的歸類,分類功能,個人中心實現(xiàn)了個人信息管理,包括密碼設置,發(fā)表文章歷史記錄以及參與的相關話題等,后臺管理實現(xiàn)了管理員的員的登錄,可以對用戶發(fā)表的文章進行審核,實現(xiàn)增刪改查的功能,并對管理員的權限以及角色進行管理,實現(xiàn)了網(wǎng)站的功能。

7.結(jié)論通過我們經(jīng)過對需求的分析,系統(tǒng)的論證,系統(tǒng)的設計,系統(tǒng)的實現(xiàn),在這個過程中,我對前端開發(fā)語言以及系統(tǒng)的編程有了更加深刻的理解,常言道:“實踐是檢驗真理的唯一標準”。在平時的理論學習中,我們是以模塊化去學習,而這次設計是把我們所有學習的東西串聯(lián)在了一起,讓我對這些知識有了更加深刻的理解。本文采用的是B/S架構的WEB應用,在ZendStudio下基于PHP動態(tài)網(wǎng)頁開發(fā)的,采用的數(shù)據(jù)庫是MYSQL數(shù)據(jù)庫,系統(tǒng)在Apache服務器環(huán)境下運行沒搶斷采用的是DreamweaverCC2018開發(fā),并采用PhotoshopCC2018軟件來制作和美化系統(tǒng)頁面。本系統(tǒng)開發(fā)的目的是提供電子產(chǎn)品交流的平臺,本文首先查閱了相關的資料,然后對PHP開發(fā)的國內(nèi)外動態(tài)進行了總結(jié),然后根據(jù)相關技術,確定了電子產(chǎn)品交流網(wǎng)站的需求和功能,首先設計了前端網(wǎng)頁,根據(jù)需求設計了數(shù)據(jù)庫的表和索引,通過后臺功能的開發(fā),主要實現(xiàn)了以下功能:前端功能包括用戶注冊、用戶登錄、用戶問題的發(fā)起、瀏覽和回復、標簽的添加以及話題分類導等,后臺設計了網(wǎng)站的管理功能,包括管理員登錄,系統(tǒng)用戶管理,話題以及文章的管理,實現(xiàn)后端管理人員對網(wǎng)站的管理最后部署在服務器上,通過測試,系統(tǒng)可以良好的運行,并實現(xiàn)了電子產(chǎn)品交流的需求功能,相對于知乎,本設計的界面簡單,操作簡單,去除了商業(yè)化的廣告,有著更清晰明了的功能分類。從初步拿到課題,到系統(tǒng)的設計完成,中間這個過程雖然比較困難,但是比較充實,剛拿到題目的時候,不知道應該從什么地方下手,通過對相關文獻的查詢以及老師的指導,首先對客氣有了基本的認識和了解,通過對系統(tǒng)的需求分析,學習了相關的知識,然后初步搭建了系統(tǒng)的基本框架,包括前段的設計以及后臺的設計,在開發(fā)的過程中不斷的遇到問題,不斷的去查閱資料使得。每一個問題都最終得到了解決,在這個過程中自己也學到了很多東西,比如規(guī)范編程,以及PHP代碼的合理化編寫,通過本次畢業(yè)設計,讓我學到了如何獨立思考以及獨立解決問題,并且認識到自己身上很多的不足,同時也感謝在開發(fā)過程中指導我的老師和幫助我的同學們。

致謝致謝在畢業(yè)設計的完成過程中,體會到了從開頭到結(jié)尾完成一件事確實不容易,需要考慮很多方面的因素,在這個過程中,并不是一個人前行,而是很多人的幫助,在這里需要感謝在做畢業(yè)設計中幫助我的每一個人。感謝我的畢業(yè)設計指導老師,老師是我們的領路人,在每一次迷茫的時候白海濤老師總會站出來為我們指明方向,我的指導白老師同樣如此,在設計的過程中,白老師給了很多建設性意見,為我的畢設保駕護航,在這里感謝老師的辛苦付出。感謝在畢業(yè)設計中幫助我的同學朋友,在做畢業(yè)設計過程中,也通過很多方式獲得了同學的幫助,有不懂得問題向他們咨詢,他們都給予了耐心的解答和指導,感謝同學們的幫助,謝謝!最后,感謝母校為我們提供的學習環(huán)境以及各位老師的諄諄教導,謝謝各位老師,在今后的工作與生活中,我一定銘記你們對我的教誨。

參考文獻參考文獻胡鋒.基于PHP及MySQL數(shù)據(jù)庫的行業(yè)網(wǎng)站建設[J].電腦知識與技術:學術交流,201

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論