hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)要點(diǎn)

1、畢業(yè)設(shè)計(jì)（論文）論文題目：hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)系另1：計(jì)算機(jī)與信息技術(shù)系專業(yè)班級(jí)：14計(jì)算機(jī)信息管理學(xué)生姓名:指導(dǎo)教師:二。一七年五月十九日目錄摘要 1引 言 21 hope 網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)概述 2.1.1 研究的內(nèi)容與背景 2.1.2 hope 網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的開發(fā)環(huán)境簡介 3.1.3 開發(fā)環(huán)境介紹 3.2 hope 網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的設(shè)計(jì)分析 4.2.1 hope 網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的設(shè)計(jì)規(guī)劃 4.2.2 hope 網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的設(shè)計(jì) 5.3 hope 網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)詳細(xì)設(shè)計(jì) 1.03.1 前臺(tái)頁面設(shè)計(jì) 后臺(tái)頁面設(shè)計(jì) 網(wǎng)站維護(hù) 2.2.結(jié)束語 2.3.參考文獻(xiàn)

2、 2.4.致 謝 2.5.ihope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)【摘 要】隨著In ternet的廣泛應(yīng)用，各種網(wǎng)絡(luò)交流互動(dòng)工具也應(yīng)用而生。其中以論壇、 博客、社區(qū)、空間最為受廣大網(wǎng)民的歡迎，也是目前為止發(fā)展的比較成熟的信息交流工具。 在網(wǎng)絡(luò)技術(shù)逐漸滲入的今天，傳統(tǒng)的交流方式也面臨著變革，每個(gè)人都有機(jī)會(huì)在互聯(lián)網(wǎng)上 發(fā)出自己的聲音，展現(xiàn)自己的風(fēng)采?！安莞币炎鳛橐环N文化得以傳播，它所展現(xiàn)的正是 這個(gè)時(shí)代的特色，自由和自我的表達(dá)。因此建設(shè)個(gè)人博客的需求興起也是理所當(dāng)然的，個(gè) 人博客網(wǎng)站建設(shè)受到主機(jī)性能和技術(shù)復(fù)雜度的限制，對(duì)網(wǎng)站后臺(tái)管理也是一系列繁瑣的操 作。而WordPress正是這些問題的解決方式之一，它擁有

3、強(qiáng)大的后臺(tái)管理系統(tǒng)，豐富的模 板和擴(kuò)展性強(qiáng)大的自定義能力。 WordPress是一個(gè)注重美學(xué)、易用性和網(wǎng)絡(luò)標(biāo)準(zhǔn)的個(gè)人信 息發(fā)布平臺(tái)。WordPress雖為免費(fèi)的開源軟件，但其價(jià)值無法用金錢來衡量。WordPress的圖形設(shè)計(jì)在性能上易于操作、易于瀏覽；在外觀上優(yōu)雅大方。使用WordPress，對(duì)于開發(fā)者而言，最大的好處是不管遇到什么問題，都很容易在百度和谷歌上找到解決的辦法， 其流行程度使得各個(gè)使用者在交流上非常方便?！?0】綜上所述，WordPress是一種使用PHP語言開發(fā)的博客平臺(tái)，用戶可以在支持 PHP和 MySQL數(shù)據(jù)庫的服務(wù)器WampServe止架設(shè)自己的網(wǎng)站。搭建 WordPre

4、ss站點(diǎn)，僅要求一個(gè)能夠運(yùn)行PHP語言的主機(jī)空間和一個(gè) MySQ數(shù)據(jù)庫。博客基于 WordPress的平臺(tái)，禾 用WampServer為強(qiáng)大后臺(tái)環(huán)境，建造了一個(gè)對(duì)搜索引擎友好、方便管理員對(duì)博文的管理、 發(fā)布和內(nèi)容的更新?！?】【關(guān)鍵詞】個(gè)人博客 WordPress WampServer PHP8引言隨著計(jì)算機(jī)的廣泛應(yīng)用，人們已經(jīng)對(duì)網(wǎng)絡(luò)不再感到陌生。在科技飛速發(fā)展的今天，互 聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè) 方面發(fā)揮著重要的作用。人們在網(wǎng)上不僅可以進(jìn)行網(wǎng)上購物，網(wǎng)上交友，電子商務(wù)，網(wǎng)絡(luò) 營銷等，還可在網(wǎng)上記載對(duì)自己日常事務(wù)的記錄，發(fā)表有關(guān)個(gè)人構(gòu)思，日

5、記，或者詩歌， 散文，小說，獲對(duì)時(shí)事新聞、國家大事的個(gè)人看法等等。【5】本論文設(shè)計(jì)的網(wǎng)站是基于WordPress開發(fā)的，博客改變了網(wǎng)站建設(shè)的傳統(tǒng)概念與方式使得網(wǎng)站開發(fā)更加方便快捷， 也變得更加智能化與人性化。將人們的時(shí)間更多的運(yùn)用于網(wǎng)站內(nèi)容的設(shè)計(jì)上，在這個(gè)平臺(tái) 里，有著一個(gè)關(guān)于希望的故事，有著希望的世界?！?】1 hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)概述1.1研究的內(nèi)容與背景進(jìn)入二十一世紀(jì)，以In ternet 為核心的現(xiàn)代網(wǎng)絡(luò)積水和通信技術(shù)已經(jīng)得到了飛速的 發(fā)展和廣泛的應(yīng)用，各種網(wǎng)絡(luò)交流互動(dòng)工具也應(yīng)用而生。其中以論壇、博客、社區(qū)、空間 最為受廣大網(wǎng)民的歡迎，也是目前為止發(fā)展的比較成熟的信息交流工具。在網(wǎng)絡(luò)

6、技術(shù)逐漸 滲入的今天，傳統(tǒng)的交流方式也面臨著變革，而網(wǎng)絡(luò)博客則是一個(gè)很重要的方向。隨著網(wǎng) 絡(luò)技術(shù)的日漸成熟，互聯(lián)網(wǎng)已成為日常生活及工作中必不可少的工具，網(wǎng)絡(luò)博客在近幾年 更是成為了各類網(wǎng)民不可或缺的展示自我表現(xiàn)自我的強(qiáng)大工具，其強(qiáng)大的功能良好的互動(dòng) 性在很大的程度上滿足了廣大網(wǎng)民的需求。在我國，已經(jīng)有十幾萬個(gè)博客網(wǎng)站，博客數(shù)量 達(dá)到100多萬個(gè)，并且呈現(xiàn)40%勺年增長進(jìn)度。不知從何時(shí)起，建博客、寫博客成為了眾 多網(wǎng)民網(wǎng)絡(luò)生活的重要組成部分，與網(wǎng)絡(luò)聊天成了并駕齊驅(qū)的熱點(diǎn)，共同成為網(wǎng)民上網(wǎng)最 關(guān)心的事情。因此，如何快速高效地為客戶構(gòu)建一個(gè)能滿足其不同需求的博客系統(tǒng)，成為 了當(dāng)前應(yīng)深入研究的課題?！?/p>

7、9】“博客”是blog （WebLog的縮寫）的中文譯名，又譯為網(wǎng)絡(luò)日志、部落或部落閣等， 目前對(duì)于博客并沒有明確、統(tǒng)一的定義。大致來說，博客是網(wǎng)絡(luò)上的流水記錄形式，是一 個(gè)通過互聯(lián)網(wǎng)傳播的容易創(chuàng)建的網(wǎng)頁，是一種通常由個(gè)人管理、不定期張貼新的文章的網(wǎng) 站。博客它經(jīng)常是由簡短且經(jīng)常更新的帖子構(gòu)成。它的內(nèi)容有的是純粹滿足個(gè)人的需要所 做的對(duì)自己日常事務(wù)的記錄以及個(gè)人感悟、心情等等，就像是通常所寫的日記。博客可以 發(fā)表有關(guān)個(gè)人構(gòu)思，日記，或者詩歌，散文，小說等等。亦可以是自己個(gè)人的想法和心得， 包括對(duì)時(shí)事新聞、國家大事的個(gè)人看法?！?】此次制作的“ hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)”課題使用的軟件是 Word

8、Press。WordPress是一 種使用支持PHP語言和MySQ數(shù)據(jù)庫一一WampServe開發(fā)的開源、免費(fèi)的博客引擎，在本次研究中要求實(shí)現(xiàn)其基本功能包括：具有日志、留言、簡介這些常用功能，并且可以對(duì)它 們實(shí)施管理，如網(wǎng)站設(shè)置管理、文章管理、相冊管理、更改管理密碼和個(gè)人簡介等功能。1.2 hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的開發(fā)環(huán)境簡介 WordPress簡介WordPress是一種使用PHP語言開發(fā)的博客平臺(tái)，用戶可以在支持 PHP和MySQ數(shù)據(jù) 庫的服務(wù)器上架設(shè)屬于自己的網(wǎng)站。也可以把 WordPress當(dāng)作一個(gè)內(nèi)容管理系統(tǒng)(CMS來 使用。是一個(gè)功能非常強(qiáng)大的博客系統(tǒng)，插件眾多，易于擴(kuò)充功能。安裝

9、和使用都非常方搭建平臺(tái)。weblog它更能把OrdPress便。目前WordPress已經(jīng)成為主流的Blog程序。目前開發(fā)的程序大多都是根據(jù)它仿造的。WordPress可以說是世界上目前最先進(jìn)的握搜索引擎，在你使用 WordPress并掌握幾種插件后，對(duì)于優(yōu)化將不用過多的操心，它 會(huì)為你想的更多。其有許多第三方開發(fā)的免費(fèi)模板，安裝方式簡單易用。不過要做一個(gè)自己的模板，則需要你有一定的專業(yè)知識(shí)。比如至少要懂的HTML弋碼、CSS PHP等相關(guān)知識(shí)。(2) WordPress功 能優(yōu)缺點(diǎn)優(yōu)點(diǎn)：a. WordPress功能強(qiáng)大、擴(kuò)展性強(qiáng)，這主要得益于其插件眾多，易于擴(kuò)充功能，基 本上一個(gè)完整網(wǎng)站該有

10、的功能，通過其第三方插件都能實(shí)現(xiàn)所有功能；b. wordpress搭建的博客對(duì)seo搜索引擎友好，收錄也快，排名靠前；c. 適合DIY,可以制作成自己想要的博客網(wǎng)站；d. 模板主題眾多，有新的wordpress模板主題被制作完成并免費(fèi)提供下載，各色各 樣，應(yīng)有盡有；e. 跨平臺(tái)性、兼容性好，且支持多國語言。缺點(diǎn)：a. wordpress源碼系統(tǒng)初始內(nèi)容基本只是一個(gè)框架，需要時(shí)間自己搭建；b. 插件雖多，但是不能安裝太多插件，否則會(huì)拖累網(wǎng)站速度和降低用戶體驗(yàn)；c .服務(wù)器空間選擇自由較??；d. wordpress備份和網(wǎng)站轉(zhuǎn)移比較繁瑣，需要涉及到數(shù)據(jù)庫；e. 靜態(tài)化較差，確切地說是真正靜態(tài)化做得

11、不好，如果要想對(duì)整個(gè)網(wǎng)站生成真正靜 態(tài)化頁面，需要借助插件?！?】1.3 開發(fā)環(huán)境介紹hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)采用的開發(fā)環(huán)境是PHR MySQL及Apache為一體的軟件WampServer它一款由法國人開發(fā)的 ApacheWet®務(wù)器、5S>SXX<S& rw rm at'曲kMn嘶農(nóng)駄等tnPHP解釋器以及MySQ數(shù)據(jù)庫的整合軟件包。免去了開 發(fā)人員將時(shí)間花費(fèi)在繁瑣的配置環(huán)境過程，從而騰出更 多精力去做開發(fā)。在windows下將Apache+PHP+Mysq集 成環(huán)境，擁有簡單的圖形和菜單安裝和配置環(huán)境。PHP擴(kuò)展、Apache模塊，開啟/關(guān)閉鼠標(biāo)點(diǎn)點(diǎn)就

12、搞定，再也 不用親自去修改配置文件了， WAM它會(huì)去做。再也不用到處詢問php的安裝問題了，wampserver一切都搞定了。這個(gè)軟件是完全免費(fèi)的，可以在其官方網(wǎng)站下載到最新的版本。本文中使用的版本是WampServer2.0，其中包括ApacheVersion 2.2.10，PHP Version 5.2.7 ，MySQL Version 5.1.30?！?】2 hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的設(shè)計(jì)分析2.1 hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的設(shè)計(jì)規(guī)劃(1) 主要功能分析hope網(wǎng)站主要功能包括：管理員需通過賬號(hào)密碼的驗(yàn)證方可進(jìn)入后臺(tái)管理。管理員在 后臺(tái)對(duì)文章的添加、刪除、修改、刪除和評(píng)論的刪除等操作。在前臺(tái)

13、首頁用戶可以原則自 己感興趣的文章進(jìn)行閱讀、聽音樂、看視頻、瀏覽相冊和進(jìn)行評(píng)論。hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)包括五種操作用戶：管理員、編輯、作者、投稿者和訂閱者。管理員：管理員用戶在前臺(tái)頁面通過驗(yàn)證后，可以直接登錄到后臺(tái)，對(duì)文章管理、評(píng) 論管理、用戶管理、站點(diǎn)管理及主題模塊設(shè)置等功能進(jìn)行操作。編輯：可管理用戶，上傳文件，修改個(gè)人資料，安裝插件，編輯、刪除、發(fā)布、管理 文章及閱讀。作者：可上傳文件，修改個(gè)人資料，編輯、刪除、發(fā)布文章及閱讀。投稿者：可修改個(gè)人資料，編輯、刪除文章及閱讀。訂閱者：可修改個(gè)人資料及閱讀。(2) 功能描述，如圖2-1所示：修改個(gè)人資料、閱讀用戶管理、文章管理、評(píng)論管理、站點(diǎn)管

14、理、主題模塊 設(shè)置、分類管理管理用戶、上傳文件、修改個(gè)人資料、安裝插件、文章 管理、閱讀上傳文件、修改個(gè)人資料、文章管理、閱讀修改個(gè)人資料、文章管理、閱讀圖2-1功能描述2.2 hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)的設(shè)計(jì)本模塊采用了 MySQ數(shù)據(jù)庫，其中表在phpMyAdmin中可查到（db_hope），共11張表,分別為 wp_users、wp_usermeta、wp_term_tax onomy、wp_term_relati on ships 、wp_terms、wp_posts、wp_postmeta、wp_options、wp_links、wp_comments wp_commentmeta(1)表

15、wp_users的結(jié)構(gòu)圖：表2-1 wp_users 的結(jié)構(gòu)s嘶: localhast 卜般 敦將也：db.hope 卜圄表：ipusers輕西斛5職L £繰秦駄鷹戟園血皿號(hào)鏈1辭帛臨lullIDhigint 創(chuàng))否8wto_LncrenentuserlDfirL7aichu 血)否utfi_Eeneral_c;1=1user_nicenaieTaichaiCBD)utfs_gfrie31_ciguiser.eiailwidiflztlWOitfE_general_ci否userurlvaictur (1M9it£5_gEneral_ci不 Auser.recistered

16、dstetiu刑1=10000-(1-00 皿;00; 00user.activation_keyvazdiaz (000atfB_rieral_c;不 口user_status訕11)否0d)i5play_Jiiaieitf5_genersl_CL不 Rffi丿XES 3/ XE0胡/ XES團(tuán)/ XES Ey XE岡胡丿XEE0胡丿XEEHE(2)表wp_usermeta的結(jié)構(gòu)圖：表 2-2 wp usermeta 的結(jié)構(gòu)g s»a： locaihcst P Sttf： db-hope 卜凰秦:Tp.usenetaIM gS*SSQL y'S®彌入斶駛El>

17、;port縊作陰空匱鵬報(bào)$2S9離lullSU酬uieta_idbigint(20)mm口auto_in£reiient 靂4 yXJ冊Tuser_idbW(!0)ineran1yX1 s屈ieta_keyvarchar(255)utfB_general_ci5 疋X111 B 5Met a valuelongtestutfEjemcalciB 疋yX(3)表 wp_term_taxonomy 的結(jié)構(gòu)圖:表 2-3 wp_term_taxonomy 的結(jié)構(gòu)slDCdhort P g MS： db_hope 卜園盍；ip_tca_taBonoiy輔 鯉 gg 遜 巡 憎IPM緩繇 關(guān)空

18、|jg報(bào)蜒is 離iuii au 酬辭1erB_taionoiy_idbint(20)BKIGMED SautoJhCLenent |i / x Ii sst&ni_idbigiirt (20)IIKIGUED 否 0gMX!a冊taxonoiyvuchu(32)utf8_neral_ci口|h2 X ?a岡sdescriptionlonftE 玳irt8_jeneral.ci不p口2X2«岡parent血訕(20)SIGHED 否 Q/ X ® 0 Icountbicint(20)香0園AX1(4)表 wp_term_relati on ships的結(jié)構(gòu)圖：表 2

19、-4 wp_term_relati on ships的結(jié)構(gòu)int(ll)曲僵務(wù)器；localhost 卜曲數(shù)需屈 dbhope 卜園憲；ip_terB_relationships 觀覽辭構(gòu)般QL座彌入艱出歐阿t她備空呦除翹整理lullKUiffQobject_idbijint(20)UNSIGNED不 口0I / X 1S E SQten_tMonoiy_idbigint(20)U1CTD不 口E / X Hi S iter»_ordert 巍/細(xì)褪逢幀® X ® s s(5)表wp_terms的結(jié)構(gòu)圖：表2-5 wp_terms 的結(jié)構(gòu)回臨:血M | E撫:血血

20、咋茁IJ.tHE金木口去isFl es- 笫旳t石哭、” T56r Q in riii10他Q Qdbjnpi (111P聯(lián)飆堂迪制諭n熾詫醴 鋼塑 II應(yīng)耐乩駢 辭t 吐 1$ ii;uit(!()KM 舌瞰血trt | / H E 腦me 卅馳Mi 審/nosL 3埠 rttM utfSjHierdti gI / X I O S近卩唧訕訓(xùn)IH / X M E腫(6)表wp_posts的結(jié)構(gòu)圖：表2-6 wp_posts 的結(jié)構(gòu)因再務(wù)暑：localhast卜廖數(shù)據(jù)庫：db_hape卜國耒：tpjbsIs睡砂課SQL 鮭jc播入贋出即啊t綁隹n鴕賓£SIttNullIDbiput (

21、2C)imSMED不 口pofft_anih(rbipirtC3Q)UKSIOT否pasdtdat-edatEtiie匚0000-00-00 00:00:00dit«tiMP0000-00-00 00:00:00pos：t_contentlorigtestutf8_gene:al_ci箱&pofft_title7EEtutf8_gi&nEt:al_ci不pofft_eicerpttestutf8_genEtEl_c:i不 i=hpot.tatosVIE char (20)utf&.(enetal_:ipublishcmnrt.rtatuvatchaE(2Q)u

22、tf8_geritril_:i白o(hù)psttpin_statusvarchat t20)utf8_igenetal_ci否openpost_passiordlvarchar (20)utf8_gianEr：£l_ci口post_naABvarchst QUO)utf8_ganeral_ci匚to.pii?tKEtutfS_(meti_:iPpincedtatutf8_gen&ral_ci曰post_Mdifi&dldatEtiiLS口1000-00-00 00:00:00pofft_iodified_gatdatEtiie不 口J000-00-00 00:00:00po

23、stcontent_filteredLnt«:tutf0_(enftal_:ipoitpireirtbi(int(2fljUlfSM0juidvacchac (255)utf8_genetal_ci不 口ienu_orderint(ll)不 口posttyp>Bvarchac(20)irtf8_eeriBtal_ci否postpart_iiM_trptvac third JO)utfS.gnittil :icoueDt_countbigint(2()p0A、* r A n-r* 仏亠hnsa.a. ”rmnsmrn-趣外auto_incremerrt 這，” X 曼犧非肓3I.

24、I31=亍菱T V FI同E(7)表wp_postmeta的結(jié)構(gòu)圖：表 2-7 wp_postmeta 的結(jié)構(gòu)側(cè) localhrt曲新雕：db_hope > 凰咅：lpjortuta朝攬舀輔那QL J飜禪入騎！t鼬卩啰上斛嗣空囲鵰報(bào) 翹 O 蹤Hull劇 酬BQbigint(20)IMSIGMEB 否 auto.increneirt § / X ® 0 H S0post.idbi?irrt(20)否D| / X 0 S tQidi_keyvarcharQSSIutf3.enfiral_ci 1ffll1 / XH B S Sidajalue longtest utfS

25、.general.ci I m/ X S i S S(8)表wp_options的結(jié)構(gòu)圖：表 2-8 wp_options 的結(jié)構(gòu)也 |$3： localhost | Ittl： fthope | J : .options旨帥觀L牒稱入矍gliport » JIJ |MKautoloaivarchar 20) utf8jeneral_ciS yes(9)表wp_links的結(jié)構(gòu)圖：表2-9 wp_links 的結(jié)構(gòu)37謝赭:licaJJwst 卜 g db.hope » 醫(yī)姜：¥p_linis圍輔&SQL gg獅入艇卸聊rt綁弁晅報(bào)翅£SKttl

26、ullliii.idbiEiirt (20)ITEIOT)口3iitQ_increiijent1yX聲1Qlink_urlutfS_ge：31_cisX圃1Qlinhnaiei;就ch址i25前utf8_general_ci平 曰園X間1Qluik_iiRaEe腳:chai E 5 5)utf8_geetal_ci不 口1Xn 1：.：吐岀泣仍)utfS_gentt81_cilinhjarjet曰lini_ descript ion 版 ch址也 55 utf8_jeneral_cilink_visibh0linhomerbi制也。）11EIOT1園X1vacchai(21) utfS_gee

27、：31_ciT不0X1豹EX1倒0X1 81囲園tlui_ ratinglin.ijpdat dlink reliirt(Ll):atetme0000-0(1-00 00:00:00link noteslink_rssvarchar(255) utf8_jeneral_ci idiuntezt utf8_gener31_ci varchai|255) utf8_general_ci(10)表 wp_comments的結(jié)構(gòu)圖:表 2-10 wp_comments 的結(jié)構(gòu)觀覽緲» JSt彌入®Iiport 發(fā)歸 Jli徐翹Sull8Ucawient IB伽）WEIGMHcai&

28、#187;ent_p05t_IDbL|int(2D)曰0conent .authortJTter:utf8_?eneraL_ci.Qcouent_auth(ir_eiailsarchaiUOD)utf8_jeineraL_ci口Qcanent_auth(ir_tirlwcharWiitf8_?erieral_ci.口岀 182： locilhnrt 卜齣 ME： db_hope g £ : vp_couentsairto_iric:a.ent(11 )表 wp_commentmeta的結(jié)構(gòu)圖：表 2-11 wp_commentmeta 的結(jié)構(gòu)M SIS： localhost I $0

29、： dbjuipe 吃宗：rp.couentietajjj旨舗甘臉過踽it卽阿獅建鏗 報(bào) 翹 翹 嗣lull U 翻|誹誠.id bi(int QO)ISSIGIED 否 artojncreietrt 1 / X ® IS 0 SCQHent_id bijint (20) . KIG® 否 DE / X 1 IS SQ uta_key wchar(255) ntfSjensralji是曲H / X 8 IS 0 Sieta_value lonjtestutf8jeneral_ci® MH/XH 尬私 f3 hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)詳細(xì)設(shè)計(jì)3.1 前臺(tái)頁面設(shè)計(jì)近期文章

30、、近期評(píng)論、RSS標(biāo)簽云、hope網(wǎng)站前臺(tái)結(jié)構(gòu)視圖如下所示:hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)前臺(tái)首頁由主掛件區(qū)、從掛件區(qū)兩個(gè)區(qū)組成，主掛件區(qū)由搜索 文章歸檔、分類目錄、功能等模塊組成；從掛件區(qū)由日歷、頁面、 自定義菜單等模塊組成，其共同構(gòu)成多個(gè)網(wǎng)頁。首頁主掛件區(qū)搜近近文分功索期期早類匕匕 厶冃文評(píng)歸目早論檔錄從掛件區(qū)日 歷頁 面RSS標(biāo) 簽 云自疋 義 菜 單圖3-1 hope網(wǎng)站首頁結(jié)構(gòu)視圖3.1.1 導(dǎo)航欄在整個(gè)頁面中，導(dǎo)航欄將一直處于瀏覽器最上方，整個(gè)導(dǎo)航欄分兩個(gè)部分，左側(cè)是自 定義的重要或常用欄目，右側(cè)為用戶的登錄情況及搜索，具體如下圖所示：圖3-2導(dǎo)航欄效果3.1.2首頁信息首頁主要界面如下圖

31、，左側(cè)是一個(gè)可切換的靜態(tài)頁面，右側(cè)是從掛件區(qū)，下方是主掛 件區(qū)。Hope世界和平© ft HOJW /自左丸 O 5 Q + 祁1剛顧西網(wǎng)站首頁界面希見一一*MMi葉題世TT#呼懺抱左SIHope the world ueacaaiijii 暮 aiirgr社界叩平和建?？誏a paijc du mondeiHaoeny unpaQue La psz en ei muncto屜Esp&ro que a imz no muncfo.tttH 審習(xí) <.H|jfe H-.WS itM ifttfrIt".近期疋章近彌逵上沖崔11在 !儷>霽天皓目己一亍遵里:

32、.- >文章歸檔caftSf - 'ia: - il* >廂盛壯迂哎.>圖3-4 hope網(wǎng)站首頁界面3.1.3 文章歸檔文章歸檔是按發(fā)表的文章時(shí)間來歸納，表現(xiàn)方式為年月，點(diǎn)擊時(shí)間后會(huì)顯示當(dāng)前這月發(fā)表的所有文章，點(diǎn)擊文章標(biāo)題，可查看完整文章。如下圖所示:世界和平 懺擔(dān)擂更月度歸檔:201705希望菲望有犬有小，WiffiWii.砰現(xiàn)冥有音望*甬景小最近' 看上壬很現(xiàn)實(shí)娜一定能 買現(xiàn).很多看上去謠不可理茁夢恩卻總展奇邊體的岀現(xiàn).二三H五A日12345&7S§10111213141516171819302122232425肪272&2ft

33、3011亦啤五月K 威匕.1AAH. <.Rt4-lL4 f +曲UiliM走日曽劭明日卄盤題扛但杲理在覺得壓力真的般丸:緊張曲主活、周酗環(huán)境、身迪的丸.不知道怎也的.總覺得疋遶不過 說鼠其實(shí)，暢稠生生最好歿覺得自己本I頭 屜向單曲人.也昱耳熾至知複浮詢了許實(shí)不面單住聲盲“纓咅敗的事*科）<1 *£匕為*4*-讖還桂有芽就封雜音尻啲填界.很拿車飯只有白己 剌靛.很多詒只能芒在山里貝屈世界祈此時(shí)此刊一繇斟職云儀的野外.坐住發(fā)TF：乍椅：圖3-5詳情效果圖3.2后臺(tái)頁面設(shè)計(jì)hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)后臺(tái)頁面為整個(gè)網(wǎng)站的核心部分，有文章管理、評(píng)論管理，多媒 體設(shè)置、用戶管理、站點(diǎn)設(shè)

34、置等等。hope網(wǎng)站后臺(tái)結(jié)構(gòu)視圖如下所示：文早多媒體 頁面外觀W1插件評(píng)論圖3-6 hope網(wǎng)站后臺(tái)結(jié)構(gòu)視圖所有文章寫文章編輯 分類目錄標(biāo)簽刪除3.2.1 登錄界面后臺(tái)登錄界面設(shè)計(jì)運(yùn)行效果如圖所示：用戶容cxy圖3-7后臺(tái)登錄界面3.2.2 后臺(tái)菜單hope網(wǎng)站后臺(tái)首頁如圖所示：圖3-8后臺(tái)控制面板3.2.3 文章管理(1) 所有文章：可編輯，快速編輯，刪除，查看文章.目M送4斗胡厶1*人.亠-亠0_.亠丄亠肛比亠1>“1|_|1_.“川亠.1_1.心木目 門範(fàn) TJ. T* 輕 曠1 "A C 1JWH圖3-9所有文章詳情(2) 寫文章:撰寫新的文章，發(fā)布新文章。o 畑n淨(jìng)T

35、f 菲帽叫K3Q b5*andpwWB 化*JI X 申 fffwcrdpBstflffiM 試 卓 IpcjiKrart / Aped ha it/r K HWWSW Hep* V. Jt+ Q - 3 xO 0 G httpMccalKKt/wcHiMpre哭播p-adniirvpQsLrKwphp*口疋君£車妄 SE 爭耳址擔(dān)養(yǎng) 蘆m"心Lrks * Sffin-JB :昨刪 嗪冠It a 2345 MflHm與尊暈督* 世支全M申世14站p疙軸* F (*!5»WCWiWBPMi?)L -凸口三撰寫新立章發(fā)布與文旱評(píng)論A 的MfiS章> ISB S&

36、#163;1¥存址IB壬E fi<套告幵事三呈開宜！04 BV?I 口 2f w 7 -?圖3-10撰寫新文章界面JI弒srt(3)添加分類目錄分類目錄桓軸類目耒159S心苴!硏5快閘冃費(fèi)3«申#.用曲M秣，它可URlEMjA通常便用4 號(hào)=!越含翔，舲縮翱(-1 *弊點(diǎn)漲目釉榨不® e可&轉(zhuǎn)蚊冬範(fàn)可賄-r# 樂書茫目錄，電逆沖目錄下可卻IIW臊IT和皆里齒孑目 錄歆肓Eh： £14-(4)對(duì)文章進(jìn)行形式、分類盟白g指冃興社詩蚩京旳每吐和 利罰*邂費(fèi)為啟總(1»五四運(yùn) 話話才出瑕，耳菖盤直具利 審噓4星醐精*社盤 詢歸一醍輛蘭豐砒

37、 的*襁確珊射1HS鹽 岳，且從社圭筈尺弔業(yè)肖主更ifi 求自桁的社會(huì)樂如*早吿酬苗 曲織主更A5A«iKS 民栽并舌幼，刑費(fèi)芯替翩0起予 于善硏I檢緬處躺"甌有的輕 斷螢曲tH于人，制期* 糾IL 嘔輸加期薛昱 從叢的一伸叼對(duì)晴劉爲(wèi)也牡的第 魅誑1對(duì)涉讓苣出凹工的立肚.丄打苴由，出圖3-11添加分目錄界面ccmmonw-ealKlucaron(5)添加標(biāo)簽r? t-n-jtse e 卞*6 b Qi口O. iniTOf圖3-12文章分類、形式圖3-13添加標(biāo)簽界面3.2.4 其他(1)評(píng)論的管理：網(wǎng)站的評(píng)論可以了解用戶需求、想法圖3-14評(píng)論管理界面(2)新建頁面圖3-1

38、5新建頁面(3)新用戶添加圖3-16添加新用戶(4)常規(guī)設(shè)置圖3-17常規(guī)設(shè)置(5)撰寫設(shè)置圖3-18撰寫設(shè)置(6)閱讀設(shè)置圖3-19閱讀設(shè)置(7)討論設(shè)置圖3-20討論設(shè)置(8)多媒體設(shè)置圖3-21多媒體設(shè)置(9)固定連接設(shè)置圖3-22固定連接設(shè)置(10)插件料審已古義骷件緞目全語片“J I未啟R1"耳電計(jì)把迓?lián)e惟”應(yīng)用播件馴時(shí)3述AKim世IUlt it Dlions,it quit pMSi&ly Ciht 訪t" Wy in Th# wOrl日 CC pifOUCI yOur lbldi£ friiffl LdmmMiE irid ErAkbArf

39、lk ipAiiL It kftp yOuf $iCt prSKl祁設(shè)矍 徉用 厲超 from spam Even hlle you sleep. To get scarted: 1) Click the 'Activate' link to the 賦t of this decrlpuan. 2 Sign up for an AWsmet API key, and 3 Go to yourAkilffWC “冊護(hù)闌” Hfr M口 Mvt your API k<yBo人前$常飢荷箱薦本mup直呑旺本耳惜或理在卄與*用 iKit HR的1擊特"它(t征:?!fS

40、tOLiL Arrriltrdn四中宇；你妊，我尉©也啟用雨，在您站點(diǎn)啟皆邯中頁曲的右上魚黒可取劉一勺爭 自匿樂創(chuàng)的朿文甌氐廿訶*|£ 師本 | Eh -i3t: v . Emweg創(chuàng)it | 否舀訂 THLI幷件師漪述孔期作由用攧目圖3-23已安裝插件(11)自定義XS1EE 自 4KHopeISOTwenty Thirteen更尹蟄直身悅>>吐林平壞起垢望Q世界和平邊廿年五月二三囚？5 A 日3.3 網(wǎng)站維護(hù)(1)網(wǎng)站安全維護(hù)隨著黑客的日益增長和一些入侵軟件昌盛，網(wǎng)站的安全遭到挑戰(zhàn)，像SQL注入、跨站腳本、文本上傳漏洞等等，網(wǎng)站安全維護(hù)則成了日益重視的模塊。

41、網(wǎng)站安全的隱患主要來 源于網(wǎng)站的漏洞存在，而世界上不存在沒有漏洞的網(wǎng)站，所以網(wǎng)站安全維護(hù)關(guān)鍵在于早發(fā) 現(xiàn)漏洞和及時(shí)修補(bǔ)漏洞。網(wǎng)上也有專門的網(wǎng)站漏洞掃描工具，發(fā)現(xiàn)漏洞要及時(shí)修補(bǔ)，特別 是采用一些開放源碼的網(wǎng)站?！?】(2)網(wǎng)站內(nèi)容更新對(duì)于網(wǎng)站來說，想要網(wǎng)站擁有持久的生命力，只有不斷地去更新內(nèi)容，每天都有新的 事物，這樣才不會(huì)過時(shí)，不會(huì)對(duì)企業(yè)產(chǎn)生壞影響，亦不會(huì)被時(shí)代所摒棄。如何快捷方便地 更新網(wǎng)頁，提高更新效率，是很多網(wǎng)站面臨的難題。雖然現(xiàn)在網(wǎng)頁制作工具不少，但是為 了更新信息而日復(fù)一日地編輯網(wǎng)頁，對(duì)信息維護(hù)人員來說，疲于應(yīng)付是普遍存在的問題?！?結(jié)束語在做這次“ hope網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)”開發(fā)制作

42、的過程中，我從中學(xué)到了許多知識(shí)，這些 知識(shí)不僅僅是在課堂上老師所教授于我們的，更是需要通過實(shí)際的分析才能對(duì)一些知識(shí)進(jìn) 一步地了解與掌握。知識(shí)是無止境的，如果我們只是運(yùn)用課堂上學(xué)來的知識(shí)來對(duì)一些事物 的法杖來進(jìn)行歸納總結(jié)，那么僅通過簡單的文字?jǐn)⑹鰜肀磉_(dá)其內(nèi)涵是遠(yuǎn)遠(yuǎn)不夠的。即使我 們可以用犀利或者是準(zhǔn)確的文字來表達(dá)，也不過是解其一，不解其二，外強(qiáng)中干，這樣的 話，不僅不能保質(zhì)保量的完成工作，還是對(duì)自己的不負(fù)責(zé)！本設(shè)計(jì)在邱益維老師的悉心指導(dǎo)和嚴(yán)格要求下業(yè)已完成，從課題選擇、到具體設(shè)計(jì)和 調(diào)試，無不凝聚著邱老師的心血和汗水。在此向邱益維老師表示深深的感謝和崇高的敬意。 在完成本設(shè)計(jì)的過程中，我既感受到了面對(duì)自己無法解決的問題時(shí)的苦惱，也體會(huì)到問題 最終得以解決時(shí)的快樂。同時(shí)，也總結(jié)了以下一些經(jīng)驗(yàn)：(1) 一個(gè)詳細(xì)周密的計(jì)劃對(duì)于完成一項(xiàng)任務(wù)的重要性。實(shí)際上，我對(duì)這次畢業(yè)設(shè)計(jì)著 手較早。但由于剛開始時(shí)間較松，所以行使了拖字訣這一決策，沒有認(rèn)真計(jì)劃。到后來發(fā) 現(xiàn)同學(xué)們的進(jìn)度都已經(jīng)超過了我，這才又著急起來，趕緊找經(jīng)驗(yàn)豐富的同學(xué)出主意，制定 出詳細(xì)的計(jì)劃，這才按時(shí)完成了任務(wù)。(2) 學(xué)習(xí)網(wǎng)站風(fēng)格設(shè)計(jì)，實(shí)踐是最好的方法。我對(duì)網(wǎng)站設(shè)計(jì)學(xué)習(xí)實(shí)際上分為兩個(gè)階段 前一階段