基于HTML5技術(shù)的日記分享交流網(wǎng)站

摘要如今的網(wǎng)絡(luò)基本遍布了全球各地，網(wǎng)站也在信息化的時(shí)代中逐漸地?fù)碛兄浅Ｖ匾牡匚?。為了方便信息交流、方便記錄生活，在結(jié)合Java和ssh技術(shù)之下開發(fā)了這個(gè)可以通過瀏覽器快捷、簡(jiǎn)潔簡(jiǎn)單使用的日記分享交流網(wǎng)站，實(shí)現(xiàn)了用戶可以發(fā)布日記、用戶之間可以交流等功能。希望日記分享交流網(wǎng)站能給用戶提供方便的服務(wù)?；贖TML5技術(shù)的日記分享交流網(wǎng)站采用B/S體系結(jié)構(gòu)，其功能是讓用戶通過瀏覽器登錄網(wǎng)站就可以自由地發(fā)表自己的日記和回復(fù)其他用戶的評(píng)論。通過代碼來實(shí)現(xiàn)日記分享交流網(wǎng)站的各個(gè)功能模塊，包含了后臺(tái)管理模塊、用戶模塊、日記模塊等。日記分享交流網(wǎng)站利用MVC開發(fā)模式，在Struts＋Hibernate＋Spring框架的基礎(chǔ)上，然后使用了JSP語言進(jìn)行開發(fā)，在大多數(shù)的數(shù)據(jù)庫(kù)類型中選擇了MySQL，而開發(fā)工具選擇了Eclipse，主要是為了保證服務(wù)器的安全。開發(fā)日記網(wǎng)站前對(duì)該網(wǎng)站進(jìn)行了各種比較詳細(xì)的分析，不僅有可行性分析，也有需求分析，還需要進(jìn)行整體設(shè)計(jì)，并且詳細(xì)探討了該網(wǎng)站的功能需求等基本問題，然后根據(jù)需求開始開發(fā)本網(wǎng)站，最終對(duì)本網(wǎng)站進(jìn)行測(cè)試與維護(hù)，校驗(yàn)結(jié)果表明本網(wǎng)站可以成功運(yùn)行。關(guān)鍵詞：日記分享交流網(wǎng)站，HTML5，SSH(Struts+Hibernate+Spring)，java，MySQL，JSPAbstractToday'snetworkisbasicallyallovertheworld,thewebsiteisalsointheeraofinformationgraduallyhasaveryimportantposition.Inordertofacilitatetheexchangeofinformationandrecordoflife,underthecombinationofJavaandSSHtechnology,thedevelopmentofthiscanbethroughthebrowserquickly,simpleandsimpleuseofthediarysharingexchangesite,therealizationofuserscanpublishdiary,userscancommunicateandotherfunctions.Ihopethediarysharingexchangewebsitecanprovideuserswithconvenientservices.BasedonHTML5technology,diarysharingandcommunicationwebsiteadoptsB/Sarchitecture,whichenablesuserstofreelyposttheirowndiariesandreplytootherusers'commentsbyloggingintothewebsitethroughabrowser.Throughthecodetoachievediarysharingexchangewebsiteeachfunctionmodule,includingthebackgroundmanagementmodule,usermodule,diarymodule.DiarysharingexchangewebsiteUSESMVCdevelopmentmode,onthebasisofStruts+Hibernate+Springframework,usingJSPlanguagefordevelopment,theuseofthedatabasechoseMySQL,andthedevelopmenttoolchoseEclipse,mainlytoensurethesecurityoftheserver.Developmentdiarywebsitebeforeallsortsofmoredetailedanalysesofthesite,notonlyhasthefeasibilityanalysis,requirementsanalysis,overalldesignisneeded,anddiscussesthebasicproblemssuchasthefunctionalrequirementsofthesite,andthenstartdevelopingthesiteaccordingtothedemand,intheendthissitetestingandmaintenance,calibrationresultsshowthatthiswebsitecanrunsuccessfully.

Keywords:Diarysharingandcommunicationwebsite,HTML5，SSH(Struts+Hibernate+Spring)，java，MySQL，JSP目錄TOC\o"1-3"\h\u第一章緒論 第一章緒論1.1研究目的與意義我們的社會(huì)隨著科技技術(shù)的迅速發(fā)展也快速地步入了信息技術(shù)的時(shí)代，各大網(wǎng)絡(luò)交流互動(dòng)工具最為受廣大網(wǎng)民朋友的喜愛。在快節(jié)奏生活中，將手寫紙質(zhì)版日記與信息技術(shù)對(duì)比，早期的手寫日記方式已經(jīng)不能適應(yīng)大部分網(wǎng)民朋友輕便快捷的需求。特別意義的是，日記分享交流網(wǎng)站的公共性與私人性結(jié)合，即可將日記與人分享、與人交流，不再是傳統(tǒng)個(gè)人日記。日記分享交流網(wǎng)站是一個(gè)網(wǎng)絡(luò)日記發(fā)布平臺(tái)，可為用戶提供一個(gè)記錄生活的空間。不保證每一天都有新鮮的事情記錄，但至少新鮮的事情都在不斷更新。選擇用文字記錄瞬間，等回過頭翻閱日記，或許會(huì)發(fā)現(xiàn)那些被遺忘的美好。日記可私密也可分享，分享是為了讓別人更好的認(rèn)識(shí)你的生活，再進(jìn)一步才有交流。一個(gè)通過生活記錄來互相了解對(duì)方，當(dāng)三觀一致的陌生人有緣自會(huì)成為知己。日記分享交流網(wǎng)站讓日記不再是一個(gè)沉默的傾訴對(duì)象，讓用戶擁有更好的傾訴空間，也讓用戶更方便擴(kuò)大交際范圍。1.2研究現(xiàn)狀日記分享交流網(wǎng)站的本質(zhì)是網(wǎng)絡(luò)日志。在網(wǎng)絡(luò)上記載內(nèi)容，無論是生活上的重大事件還是細(xì)小瑣碎的事情，用文字進(jìn)行轉(zhuǎn)述、描繪出來。日記，一般是用本子和筆的組合來記錄每天發(fā)生的事情，將感受記錄下來，記錄美好生活，當(dāng)回頭看時(shí)或許會(huì)找回這些記憶。而日記分享交流網(wǎng)站，將網(wǎng)絡(luò)與鍵盤代替了本子與筆，讓人們?cè)谶@個(gè)網(wǎng)絡(luò)時(shí)代能夠更加方便記錄美好生活。對(duì)于網(wǎng)絡(luò)日志，我們最熟悉是應(yīng)該就是微博、知乎、豆瓣等，都是通過發(fā)布個(gè)人看法來體現(xiàn)發(fā)布人的思維。現(xiàn)在的國(guó)內(nèi)外，網(wǎng)絡(luò)日志系統(tǒng)的軟件無論是手機(jī)還是電腦，都是必有的一項(xiàng)。新浪、人民網(wǎng)、搜狐、博客網(wǎng)、網(wǎng)易等這些平臺(tái)的出現(xiàn)對(duì)中國(guó)互聯(lián)網(wǎng)的發(fā)展發(fā)揮起了重要提升境界的作用，也逐漸步入人們?nèi)粘Ｉ钪?，給人們帶來了許多的服務(wù)和便利。日記分享交流網(wǎng)站和網(wǎng)絡(luò)日志一樣，它由簡(jiǎn)潔的頁面和一系列簡(jiǎn)單功能按鈕組成，通過登錄后記錄文字發(fā)布便可，也可在線與人交流，擴(kuò)大交際圈，認(rèn)識(shí)更多的人。二十一世紀(jì)后，強(qiáng)大的計(jì)算機(jī)技術(shù)逐漸可以開發(fā)出新一代網(wǎng)絡(luò)版應(yīng)用軟件，許多像單機(jī)游戲的傳統(tǒng)軟件，都在逐漸退出舞臺(tái)，沒有擁有網(wǎng)絡(luò)配置的軟件受歡迎。這是因?yàn)閾碛信渲镁W(wǎng)絡(luò)版的軟件可以支持網(wǎng)絡(luò)和多種數(shù)據(jù)信息（多媒體）。研究表明了網(wǎng)絡(luò)版的軟件朝著兩個(gè)不同方向發(fā)展延伸。第一個(gè)方向是C/S結(jié)構(gòu)，屬于“客戶端——服務(wù)器”，被廣泛運(yùn)用于局域網(wǎng)中，更是因?yàn)樗鼡碛薪Y(jié)構(gòu)嚴(yán)謹(jǐn)、安全性好、服務(wù)器端壓力小、運(yùn)行的效率高等亮點(diǎn)。第二個(gè)方向是B/S結(jié)構(gòu)，屬于“瀏覽器——服務(wù)器”，這種結(jié)構(gòu)不僅在局域網(wǎng)適用，也在Internet是適用的。該結(jié)構(gòu)是將瀏覽器軟件作為系統(tǒng)或者網(wǎng)站的界面，它的優(yōu)點(diǎn)很多，不僅軟件開發(fā)效率高，而且客戶端不受地域和操作平臺(tái)的限制，更是因?yàn)榫W(wǎng)絡(luò)的傳輸量少、反應(yīng)效果快，而且它的投資小。為此本網(wǎng)站結(jié)合設(shè)計(jì)方案，采用了該結(jié)構(gòu)。1.3初步設(shè)計(jì)方法與實(shí)施方案根據(jù)開題報(bào)告中的內(nèi)容進(jìn)行分析，大概描繪出網(wǎng)站的藍(lán)圖，再對(duì)各個(gè)模塊進(jìn)行細(xì)致分析，運(yùn)用所學(xué)到的知識(shí)進(jìn)行粗略判斷，并且進(jìn)入各種相關(guān)的學(xué)習(xí)網(wǎng)站進(jìn)行輔助，搜索相關(guān)的開發(fā)技巧與案例，學(xué)習(xí)與日記網(wǎng)站需求的功能相關(guān)的代碼知識(shí)，進(jìn)而讓日記網(wǎng)站更加完整。該網(wǎng)站使用開發(fā)工具Eclipse進(jìn)行開發(fā)，其中數(shù)據(jù)庫(kù)使用的是MySQL，為了更好地操作數(shù)據(jù)庫(kù)進(jìn)行圖形化界面的數(shù)據(jù)庫(kù)操作工具，服務(wù)器使用Tomacat。

第二章系統(tǒng)開發(fā)環(huán)境介紹2.1HTML5HTML的全英文為HyperTextMarkupLanguage，是網(wǎng)頁最核心、最通用的超文本標(biāo)記的語言。在這些年不斷更新優(yōu)化下，現(xiàn)在發(fā)展到5.0版本了，即為HTML5，簡(jiǎn)稱為H5。為了推動(dòng)Web標(biāo)準(zhǔn)化，一個(gè)由眾多組織組成的新開發(fā)團(tuán)隊(duì)名稱為“Web超文本應(yīng)用技術(shù)工作組”，這個(gè)組織一起推動(dòng)了HTML5技術(shù)的發(fā)展，讓HTML5技術(shù)具備了無限潛能。HTML5的技術(shù)具備較為完整的編程規(guī)范，具有視頻、音頻、動(dòng)畫、圖像等多媒體的展示效果，減少了對(duì)插件的依賴，例如MicrosoftSilverlight、AdobeFlash。使用HTML5技術(shù)來設(shè)計(jì)網(wǎng)站，簡(jiǎn)單易懂，也能夠提高用戶體驗(yàn)，各種標(biāo)簽的組成更是加強(qiáng)了視覺的感受。不管是移動(dòng)端還是PC端，HTML5技術(shù)能夠讓用戶不用下載應(yīng)用程序或者插件就可以體驗(yàn)觀看視頻、玩游戲、網(wǎng)絡(luò)互動(dòng)等操作，使用戶體驗(yàn)更上一層樓。HTML5的CSS樣式、Canvas、WEBGL可以讓網(wǎng)頁不再單調(diào)，例如三維立體的特效能夠增強(qiáng)用戶對(duì)網(wǎng)站的視覺沖擊感的效果。不管是軟件還是技術(shù)，新版本的出現(xiàn)必定會(huì)伴隨著新改的元素。HTML5的新元素新屬性，將更有利于搜索引擎的索引整理，例如網(wǎng)站導(dǎo)航塊<nav>。新版本當(dāng)然也會(huì)吸收好的建議。HTML5吸取XHTML2中好用的標(biāo)簽，使得開發(fā)者能夠更加順利的創(chuàng)作。2.2JAVA語言Java語言當(dāng)初的叫法是OAK語言，于1991年誕生，一直不見經(jīng)傳的OAK直至網(wǎng)絡(luò)的泛起才改變了它的運(yùn)氣。開發(fā)的相關(guān)人員渴望能夠在WEB上開發(fā)可以運(yùn)行而且不用思量軟硬件平臺(tái)的應(yīng)用程序，然后在WEB上看到交互式的內(nèi)容效果。所以，1994年在他們的設(shè)計(jì)下，開始著力把OAK技術(shù)應(yīng)用到WEB上，終于在1995年正式推出并改名為Java。它的語法，與C++、C語言都是很接近的。2.3MySQL數(shù)據(jù)庫(kù)任何人都可以免費(fèi)使用MySQL。MySQL是開放源碼且當(dāng)下最受歡迎的微型關(guān)系型的數(shù)據(jù)庫(kù)管理系統(tǒng)。與中小型應(yīng)用系統(tǒng)來說，MySQL具有很多優(yōu)點(diǎn)：開源性降低了整體成本，運(yùn)行速度快、使用便捷、功能強(qiáng)、管理方便、安全可靠等。但是當(dāng)MySQL與其它巨型數(shù)據(jù)庫(kù)對(duì)比，例如Oracle、DB2、SQLServer等來進(jìn)行比較，MySQL確實(shí)是比不過，領(lǐng)域小而且功能有限。MySQL具有良好的跨平臺(tái)性，因?yàn)樗梢栽诓煌到y(tǒng)中運(yùn)行。2.4EclipseEclipse是一個(gè)非常好用的開放源代碼的開發(fā)平臺(tái)。Eclipse的功能可以擴(kuò)展到支持各種不同的應(yīng)用程序，主要用于Java和JavaEE。2.5B/S結(jié)構(gòu)本日記網(wǎng)站采用了Browser/Server該結(jié)構(gòu)，即為瀏覽器/服務(wù)器模式，我們將其簡(jiǎn)寫模式為B/S。因?yàn)楝F(xiàn)代高科技信息技術(shù)的發(fā)展，B/S體系結(jié)構(gòu)逐漸地適應(yīng)了市場(chǎng)的需求。B/S模式只需要利用瀏覽器即可連接服務(wù)器就可以實(shí)現(xiàn)特定客戶端的復(fù)雜功能，節(jié)省開發(fā)成本。B/S架構(gòu)擁有三個(gè)層次結(jié)構(gòu)：表示邏輯層、數(shù)據(jù)展現(xiàn)層、控制邏輯層。這三層是相對(duì)獨(dú)立又相互關(guān)聯(lián)，以下介紹三個(gè)層數(shù)的具體內(nèi)容：第一，表示邏輯層，其主要功能是在已經(jīng)搭建好的服務(wù)器上發(fā)送請(qǐng)求，在用戶身份被服務(wù)器驗(yàn)證完成后，使用http協(xié)議就會(huì)請(qǐng)求所需要的主要發(fā)送回客戶端后呈現(xiàn)在用戶的瀏覽器上。第二，控制邏輯層，用戶發(fā)送的請(qǐng)求由瀏覽器經(jīng)過網(wǎng)絡(luò)送達(dá)此層被接收到，然后通過在服務(wù)器后臺(tái)運(yùn)行相對(duì)應(yīng)的程序或訪問連接數(shù)據(jù)庫(kù)，最后相對(duì)應(yīng)的程序?qū)⒔馕鐾旰蟮臄?shù)據(jù)集提交到服務(wù)器由它想用戶返回請(qǐng)求結(jié)果。第三，數(shù)據(jù)表示層，該層次主要工作在網(wǎng)絡(luò)服務(wù)器上，其主要任務(wù)是利用服務(wù)器接收到的請(qǐng)求運(yùn)行相對(duì)應(yīng)的程序去對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作：增、刪、查、改等。最后這些被處理過的結(jié)果再通過Web服務(wù)器發(fā)送返回給用戶。2.6MVC模式M是model，V是view，C是controller。MVC是軟件工程中的一種軟件架構(gòu)模式。通過實(shí)現(xiàn)代碼來將model和view分離，使得在同一個(gè)程序中可以使用不同的表現(xiàn)形式，這就是使用MVC的目的。例如，將一批統(tǒng)計(jì)數(shù)據(jù)分別用餅圖、柱狀圖來表示。確保model和view的同步是controller存在的目的。例如當(dāng)model一改變時(shí)，view就會(huì)跟隨腳步一起同步更新。2.7SSH框架SSH框架指的是由三大框架組合起來的一套總框架，分別為struts2、spring、hibernate。SSH框架是在MVC的基礎(chǔ)上完善的比較成熟穩(wěn)定的框架。SSH框架中各自的用途：第一個(gè)是Struts2框架，一個(gè)網(wǎng)站的網(wǎng)頁中會(huì)出現(xiàn)像注冊(cè)新賬號(hào)、登錄舊賬號(hào)等界面的請(qǐng)求，在經(jīng)過配置Struts2框架時(shí)各種請(qǐng)求就會(huì)被阻擋，由開發(fā)員分派的Action來進(jìn)一步處理，再根據(jù)開發(fā)員的配置文件來再進(jìn)一步地轉(zhuǎn)發(fā)。第二個(gè)是Hibernate框架，它貫徹落實(shí)了數(shù)據(jù)庫(kù)表與javabean的逐一對(duì)應(yīng)，使開發(fā)員亦可通過利用類來操控?cái)?shù)據(jù)庫(kù)。第三個(gè)是Spring框架，它促成了SSH各個(gè)框架之間的解耦，經(jīng)過使用配置文件，開發(fā)員可以實(shí)現(xiàn)依拖注入。比如一個(gè)實(shí)例：我有一個(gè)類A，類B是其中有一個(gè)成員，而事先使用時(shí)，我們都必須要先獲得這個(gè)類的，一般正常情況下我們都是通過new來實(shí)現(xiàn)。但是，當(dāng)我們利用了Spring框架后，我們就可以直接經(jīng)過配置文件從而使得B依拖注入進(jìn)A。所以當(dāng)我們?cè)谑褂脮r(shí)就可以不用注意到這個(gè)類的創(chuàng)建，僅是負(fù)責(zé)使用，使得開發(fā)更加簡(jiǎn)便了。我們可以將Spring框架定義為SSH框架中的粘合劑，因?yàn)樗鞴芰烁鱾€(gè)類。

第三章系統(tǒng)分析3.1項(xiàng)目概述現(xiàn)代網(wǎng)絡(luò)技術(shù)在實(shí)際web開發(fā)中使用越來越頻繁。本日記分享交流網(wǎng)站前端采用HTML5來設(shè)計(jì)，讓HTML5大放異彩，讓網(wǎng)站更加多姿多彩。選擇MySQL數(shù)據(jù)庫(kù)，將種類不同的數(shù)據(jù)分別保存在相對(duì)應(yīng)的表格當(dāng)中，能夠?qū)崿F(xiàn)數(shù)據(jù)的分類，同時(shí)也方便查找數(shù)據(jù)，并且占用的空間小、訪問的速度快、系統(tǒng)的開銷也比較低。用Java實(shí)現(xiàn)邏輯控制，讓動(dòng)態(tài)頁面更好實(shí)現(xiàn)。日記分享交流網(wǎng)站不僅可以發(fā)表私密日記和公開日記，也可以對(duì)別人公開發(fā)布的日記進(jìn)行評(píng)論。該網(wǎng)站可將日記進(jìn)行分類標(biāo)簽，查找時(shí)就有目標(biāo)性。頁面設(shè)計(jì)宗旨為簡(jiǎn)潔明了，賞心悅目。3.2可行性分析通過最少的代價(jià)、最短的時(shí)光來確認(rèn)現(xiàn)有的問題可否處理，這就是可行性分析的目的。所以確認(rèn)問題值不值得去解開是可行性研究的目的，該步驟研究本質(zhì)上是以較為抽象的方法來解決系統(tǒng)分析和設(shè)計(jì)。3.2.1經(jīng)濟(jì)可行性本日記分享交流網(wǎng)站是為用戶記錄生活，更多的是讓用戶擁有良好的體驗(yàn)，所以開發(fā)后所造成的經(jīng)濟(jì)收益不在考慮范圍。同時(shí)，本網(wǎng)站是通過一臺(tái)筆記本電腦來完成開發(fā)，所以涉及到的經(jīng)濟(jì)是可行的。3.2.2技術(shù)可行性本日記分享交流網(wǎng)站是利用Java和MySQL來進(jìn)行開發(fā)，能夠降低用戶對(duì)客戶端的需求，在瀏覽器就可以進(jìn)行使用。HTML5技術(shù)更能讓移動(dòng)用戶擁有更好的體驗(yàn)。因此本網(wǎng)站開發(fā)在技術(shù)上是可行的。3.2.3運(yùn)行可行性本日記分享交流網(wǎng)站是基于JAVA語言的而開發(fā)的網(wǎng)站，而且Java語言的跨平臺(tái)特性優(yōu)勢(shì)大。各大平臺(tái)對(duì)Java的支持上都有著很好的兼容性，而且更有各種專門為Java開發(fā)設(shè)計(jì)的軟件。所以本網(wǎng)站在運(yùn)行可行性的分析是可行的。綜上所述，無論是在經(jīng)濟(jì)上，還是在技術(shù)上或者是在運(yùn)行環(huán)境上，本網(wǎng)站的設(shè)計(jì)與開發(fā)都是在可以承受的范圍內(nèi)。3.3需求分析本日記分享交流網(wǎng)站目的是為了用戶在移動(dòng)互聯(lián)網(wǎng)上可進(jìn)行日記存儲(chǔ)，記錄人生，便捷使用，減少對(duì)紙張的依賴，進(jìn)而促進(jìn)人生交流。通過開發(fā)一個(gè)統(tǒng)一的、覆蓋面寬廣的網(wǎng)站，進(jìn)一步兌現(xiàn)用戶登錄網(wǎng)站后發(fā)布相關(guān)的日記內(nèi)容，以及用戶與用戶之間進(jìn)行交互。3.3.1功能需求以日記分享交流網(wǎng)站的功能需求，我選擇采用B/S模式來開發(fā)系統(tǒng)。前臺(tái)的主要功能包括：注冊(cè)登錄、日記信息展示、發(fā)布日記、日記信息搜索、日記收藏、用戶留言、用戶回復(fù)、用戶關(guān)注、用戶交流、個(gè)人中心。后臺(tái)的主要功能包括：管理員登錄、對(duì)用戶發(fā)表的日記進(jìn)行管理、對(duì)日記的標(biāo)簽進(jìn)行管理、對(duì)用戶的資料信息進(jìn)行管理。日記分享交流網(wǎng)站的用戶用例圖如圖3-3-1-1所示：圖3-3-1-1用戶用例圖日記分享交流網(wǎng)站的管理員用例圖如圖3-3-1-2所示：圖3-3-1-2管理員用例圖具體詳細(xì)的功能描述如下：注冊(cè)登錄：沒有賬號(hào)的新用戶可以依據(jù)注冊(cè)頁面的提示來填寫相關(guān)內(nèi)容，填寫完后就可以進(jìn)行注冊(cè)，用戶填寫的資料都會(huì)載入到數(shù)據(jù)庫(kù)中，所以注冊(cè)完之后的用戶就可以用登記的賬號(hào)密碼進(jìn)行登錄進(jìn)入網(wǎng)站。日記信息展示：用戶在瀏覽器輸入網(wǎng)址后就可以進(jìn)行日記的瀏覽。發(fā)布日記：用戶可以進(jìn)行日記編輯進(jìn)行發(fā)布保存，選擇公開的日基金則將會(huì)展示在首頁，可以達(dá)到日記網(wǎng)站分享的目的；不公開的日記則為私密日記，只有自己才能看到。日記信息搜索：用戶可以通過日記標(biāo)簽進(jìn)行搜索獲取相關(guān)日記，也可以通過搜索框進(jìn)行關(guān)鍵字搜索來獲取相關(guān)日記。日記收藏：用戶可以將有趣的日記進(jìn)行收藏。用戶留言：用戶可以對(duì)日記進(jìn)行評(píng)說表達(dá)意見，可以達(dá)到日記網(wǎng)站交流的目的。用戶回復(fù)：用戶可以查看留言后進(jìn)行相對(duì)應(yīng)回復(fù)。用戶關(guān)注：用戶可以對(duì)感興趣的用戶進(jìn)行關(guān)注，從而促進(jìn)交流。用戶交流：關(guān)注后的用戶可以通過聊天界面進(jìn)行聊天。個(gè)人中心：用戶可以對(duì)自己的信息進(jìn)行管理。管理員登錄：管理員可以登錄到日記后臺(tái)系統(tǒng)進(jìn)行網(wǎng)站管理，維護(hù)網(wǎng)站秩序，保證網(wǎng)站的健康經(jīng)營(yíng)。日記管理：管理員通過后臺(tái)能夠?qū)θ沼涍M(jìn)行整改，包括對(duì)日記的添加、修改和刪除。標(biāo)簽管理：管理員通過后臺(tái)能夠擁有對(duì)標(biāo)簽的確認(rèn)決定權(quán)，添加標(biāo)簽引導(dǎo)用戶發(fā)表日記的方向。用戶管理：管理員通過后臺(tái)能夠?qū)τ脩暨M(jìn)行規(guī)劃，可以對(duì)違規(guī)用戶進(jìn)行封號(hào)等處理。3.3.2性能需求依據(jù)用戶對(duì)網(wǎng)站功能的需求，本網(wǎng)站對(duì)于性能的要求如下：響應(yīng)式：本網(wǎng)站的系統(tǒng)擁有足夠迅速的響應(yīng)時(shí)間，可以滿足用戶的需求。適應(yīng)性：系統(tǒng)在操作系統(tǒng)、運(yùn)行環(huán)境、使用設(shè)備改變的情況下能夠自動(dòng)適應(yīng)，有相應(yīng)的布局調(diào)整?？删S護(hù)性：采取的B/S結(jié)構(gòu)，越發(fā)有利于管理人員的開發(fā)維護(hù)?？墒褂眯裕翰粌H操作便捷，也可以進(jìn)行驗(yàn)證對(duì)輸入的格式和數(shù)據(jù)的類型，而且能夠跳出提示來引導(dǎo)用戶正確使用各個(gè)功能，讓用戶輸入正確的數(shù)據(jù)，方便了用戶的使用，也增加了用戶的體驗(yàn)感。3.4業(yè)務(wù)流程設(shè)計(jì) 為了用戶能夠?qū)δ茏銐虻睦斫庖约澳軌蝽槙车厥褂帽揪W(wǎng)站，也是根據(jù)用戶對(duì)功能的需求來完成數(shù)據(jù)之間的傳遞，業(yè)務(wù)流程設(shè)計(jì)的作用就在這。業(yè)務(wù)流程設(shè)計(jì)能夠讓用戶清楚地知道操作流程，也讓管理員更直觀明白網(wǎng)站的流程從而更好地管理網(wǎng)站秩序。根據(jù)用戶以及管理員對(duì)功能的需求，我設(shè)計(jì)出日記分享交流網(wǎng)站的業(yè)務(wù)流程圖，如圖3-4所示。圖3-4業(yè)務(wù)流程圖3.5數(shù)據(jù)流分析本網(wǎng)站是為了提供給廣大用戶一個(gè)網(wǎng)上發(fā)布日記交流的平臺(tái)，所以網(wǎng)站的流程是以用戶為中心進(jìn)行的。為了能夠明確表達(dá)數(shù)據(jù)、直觀深刻查看數(shù)據(jù)的流動(dòng)方向以及體驗(yàn)系統(tǒng)邏輯完整性，根據(jù)業(yè)務(wù)流程進(jìn)行分析來完成數(shù)據(jù)流圖。數(shù)據(jù)流圖擁有以下兩個(gè)特點(diǎn)：第一種特點(diǎn)：抽象性。主要表現(xiàn)為只剩下數(shù)據(jù)的流動(dòng)、加工處理與存儲(chǔ)，完全舍去了具體的物質(zhì)。第二中特點(diǎn)：概括性。具體表現(xiàn)為它可以形成一個(gè)整體，就是將信息中的各種不同業(yè)務(wù)處理過程關(guān)聯(lián)起來。數(shù)據(jù)流圖的四種基本元素符號(hào)如圖3-5-1所示。圖3-5-1數(shù)據(jù)流圖符號(hào)日記分享交流網(wǎng)站的數(shù)據(jù)流程圖如圖3-5-2所示。圖3-5-2數(shù)據(jù)流程圖說明：（1）——訪問信息；（2）（3）（10）（11）——用戶信息；（4）——發(fā)布日記信息；（5）——更新日記信息；（6）——搜索日記；（7）——獲取日記信息；（8）——回復(fù)信息；（9）——關(guān)注用戶；（12）——更新用戶信息；（13）——獲取用戶信息。

第四章系統(tǒng)設(shè)計(jì)4.1系統(tǒng)架構(gòu)設(shè)計(jì)目標(biāo)第一點(diǎn)，可靠性。系統(tǒng)的可靠性對(duì)于開發(fā)者和用戶來說都是占據(jù)著及其重要的地位，所以系統(tǒng)架構(gòu)設(shè)計(jì)的可靠性必不可少。第二點(diǎn)，安全性。保護(hù)用戶的隱私數(shù)據(jù)，給予用戶安全感，讓用戶相信系統(tǒng)的安全性，所以數(shù)據(jù)存儲(chǔ)的安全問題非常重要。第三點(diǎn)，可擴(kuò)展性。在系統(tǒng)的升級(jí)中，保持合理的性能，根據(jù)新的需求添加新技術(shù)，才能夠擴(kuò)展市場(chǎng)。第四點(diǎn)，可定制化?？蛻羧后w屬性不同，需求就會(huì)有差異，系統(tǒng)需要隨著市場(chǎng)的需求，完成可以面向不同人群時(shí)實(shí)現(xiàn)不同的需求。第五點(diǎn)，可升級(jí)性。能夠?qū)ο到y(tǒng)現(xiàn)有的功能和性能進(jìn)行升級(jí)，是系統(tǒng)基本具備的能力，同時(shí)也要保持系統(tǒng)的合理性能。第六點(diǎn)，可維護(hù)性。一方面是對(duì)現(xiàn)有的錯(cuò)誤進(jìn)行排除維護(hù)，另一方面是將根據(jù)新需求所制作的功能反映到系統(tǒng)中。系統(tǒng)的使用與功能需求的增加，肯定會(huì)出現(xiàn)我們不能預(yù)知的錯(cuò)誤。所以系統(tǒng)的可維護(hù)性能夠方便處理出現(xiàn)未知錯(cuò)誤。第七點(diǎn)，可操作性。系統(tǒng)的交互性應(yīng)該讓用戶能夠簡(jiǎn)單方便使用。4.2系統(tǒng)架構(gòu)設(shè)計(jì)日記分享交流網(wǎng)站采用了B/S結(jié)構(gòu)，該結(jié)構(gòu)模式統(tǒng)一了客戶端，客戶機(jī)只需一個(gè)瀏覽器即可進(jìn)行交互。B/S架構(gòu)的工作原理如圖4-2-1所示。圖4-2-1B/S架構(gòu)的工作原理日記分享交流網(wǎng)站主要是用戶登錄后使用與管理員登錄后進(jìn)行管理整個(gè)系統(tǒng)的相關(guān)操作，根據(jù)各項(xiàng)操作進(jìn)行分析，對(duì)網(wǎng)站各個(gè)模塊進(jìn)行分解，所得出的日記系統(tǒng)功能結(jié)構(gòu)圖如圖4-2-2所示。圖4-2-2系統(tǒng)功能結(jié)構(gòu)圖4.3數(shù)據(jù)庫(kù)設(shè)計(jì)使用良好的數(shù)據(jù)庫(kù)來設(shè)計(jì)，在開發(fā)過程中的編程可以變得簡(jiǎn)單方便；為了使程序開發(fā)的過程變得更為容易，降低程序的復(fù)雜性，所以采用了一個(gè)合理、有限的數(shù)據(jù)庫(kù)設(shè)計(jì)。本日記網(wǎng)站決定采用MySQL作為項(xiàng)目中的數(shù)據(jù)庫(kù)，是考慮到了用戶信息量客戶需求、開發(fā)成本等問題。4.3.1e-r圖用來描述實(shí)體和關(guān)系的圖是e-r圖的作用，即實(shí)體關(guān)系圖。e-r圖構(gòu)建實(shí)體間的關(guān)系模型。實(shí)體是實(shí)際上的事物的形象或者抽象的描述，是一定要有業(yè)務(wù)意義。用來刻畫實(shí)體，并且關(guān)聯(lián)存在于實(shí)體之間是實(shí)體的特性。實(shí)體擁有多種關(guān)系，關(guān)系不僅有一對(duì)一和一對(duì)多聯(lián)系，也有多對(duì)多聯(lián)系。所以，實(shí)體、關(guān)系類型、屬性這三個(gè)要素是e-r圖的構(gòu)成要素。為了看清實(shí)體的屬性信息，也為了看到各個(gè)實(shí)體之間的關(guān)聯(lián)，使數(shù)據(jù)更加清晰明了，所以建立了e-r圖。為此根據(jù)日記系統(tǒng)功能的需求，建立了e-r圖如下圖所示。（1）日記系統(tǒng)的用戶實(shí)體屬性如圖4-3-1-1所示。圖4-3-1-1用戶實(shí)體屬性圖（2）日記系統(tǒng)的日記實(shí)體屬性如圖4-3-1-2所示。圖4-3-1-2日記實(shí)體屬性圖（3）日記系統(tǒng)的標(biāo)簽實(shí)體屬性圖如圖4-3-1-3所示。圖4-3-1-3標(biāo)簽實(shí)體屬性圖4.3.2數(shù)據(jù)表使用MySQL數(shù)據(jù)庫(kù)管理系統(tǒng)，建立命名為weibovideoluntan8cors2riji的數(shù)據(jù)庫(kù)。網(wǎng)站中主要使用到的數(shù)據(jù)表有riji_user表、rji_good表、riji_type表、riji_replay表、riji_message表等。各個(gè)數(shù)據(jù)表的具體結(jié)構(gòu)如下：表4-1riji_user表：用于存儲(chǔ)用戶信息字段名稱字段類型長(zhǎng)度允許空值idint11自增編號(hào)usernamevarchar50是passwdvarchar50是roletypevarchar50是emailvarchar200是telvarchar50是qqvarchar20是wechatvarchar20是sexvarchar20是birthvarchar20是imgvarchar200是addressvarchar200是fidsvarchar200是guanzhuint11是statuscnvarchar200是表4-2riji_good表：用于存儲(chǔ)用戶日記字段名稱字段類型長(zhǎng)度允許空值idint11自增編號(hào)gnamevarchar100是notevarchar1000是typevarchar50是imgvarchar500是typeidvarchar10是usernamevarchar255是uidint11是btypevarchar10是zanint11是favint11是addressvarchar255是musicvarchar255是ndatevarchar255是表4-3riji_type表：用于管理員存儲(chǔ)標(biāo)簽字段名稱字段類型長(zhǎng)度允許空值idint11自增編號(hào)titlevarchar500是pidint11是表4-4riji_replay表：用于存儲(chǔ)用戶評(píng)論信息字段名稱字段類型長(zhǎng)度允許空值idint11自增編號(hào)pidvarchar10是notevarchar500是uidvarchar10是usernamevarchar200是ndatevarchar50是表4-5riji_message表：用于存儲(chǔ)用戶聊天信息字段名稱字段類型長(zhǎng)度允許空值idint11自增編號(hào)uidint11是fidint11是typeint11是notevarchar500是ndatevarchar50是usernamevarchar50是fusernamevarchar50是imgvarchar200是

第五章系統(tǒng)實(shí)現(xiàn)5.1數(shù)據(jù)庫(kù)連接設(shè)計(jì)實(shí)現(xiàn)任何網(wǎng)站都需要連接數(shù)據(jù)庫(kù)，數(shù)據(jù)庫(kù)是用來存放數(shù)據(jù)，這樣連接數(shù)據(jù)庫(kù)后網(wǎng)站才可以調(diào)用數(shù)據(jù)庫(kù)中的數(shù)據(jù)來返回參數(shù)。連接池配置C3P0是一個(gè)開放源代碼的JDBC連接池，本網(wǎng)站設(shè)計(jì)數(shù)據(jù)庫(kù)連接使用了com.mchange.v2.c3p0.ComboPooledDataSource配置數(shù)據(jù)源。實(shí)現(xiàn)代碼如圖5-1所示。圖5-1數(shù)據(jù)庫(kù)連接代碼5.2后臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)5.2.1管理員登錄當(dāng)管理員輸入U(xiǎn)RL地址訪問日記分享交流網(wǎng)站后臺(tái)管理系統(tǒng)時(shí)，是需要權(quán)限為管理員才可以輸入真正的管理員賬號(hào)及密碼進(jìn)行驗(yàn)證。點(diǎn)擊登錄按鈕時(shí)系統(tǒng)會(huì)將填寫的賬號(hào)密碼表單數(shù)據(jù)發(fā)送到后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行匹配，如果數(shù)據(jù)庫(kù)用戶表中有該管理員信息則返回一個(gè)成功的對(duì)象，否則登錄失敗。日記網(wǎng)站后臺(tái)的登錄界面如圖5-2-1-1所示。日記網(wǎng)站管理員登錄的相關(guān)代碼如圖5-2-1-2所示。圖5-2-1-1后臺(tái)登錄界面圖5-2-1-2管理員登錄相關(guān)代碼5.2.2后臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)日記分享交流網(wǎng)站后臺(tái)模塊主要包含了管理員對(duì)用戶發(fā)布的日記管理、對(duì)日記標(biāo)簽管理和對(duì)用戶的個(gè)人信息管理。通過代碼實(shí)現(xiàn)日記分享交流網(wǎng)站后臺(tái)管理系統(tǒng)界面如圖5-2-2-1所示。圖5-2-2-1后臺(tái)管理系統(tǒng)界面日記管理權(quán)限為管理員可以對(duì)用戶所發(fā)布的日記內(nèi)容進(jìn)行增刪查改等操作，對(duì)日記進(jìn)行審查來維護(hù)網(wǎng)站秩序。對(duì)用戶的日記增刪查改模塊如圖5-2-2-2所示。圖5-2-2-2日記增刪查改模塊查詢的功能相關(guān)代碼如圖5-2-2-3所示。圖5-2-2-3查詢功能相關(guān)代碼添加日記的功能相關(guān)代碼如圖5-2-2-4所示。圖5-2-2-4添加日記功能相關(guān)代碼修改日記的功能相關(guān)代碼如圖5-2-2-5所示。圖5-2-2-5修改日記功能相關(guān)代碼刪除日記的功能相關(guān)代碼如圖5-2-2-6所示。圖5-2-2-6刪除日記功能相關(guān)代碼標(biāo)簽管理權(quán)限為管理員可以對(duì)日記標(biāo)簽進(jìn)行增刪查改等操作，從而實(shí)現(xiàn)日記分類。對(duì)日記標(biāo)簽增刪查改模塊如圖5-2-2-7所示。圖5-2-2-7日記標(biāo)簽增刪查改模塊用戶管理權(quán)限為管理員可以對(duì)用戶資料進(jìn)行增刪查改等操作。對(duì)用戶信息增刪查改模塊如圖5-2-2-8所示。圖5-2-2-8用戶信息增刪查改模塊5.3前臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)5.3.1用戶登錄根據(jù)《智能手機(jī)市場(chǎng)洞察報(bào)告》了解到，調(diào)查到的擁有智能手機(jī)的用戶的數(shù)據(jù)達(dá)到了96%，而且手機(jī)小巧方便攜帶，隨時(shí)隨地都可以進(jìn)行網(wǎng)站登錄發(fā)布日記來記錄生活。所以本網(wǎng)站界面設(shè)計(jì)選擇使用jQueryMobile前端開發(fā)框架，而且jQueryMobile可以兼容所有移動(dòng)設(shè)備，用它來布局網(wǎng)頁是一個(gè)靈活而且簡(jiǎn)單的方式。當(dāng)用戶輸入U(xiǎn)RL地址訪問日記分享交流網(wǎng)站時(shí)，在沒有注冊(cè)登錄的情況下只能查看首頁的日記，需要用戶注冊(cè)新賬號(hào)或者輸入賬號(hào)及密碼進(jìn)行后臺(tái)數(shù)據(jù)表驗(yàn)證，點(diǎn)擊登錄按鈕后系統(tǒng)就會(huì)將用戶填寫的賬號(hào)密碼表單數(shù)據(jù)發(fā)送到后臺(tái)數(shù)據(jù)庫(kù)進(jìn)行對(duì)比，如果數(shù)據(jù)庫(kù)用戶表中有該用戶信息則返回一個(gè)成功的對(duì)象，不然就是登錄失敗。日記系統(tǒng)用戶登錄界面如圖5-3-1-1所示。圖5-3-1-1用戶登錄界面用戶登錄相關(guān)代碼如圖5-3-1-2所示。圖5-3-1-2用戶登錄相關(guān)代碼5.3.2前臺(tái)功能模塊設(shè)計(jì)實(shí)現(xiàn)前臺(tái)模塊主要包含了用戶選擇標(biāo)簽來瀏覽日記、用戶發(fā)布日記、用戶對(duì)日記進(jìn)行評(píng)論、用戶、用戶之間的聊天和用戶自己個(gè)人的信息管理。日記分享交流網(wǎng)站前臺(tái)首頁界面如圖5-3-2-1所示。圖5-3-2-1首頁界面標(biāo)簽搜索模塊所有用戶可以任意選擇符合自己的標(biāo)簽類型進(jìn)行日記檢索來查看日記信息，當(dāng)然也可以在搜索框中輸入關(guān)鍵字進(jìn)行搜索日記。標(biāo)簽選擇界面如圖5-3-2-2所示。圖5-3-2-2標(biāo)簽選擇界面發(fā)布日記模塊用戶可以填寫日記內(nèi)容進(jìn)行發(fā)布，選擇是否公開，若選擇公開則會(huì)顯示到首頁中，若選擇不公開就不會(huì)顯示到首頁中，但還是會(huì)存在我的日記里。發(fā)布日記界面如圖5-3-2-3所示。圖5-3-2-3發(fā)布日記界面關(guān)注用戶模塊登錄網(wǎng)站后的用戶可以進(jìn)行關(guān)注自己有感興趣或者喜歡的用戶的操作，通過這一步操作后在我的朋友頁面中就會(huì)顯示被關(guān)注的用戶列表。朋友列表界面如圖5-3-2-4所示。圖5-3-2-4朋友列表界面

系統(tǒng)測(cè)試6.1系統(tǒng)測(cè)試目的系統(tǒng)測(cè)試的目的就是盡全力更多地發(fā)現(xiàn)程序中的錯(cuò)誤，這樣編程人員就能夠更早地糾正錯(cuò)誤。所以系統(tǒng)的測(cè)試這一步關(guān)鍵的步驟可以保證開發(fā)的系統(tǒng)的質(zhì)量。6.2系統(tǒng)測(cè)試方法系統(tǒng)的測(cè)試方法大致分最常見的兩種方法，第一種方法是“白盒測(cè)試”，第二種方法是“黑盒測(cè)試”。白盒測(cè)試的方法則是當(dāng)做擁有透視功能，能夠?qū)⒅谱鞯南到y(tǒng)的內(nèi)部結(jié)構(gòu)看得清清楚楚，以及邏輯能夠處理得明明白白，然后根據(jù)所知道的系統(tǒng)邏輯路徑和設(shè)計(jì)的過程來進(jìn)行測(cè)試，測(cè)試完成后就可以確定是否與設(shè)計(jì)相符。所以它的另一種說法是“結(jié)構(gòu)測(cè)試”。而黑盒測(cè)試的測(cè)試方法簡(jiǎn)單來說就是找一個(gè)不是開發(fā)人員的伙伴，讓他來摸索開發(fā)的網(wǎng)站系統(tǒng)，該方法主要是測(cè)試系統(tǒng)的外部特征，因?yàn)樗恢老到y(tǒng)的內(nèi)部結(jié)構(gòu)和特征，所以該測(cè)試方法不需要白盒測(cè)試一樣清楚明白內(nèi)部結(jié)構(gòu)。然后判斷該系統(tǒng)是否滿足設(shè)定的功能是從系統(tǒng)的輸入和輸出的特性上來體現(xiàn)。所以它的另一種說法是“功能測(cè)試”。此次測(cè)試兩種方式都使用了，只不過主要還是使用“黑盒測(cè)試”。6.3系統(tǒng)測(cè)試實(shí)例6.3.1后臺(tái)管理權(quán)限測(cè)試測(cè)試內(nèi)容：使用日記網(wǎng)站的非管理員的用戶賬號(hào)密碼登錄日記分享交流網(wǎng)站后臺(tái)管理系統(tǒng)，該系統(tǒng)是否會(huì)允許非管理員進(jìn)入后臺(tái)管理。操作：在日記分享交流網(wǎng)站后臺(tái)管理系統(tǒng)的登錄頁面中在文本框內(nèi)輸入非管理員的用戶賬號(hào)和密碼，然后點(diǎn)擊登錄。結(jié)果：跳出提示框提示輸入的賬號(hào)或密碼錯(cuò)誤，登錄失敗。結(jié)論：測(cè)試成功。6.3.2前臺(tái)日記顯示測(cè)試測(cè)試內(nèi)容：打開前臺(tái)日記網(wǎng)站的首頁后，觀察有沒有顯示相應(yīng)的日記列表。操作：在瀏覽器中輸入網(wǎng)站鏈接，打開首頁查看。結(jié)果：日記列表的區(qū)域中準(zhǔn)確地顯示了發(fā)表的日記。結(jié)論：網(wǎng)站中顯示的日記內(nèi)容與后臺(tái)中數(shù)據(jù)庫(kù)的日記內(nèi)容一致，測(cè)試成功。6.3.3前臺(tái)顯示日記詳細(xì)內(nèi)容測(cè)試測(cè)試內(nèi)容：在首頁中點(diǎn)擊一篇日記的照片或者標(biāo)題，觀察有沒有反映出日記的全部?jī)?nèi)容。操作：選擇并點(diǎn)擊一篇日記的標(biāo)題或者照片。結(jié)果：在日記的詳情頁面上準(zhǔn)確的顯示出日記的全部?jī)?nèi)容。結(jié)論：測(cè)試成功。6.3.4用戶發(fā)表日記測(cè)試測(cè)試內(nèi)容：用戶發(fā)表新日記。操作：在瀏覽器中輸入網(wǎng)站鏈接進(jìn)行登錄后，點(diǎn)擊添加按鈕操作，填寫完日記內(nèi)容之后點(diǎn)擊提交按鈕，等待并觀察系統(tǒng)有沒有提示發(fā)表成功。結(jié)果：在日記首頁頁面中正確的發(fā)布出日記的全部?jī)?nèi)容。結(jié)論：測(cè)試成功。6.3.5管理員刪除日記測(cè)試測(cè)試內(nèi)容：管理員對(duì)用戶所發(fā)表的日記信息能否成功刪除。操作：管理員登錄后臺(tái)管理系統(tǒng)，點(diǎn)擊選擇用戶發(fā)表過的日記，然后點(diǎn)擊刪除按鈕后，等待提示框跳出后，提示框詢問是否刪除該日記信息，再進(jìn)行確定刪不刪。結(jié)果：選中的日記的信息成功被刪除。結(jié)論：測(cè)試成功。

第七章結(jié)論經(jīng)過幾個(gè)月的設(shè)計(jì)和開發(fā)，基于HTML5技術(shù)的日記分享交流網(wǎng)站基本開發(fā)完畢。該網(wǎng)站可以通過發(fā)表日記來記錄人生中的點(diǎn)點(diǎn)滴滴。通過此次畢業(yè)設(shè)計(jì)，我更加了解了struts+spring+hibernate框架，以及對(duì)eclipse開發(fā)工具的使用。一開始開發(fā)此網(wǎng)站的開發(fā)工具并不是eclipse，我嘗試使用了PHP在Dreamweaver的軟件下連接MySQL數(shù)據(jù)庫(kù)，并沒有成功，也嘗試過使用access數(shù)據(jù)庫(kù)連接Dreamweaver，該方法成功實(shí)現(xiàn)了登錄注冊(cè)，但教程也到此為止。后來通過搜索得知了eclipse以及ssh框架，然后不斷學(xué)習(xí)新知識(shí)，這確實(shí)是花了大量時(shí)間與精力，經(jīng)過多次修改，最終達(dá)到目前的狀況。完成此次畢業(yè)設(shè)計(jì)的過程中，體會(huì)到自己有很多的不足之處：經(jīng)驗(yàn)不夠豐富，對(duì)知識(shí)的了解不夠深度，考慮問題不夠全面等。對(duì)于本網(wǎng)站的開發(fā)，我參考了很多別人成功的系統(tǒng)，發(fā)現(xiàn)自己和別人的差距還是很大的，無論是技術(shù)知識(shí)還是美觀感，但是我不應(yīng)該沮喪，我應(yīng)該努力提高自己的學(xué)習(xí)能力，通過不斷學(xué)習(xí)來豐富自己的知識(shí)庫(kù)?？偟膩碚f，完成畢業(yè)設(shè)計(jì)的實(shí)踐，讓我學(xué)會(huì)了很多，完成一個(gè)項(xiàng)目，就是在不斷的學(xué)習(xí)，回顧舊知識(shí)，探索新知識(shí)。本系統(tǒng)具有以下優(yōu)點(diǎn)：簡(jiǎn)潔方便，使用手機(jī)通過瀏覽器登錄更加擁有體驗(yàn)感。管理員用戶權(quán)限明確，系統(tǒng)安全性高。用戶使用成本低，用戶只需要擁有瀏覽器即可進(jìn)行操作，而無論是智能手機(jī)還是筆記本電腦，本身都會(huì)自帶瀏覽器。由于本人的知識(shí)應(yīng)用水平和開發(fā)時(shí)間的限制，本系統(tǒng)也有不足的地方，最后也只是實(shí)現(xiàn)了一些簡(jiǎn)單的功能，不管是功能還是界面，還是需要繼續(xù)完善與改進(jìn)，本人將在以后的學(xué)習(xí)工作中再進(jìn)一步實(shí)現(xiàn)開發(fā)。

參考文獻(xiàn)[1]張麗.以HTML5+CSS3+jQuery為基礎(chǔ)的響應(yīng)式布局網(wǎng)頁設(shè)計(jì)探討[J].計(jì)算機(jī)產(chǎn)品與流通,2019(11):195+198.[2]肖智;楊文軍.基于jQueryMobile的移動(dòng)高校信息公開系統(tǒng)的設(shè)計(jì)與開發(fā).圖書館學(xué)研究.2012(23)[3]宋金華.基于SSH整合框架和jQueryMobile頁面腳本框架的移動(dòng)學(xué)習(xí)平臺(tái)設(shè)計(jì)和開發(fā)——以江蘇開放大學(xué)為例.江蘇教育研究.2014(03)[4]徐尤華;熊傳玉.JQueryMobile1.2移動(dòng)Web開發(fā)方法研究.信息技術(shù).2013(08)[5]黃永慧;陳程凱.HTML5在移動(dòng)應(yīng)用開發(fā)上的應(yīng)用前景.計(jì)算機(jī)技術(shù)與發(fā)展.2013(07)[6]蔡伯峰;顧繼優(yōu).用JQueryMobile框架設(shè)計(jì)制作基于H5的手機(jī)版網(wǎng)站.福建電腦.2018(01)[7]余思源;張偉.基于JAVA的個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn).電腦知識(shí)與技術(shù).2018(17)[8]王剛成.基于SSH框架模式的博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn).西北師范大學(xué).2018(01)[9]楊濤;周志波;凌力.基于Struts和Hibernate的J2EE快速開發(fā)框架的設(shè)計(jì)與實(shí)現(xiàn).計(jì)算機(jī)工程.2006(10)[10]于東超.基于Struts2_Spring_Hibernate三種框架的通用Web框架的研究及應(yīng)用.大連交通大學(xué).2008(04)[11]李霞.MVC設(shè)計(jì)模式的原理與實(shí)現(xiàn).吉林大學(xué).2004(04)[12]王玉英.基于JSP的MySQL數(shù)據(jù)庫(kù)訪問技術(shù).現(xiàn)代計(jì)算機(jī)(專業(yè)版).2010(14)[13]王希望;孟祥書;王福順.基于SSH架構(gòu)的Web系統(tǒng)的開發(fā)方法.河北農(nóng)業(yè)大學(xué)學(xué)報(bào)(農(nóng)林教育版).2010(04)[14]陳宗嬌.基于Struts+Spring+Hibernate多層框架的Web應(yīng)用系統(tǒng)研究與實(shí)現(xiàn).遼寧工程技術(shù)大學(xué).2006(06)[15]孫輝.MySQL查詢優(yōu)化的研究和改進(jìn).華中科技大學(xué).2007(05)[16]蘭旭輝,熊家軍,鄧剛.基于MySQL的應(yīng)用程序設(shè)計(jì).計(jì)算機(jī)工程與設(shè)計(jì).2004(03)[17]孫艷峰;郭曉燕.淺談Windows下的JDK安裝與java開發(fā)環(huán)境的配置.科技信息.2009(02)[18]宋漢增,沈琳.利用Hibernate對(duì)象持久化服務(wù)簡(jiǎn)化Java數(shù)據(jù)庫(kù)訪問.計(jì)算機(jī)應(yīng)用.2003(12)[19]劉靜靜,徐賢.基于Android的用戶日記簿軟件開發(fā)[J].福建電腦,2017,33(04):135-136.致謝首先非常感謝我的指導(dǎo)老師李志中老師，從我的開題報(bào)告到畢設(shè)論文，李老師不辭辛勞地給予了精心的指導(dǎo)與修正，讓我能夠順利完成論文的撰寫。我不僅在李老師的課堂教學(xué)中感受到他嚴(yán)肅的科學(xué)態(tài)度、在李老師的課后作業(yè)批改上感受到他精益求精的工作作風(fēng)、在李老師的交流中感受到他嚴(yán)謹(jǐn)?shù)闹螌W(xué)精神，在此次畢業(yè)設(shè)計(jì)的交流上更是體現(xiàn)得淋漓盡致，激勵(lì)著我讓我深受感動(dòng)。也感謝在東軟學(xué)習(xí)的四年中各位任課老師和教授，授予我知識(shí)，各位人生導(dǎo)師就像燈塔，都在我前進(jìn)的道路上照著一束指引的光芒。其次我要感謝我的朋友、我的室友和同學(xué)們，感謝她們的幫助，感謝她們的督促，感謝她們給予的鼓勵(lì)和肯定。我懷念著我們?yōu)榱私鉀Q問題而一起努力的時(shí)光。當(dāng)然也感謝網(wǎng)絡(luò)技術(shù)的發(fā)展，為了避免因?yàn)橐稽c(diǎn)小錯(cuò)誤而反復(fù)打擾老師同學(xué)，可以進(jìn)行網(wǎng)絡(luò)搜索解決問題。最后，還要特別感謝我的家人，感謝父母的養(yǎng)育之恩，感謝父母的辛勤勞動(dòng)為我提供好的生活，讓我遇見你們。大學(xué)四年的學(xué)生身份即將失效，但學(xué)習(xí)永無止境，褪下學(xué)生的馬甲，也要繼續(xù)努力學(xué)習(xí)。

HYPERLINK如何給電腦重做系統(tǒng)給電腦重做系統(tǒng)，自己學(xué)學(xué)，可少花錢，哈哈[圖]

一、準(zhǔn)備工作:

如何重裝電腦系統(tǒng)

首先，在啟動(dòng)電腦的時(shí)候按住DELETE鍵進(jìn)入BIOS，選擇AdvancedBIOSFeatures選項(xiàng)，按Enter鍵進(jìn)入設(shè)置程序。選擇FirstBootDevice選項(xiàng)，然后按鍵盤上的PageUp或PageDown鍵將該項(xiàng)設(shè)置為CD-ROM，這樣就可以把系統(tǒng)改為光盤啟動(dòng)。

其次，退回到主菜單，保存BIOS設(shè)置。（保存方法是按下F10，然后再按Y鍵即可）

1.準(zhǔn)備好WindowsXPProfessional簡(jiǎn)體中文版安裝光盤,并檢查光驅(qū)是否支持自啟動(dòng)。

2.可能的情況下，在運(yùn)行安裝程序前用磁盤掃描程序掃描所有硬盤檢查硬盤錯(cuò)誤并進(jìn)行修復(fù)，否則安裝程序運(yùn)行時(shí)如檢查到有硬盤錯(cuò)誤即會(huì)很麻煩。

3.用紙張記錄安裝文件的產(chǎn)品密匙(安裝序列號(hào))。

4.可能的情況下，用驅(qū)動(dòng)程序備份工具(如:驅(qū)動(dòng)精靈2004V1.9Beta.exe)將原WindowsXP下的所有驅(qū)動(dòng)程序備份到硬盤上(如∶F:Drive)。最好能記下主板、網(wǎng)卡、顯卡等主要硬件的型號(hào)及生產(chǎn)廠家，預(yù)先下載驅(qū)動(dòng)程序備用。

5.如果你想在安裝過程中格式化C盤或D盤(建議安裝過程中格式化C盤)，請(qǐng)備份C盤或D盤有用的數(shù)據(jù)。

二、用光盤啟動(dòng)系統(tǒng):

(如果你已經(jīng)知道方法請(qǐng)轉(zhuǎn)到下一步),重新啟動(dòng)系統(tǒng)并把光驅(qū)設(shè)為第一啟動(dòng)盤,保存設(shè)置并重啟。將XP安裝光盤放入光驅(qū),重新啟動(dòng)電腦。剛啟動(dòng)時(shí)，當(dāng)出現(xiàn)如下圖所示時(shí)快速按下回車鍵，否則不能啟動(dòng)XP系統(tǒng)光盤安裝。如果你不知道具體做法請(qǐng)參考與這相同的-->如何進(jìn)入純DOS系統(tǒng):

光盤自啟動(dòng)后,如無意外即可見到安裝界面,將出現(xiàn)如下圖1所示

查看原圖

全中文提示,“要現(xiàn)在安裝WindowsXP,請(qǐng)按ENTER”，按回車鍵后,出現(xiàn)如下圖2所示

查看原圖

許可協(xié)議,這里沒有選擇的余地，按“F8”后如下圖3

HYPERLINK

查看原圖

這里用“向下或向上”方向鍵選擇安裝系統(tǒng)所用的分區(qū)，如果你已格式化C盤請(qǐng)選擇C分區(qū)，選擇好分區(qū)后按“Enter”鍵回車，出現(xiàn)下圖4所示

查看原圖

這里對(duì)所選分區(qū)可以進(jìn)行格式化,從而轉(zhuǎn)換文件系統(tǒng)格,或保存現(xiàn)有文件系統(tǒng),有多種選擇的余地,但要注意的是NTFS格式可節(jié)約磁盤空間提高安全性和減小磁盤碎片但同時(shí)存在很多問題MacOS和98/Me下看不到NTFS格式的分區(qū),在這里選“用FAT文件系統(tǒng)格式化磁盤分區(qū)(快),按“Enter”鍵回車，出現(xiàn)下圖5所示

查看原圖

格式化C盤的警告,按F鍵將準(zhǔn)備格式化c盤,出現(xiàn)下圖6所示

HYPERLINK

查看原圖

由于所選分區(qū)C的空間大于2048M(即2G),FAT文件系統(tǒng)不支持大于2048M的磁盤分區(qū),所以安裝程序會(huì)用FAT32文件系統(tǒng)格式對(duì)C盤進(jìn)行格式化,按“Enter”鍵回車，出現(xiàn)下圖7所示

查看原圖圖7中正在格式化C分區(qū);只有用光盤啟動(dòng)或安裝啟動(dòng)軟盤啟動(dòng)XP安裝程序,才能在安裝過程中提供格式化分區(qū)選項(xiàng)；如果用MS-DOS啟動(dòng)盤啟動(dòng)進(jìn)入DOS下,運(yùn)行i386\winnt進(jìn)行安裝XP時(shí),安裝XP時(shí)沒有格式化分區(qū)選項(xiàng)。格式化C分區(qū)完成后,出現(xiàn)下圖8所示

被過濾廣告

查看原圖

圖8中開始復(fù)制文件,文件復(fù)制完后，安裝程序開始初始化Windows配置。然后系統(tǒng)將會(huì)自動(dòng)在15秒后重新啟動(dòng)。重新啟動(dòng)后,出現(xiàn)下圖9所示

HYPERLINK

查看原圖

9

查看原圖

過5分鐘后，當(dāng)提示還需33分鐘時(shí)將出現(xiàn)如下圖10

HYPERLINK

查看原圖

區(qū)域和語言設(shè)置選用默認(rèn)值就可以了，直接點(diǎn)“下一步”按鈕，出現(xiàn)如下圖11

查看原圖

這里輸入你想好的姓名和單位，這里的姓名是你以后注冊(cè)的用戶名，點(diǎn)“下一步”按鈕，出現(xiàn)如下圖12

HYPERLINK

查看原圖

如果你沒有預(yù)先記下產(chǎn)品密鑰（安裝序列號(hào)）就大件事啦！這里輸入安裝序列號(hào)，點(diǎn)“下一步”按鈕，出現(xiàn)如下圖13

HYPERLINK

查看原圖

安裝程序自動(dòng)為你創(chuàng)建又長(zhǎng)又難看的計(jì)算機(jī)名稱,自己可任意更改，輸入兩次系統(tǒng)管理員密碼，請(qǐng)記住這個(gè)密碼，Administrator系統(tǒng)管理員在系統(tǒng)中具有最高權(quán)限，平時(shí)登陸系統(tǒng)不需要這個(gè)帳號(hào)。接著點(diǎn)“下一步”出現(xiàn)如下圖14

查看原圖

日期和時(shí)間設(shè)置不用講,選北京時(shí)間，點(diǎn)“下一步”出現(xiàn)如下圖15

HYPERLINK

查看原圖

開始安裝,復(fù)制系統(tǒng)文件、安裝網(wǎng)絡(luò)系統(tǒng)，很快出現(xiàn)如下圖16

查看原圖

讓你選擇網(wǎng)絡(luò)安裝所用的方式，選典型設(shè)置點(diǎn)“下一步”出現(xiàn)如下圖17

HYPERLINK

查看原圖

點(diǎn)“下一步”出現(xiàn)如下圖18

HYPERLINK

查看原圖

繼續(xù)安裝，到這里后就不用你參與了，安裝程序會(huì)自動(dòng)完成全過程。安裝完成后自動(dòng)重新啟動(dòng)，出現(xiàn)啟動(dòng)畫面，如下圖19

HYPERLINK

查看原圖

第一次啟動(dòng)需要較長(zhǎng)時(shí)間，請(qǐng)耐心等候，接下來是歡迎使用畫面，提示設(shè)置系統(tǒng)，如下圖20

查看原圖

點(diǎn)擊右下角的“下一步”按鈕，出現(xiàn)設(shè)置上網(wǎng)連接畫面，如下圖21所示

HYPERLINK

查看原圖

點(diǎn)擊右下角的“下一步”按鈕，出現(xiàn)設(shè)置上網(wǎng)連接畫面，如下圖21所示

查看原圖

這里建立的寬帶撥號(hào)連接,不會(huì)在桌面上建立撥號(hào)連接快捷方式,且默認(rèn)的撥號(hào)連接名稱為“我的ISP”(自定義除外);進(jìn)入桌面后通過連接向?qū)Ы⒌膶拵芴?hào)連接,在桌面上會(huì)建立撥號(hào)連接快捷方式,且默認(rèn)的撥號(hào)連接名稱為“寬帶連接”(自定義除外)。如果你不想在這里建立寬帶撥號(hào)連接,請(qǐng)點(diǎn)擊“跳過”按鈕。

在這里我先創(chuàng)建一個(gè)寬帶連接,選第一項(xiàng)“數(shù)字用戶線(ADSL)或電纜調(diào)制解調(diào)器”,點(diǎn)擊“下一步”按鈕，如下圖22所示

HYPERLINK

查看原圖

目前使用的電信或聯(lián)通(ADSL)住宅用戶都有帳號(hào)和密碼的,所以我選“是,我使用用戶名和密碼連接”,點(diǎn)擊“下一步”按鈕，如下圖23所示

查看原圖

輸入電信或聯(lián)通提供的帳號(hào)和密碼,在“你的ISP的服務(wù)名”處輸入你喜歡的名稱,該名稱作為撥號(hào)連接快捷菜單的名稱,如果留空系統(tǒng)會(huì)自動(dòng)創(chuàng)建名為“我的ISP”作為該連接的名稱,點(diǎn)擊“下一步”按鈕，如下圖24所示

查看原圖

已經(jīng)建立了撥號(hào)連接,微軟當(dāng)然想你現(xiàn)在就激活XP啦,不過即使不激活也有30天的試用期,又何必急呢?選擇“否,請(qǐng)等候幾天提醒我”,點(diǎn)擊“下一步”按鈕，如下圖25所示

HYPERLINK

查看原圖

輸入一個(gè)你平時(shí)用來登陸計(jì)算機(jī)的用戶名，點(diǎn)下一步出現(xiàn)如下圖26

HYPERLINK

查看原圖

點(diǎn)擊完成，就結(jié)束安裝。系統(tǒng)將注銷并重新以新用戶身份登陸。登陸桌面后如下圖27

HYPERLINK

查看原圖

六、找回常見的圖標(biāo)

在桌面上點(diǎn)開始-->連接到-->寬帶連接，如下圖32

查看原圖

左鍵點(diǎn)“寬帶連接”不放手，將其拖到桌面空白處,可見到桌面上多了一個(gè)“寬帶連接”快捷方式。結(jié)果如下圖33

HYPERLINK

查看原圖

然后，右鍵在桌面空白處點(diǎn)擊，在彈出的菜單中選“屬性”，即打開顯示“屬性窗口”如下圖34

查看原圖

在圖中單擊“桌面”選項(xiàng)卡，出現(xiàn)如下圖35

HYPERLINK

查看原圖

在圖中的左下部點(diǎn)擊“自定義桌面”按鈕，出現(xiàn)如下圖36

查看原圖

在圖中的上部，將“我的文檔”、“我的電腦”、“網(wǎng)上鄰居”和“InternetExplorer”四個(gè)項(xiàng)目前面的空格上打鉤，然后點(diǎn)“確定”，再“確定”，你將會(huì)看到桌面上多了你想要的圖標(biāo)。如下圖37

鍵盤上每個(gè)鍵作用!!!

F1幫助

F2改名

F3搜索

F4地址

F5刷新

F6切換

F10菜單

CTRL+A全選

CTRL+C復(fù)制

CTRL+X剪切

CTRL+V粘貼

CTRL+Z撤消

CTRL+O打開

SHIFT+DELETE永久刪除

DELETE刪除

ALT+ENTER屬性

ALT+F4關(guān)閉

CTRL+F4關(guān)閉

ALT+TAB切換

ALT+ESC切換

ALT+空格鍵窗口菜單

CTRL+ESC開始菜單

拖動(dòng)某一項(xiàng)時(shí)按CTRL復(fù)制所選項(xiàng)目

拖動(dòng)某一項(xiàng)時(shí)按CTRL+SHIFT創(chuàng)建快捷方式

將光盤插入到CD-ROM驅(qū)動(dòng)器時(shí)按SHIFT鍵阻止光盤自動(dòng)播放

Ctrl+1,2,3...切換到從左邊數(shù)起第1,2,3...個(gè)標(biāo)簽

Ctrl+A全部選中當(dāng)前頁面內(nèi)容

Ctrl+C復(fù)制當(dāng)前選中內(nèi)容

Ctrl+D打開“添加收藏”面版(把當(dāng)前頁面添加到收藏夾中)

Ctrl+E打開或關(guān)閉“搜索”側(cè)邊欄(各種搜索引擎可選)

Ctrl+F打開“查找”面版

Ctrl+G打開或關(guān)閉“簡(jiǎn)易收集”面板

Ctrl+H打開“歷史”側(cè)邊欄

Ctrl+I打開“收藏夾”側(cè)邊欄/另:將所有垂直平鋪或水平平鋪或?qū)盈B的窗口恢復(fù)

Ctrl+K關(guān)閉除當(dāng)前和鎖定標(biāo)簽外的所有標(biāo)簽

Ctrl+L打開“打開”面版(可以在當(dāng)前頁面打開Iternet地址或其他文件...)

Ctrl+N新建一個(gè)空白窗口(可更改,Maxthon選項(xiàng)→標(biāo)簽→新建)

Ctrl+O打開“打開”面版(可以在當(dāng)前頁面打開Iternet地址或其他文件...)

Ctrl+P打開“打印”面板(可以打印網(wǎng)頁,圖片什么的...)

Ctrl+Q打開“添加到過濾列表”面板(將當(dāng)前頁面地址發(fā)送到過濾列表)

Ctrl+R刷新當(dāng)前頁面

Ctrl+S打開“保存網(wǎng)頁”面板(可以將當(dāng)前頁面所有內(nèi)容保存下來)

Ctrl+T垂直平鋪所有窗口

Ctrl+V粘貼當(dāng)前剪貼板內(nèi)的內(nèi)容

Ctrl+W關(guān)閉當(dāng)前標(biāo)簽(窗口)

Ctrl+X剪切當(dāng)前選中內(nèi)容(一般只用于文本操作)

Ctrl+Y重做剛才動(dòng)作(一般只用于文本操作)

Ctrl+Z撤消剛才動(dòng)作(一般只用于文本操作)

Ctrl+F4關(guān)閉當(dāng)前標(biāo)簽(窗口)

Ctrl+F5刷新當(dāng)前頁面

Ctrl+F6按頁面打開的先后時(shí)間順序向前切換標(biāo)簽(窗口)

Ctrl+F11隱藏或顯示菜單欄

Ctrl+Tab以小菜單方式向下切換標(biāo)簽(窗口)

Ctrl+Enter域名自動(dòng)完成[url=].**.com[/url](內(nèi)容可更改,Maxthon選項(xiàng)→地址欄→常規(guī))/另:當(dāng)輸入焦點(diǎn)在搜索欄中時(shí),為高亮關(guān)鍵字

Ctrl+拖曳保存該鏈接的地址或已選中的文本或指定的圖片到一個(gè)文件夾中(保存目錄可更改,Maxthon選項(xiàng)→保存)

Ctrl+小鍵盤'+'當(dāng)前頁面放大20%

Ctrl+小鍵盤'-'當(dāng)前頁面縮小20%

Ctrl+小鍵盤'*'恢復(fù)當(dāng)前頁面的縮放為原始大小

Ctrl+Alt+S自動(dòng)保存當(dāng)前頁面所有內(nèi)容到指定文件夾(保存路徑可更改,Maxthon選項(xiàng)→保存)

Ctrl+Shift+小鍵盤'+'所有頁面放大20%

Ctrl+Shift+小鍵盤'-'所有頁面縮小20%

Ctrl+Shift+F輸入焦點(diǎn)移到搜索欄

Ctrl+Shift+G關(guān)閉“簡(jiǎn)易收集”面板

Ctrl+Shift+H打開并激活到你設(shè)置的主頁

Ctrl+Shift+N在新窗口中打開剪貼板中的地址,如果剪貼板中為文字,則調(diào)用搜索引擎搜索該文字(搜索引擎可選擇,Maxthon選項(xiàng)→搜索)

Ctrl+Shift+S打開“保存網(wǎng)頁”面板(可以將當(dāng)前頁面所有內(nèi)容保存下來,等同于Ctrl+S)

Ctrl+Shift+W關(guān)閉除鎖定標(biāo)簽外的全部標(biāo)簽(窗口)

Ctrl+Shift+F6按頁面打開的先后時(shí)間順序向后切換標(biāo)簽(窗口)

Ctrl+Shift+Tab以小菜單方式向上切換標(biāo)簽(窗口)

Ctrl+Shift+Enter域名自動(dòng)完成

Alt+1保存當(dāng)前表單

Alt+2保存為通用表單

Alt+A展開收藏夾列表

資源管理器

END顯示當(dāng)前窗口的底端

HOME顯示當(dāng)前窗口的頂端

NUMLOCK+數(shù)字鍵盤的減號(hào)(-)折疊所選的文件夾

NUMLOCK+數(shù)字鍵盤的加號(hào)(+)顯示所選文件夾的內(nèi)容

NUMLOCK+數(shù)字鍵盤的星號(hào)(*)顯示所選文件夾的所有子文件夾

向左鍵當(dāng)前所選項(xiàng)處于展開狀態(tài)時(shí)折疊該項(xiàng)，或選定其父文件夾

向右鍵當(dāng)前所選項(xiàng)處于折疊狀態(tài)時(shí)展開該項(xiàng)，或選定第一個(gè)子文件夾

自然鍵盤

【窗口】顯示或隱藏“開始”菜單

【窗口】+F1幫助

【