hope網(wǎng)站設計與實現(xiàn)要點

1、畢業(yè)設計（論文）論文題目： hope網(wǎng)站設計與實現(xiàn) 系 別： 計算機與信息技術系 專業(yè)班級： 14計算機信息管理 學生姓名： 指導教師： 二一七年五月十九日目 錄摘 要1引 言21 hope網(wǎng)站設計與實現(xiàn)概述21.1 研究的內(nèi)容與背景21.2 hope網(wǎng)站設計與實現(xiàn)的開發(fā)環(huán)境簡介31.3 開發(fā)環(huán)境介紹42 hope網(wǎng)站設計與實現(xiàn)的設計分析42.1 hope網(wǎng)站設計與實現(xiàn)的設計規(guī)劃42.2 hope網(wǎng)站設計與實現(xiàn)的設計53 hope網(wǎng)站設計與實現(xiàn)詳細設計103.1 前臺頁面設計103.2 后臺頁面設計123.3 網(wǎng)站維護22結(jié)束語23參考文獻24致 謝25hope網(wǎng)站設計與實現(xiàn)【摘 要】隨著In

2、ternet的廣泛應用，各種網(wǎng)絡交流互動工具也應用而生。其中以論壇、博客、社區(qū)、空間最為受廣大網(wǎng)民的歡迎，也是目前為止發(fā)展的比較成熟的信息交流工具。在網(wǎng)絡技術逐漸滲入的今天，傳統(tǒng)的交流方式也面臨著變革，每個人都有機會在互聯(lián)網(wǎng)上發(fā)出自己的聲音，展現(xiàn)自己的風采。“草根”已作為一種文化得以傳播，它所展現(xiàn)的正是這個時代的特色，自由和自我的表達。因此建設個人博客的需求興起也是理所當然的，個人博客網(wǎng)站建設受到主機性能和技術復雜度的限制，對網(wǎng)站后臺管理也是一系列繁瑣的操作。而WordPress正是這些問題的解決方式之一，它擁有強大的后臺管理系統(tǒng)，豐富的模板和擴展性強大的自定義能力。WordPress是一個注

3、重美學、易用性和網(wǎng)絡標準的個人信息發(fā)布平臺。WordPress雖為免費的開源軟件，但其價值無法用金錢來衡量。WordPress的圖形設計在性能上易于操作、易于瀏覽；在外觀上優(yōu)雅大方。使用WordPress，對于開發(fā)者而言，最大的好處是不管遇到什么問題，都很容易在百度和谷歌上找到解決的辦法，其流行程度使得各個使用者在交流上非常方便?！?0】綜上所述，WordPress是一種使用PHP語言開發(fā)的博客平臺，用戶可以在支持PHP和MySQL 數(shù)據(jù)庫的服務器WampServer上架設自己的網(wǎng)站。搭建WordPress站點，僅要求一個能夠運行PHP語言的主機空間和一個MySQL數(shù)據(jù)庫。博客基于WordPr

4、ess的平臺，利用WampServer為強大后臺環(huán)境，建造了一個對搜索引擎友好、方便管理員對博文的管理、發(fā)布和內(nèi)容的更新?！?】【關鍵詞】個人博客 WordPress WampServer PHP 引 言隨著計算機的廣泛應用，人們已經(jīng)對網(wǎng)絡不再感到陌生。在科技飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。人們在網(wǎng)上不僅可以進行網(wǎng)上購物，網(wǎng)上交友，電子商務，網(wǎng)絡營銷等，還可在網(wǎng)上記載對自己日常事務的記錄，發(fā)表有關個人構(gòu)思，日記，或者詩歌，散文，小說，獲對時事新聞、國家大事的個人看法等等?！?】本論文設計的網(wǎng)站是基于WordP

5、ress開發(fā)的，博客改變了網(wǎng)站建設的傳統(tǒng)概念與方式使得網(wǎng)站開發(fā)更加方便快捷，也變得更加智能化與人性化。將人們的時間更多的運用于網(wǎng)站內(nèi)容的設計上，在這個平臺里，有著一個關于希望的故事，有著希望的世界。【7】1 hope網(wǎng)站設計與實現(xiàn)概述1.1 研究的內(nèi)容與背景進入二十一世紀，以Internet為核心的現(xiàn)代網(wǎng)絡積水和通信技術已經(jīng)得到了飛速的發(fā)展和廣泛的應用，各種網(wǎng)絡交流互動工具也應用而生。其中以論壇、博客、社區(qū)、空間最為受廣大網(wǎng)民的歡迎，也是目前為止發(fā)展的比較成熟的信息交流工具。在網(wǎng)絡技術逐漸滲入的今天，傳統(tǒng)的交流方式也面臨著變革，而網(wǎng)絡博客則是一個很重要的方向。隨著網(wǎng)絡技術的日漸成熟，互聯(lián)網(wǎng)已成

6、為日常生活及工作中必不可少的工具，網(wǎng)絡博客在近幾年更是成為了各類網(wǎng)民不可或缺的展示自我表現(xiàn)自我的強大工具，其強大的功能良好的互動性在很大的程度上滿足了廣大網(wǎng)民的需求。在我國，已經(jīng)有十幾萬個博客網(wǎng)站，博客數(shù)量達到100多萬個，并且呈現(xiàn)40%的年增長進度。不知從何時起，建博客、寫博客成為了眾多網(wǎng)民網(wǎng)絡生活的重要組成部分，與網(wǎng)絡聊天成了并駕齊驅(qū)的熱點，共同成為網(wǎng)民上網(wǎng)最關心的事情。因此，如何快速高效地為客戶構(gòu)建一個能滿足其不同需求的博客系統(tǒng)，成為了當前應深入研究的課題?！?】“博客”是blog（Web Log的縮寫）的中文譯名，又譯為網(wǎng)絡日志、部落或部落閣等，目前對于博客并沒有明確、統(tǒng)一的定義。大致

7、來說，博客是網(wǎng)絡上的流水記錄形式，是一個通過互聯(lián)網(wǎng)傳播的容易創(chuàng)建的網(wǎng)頁，是一種通常由個人管理、不定期張貼新的文章的網(wǎng)站。博客它經(jīng)常是由簡短且經(jīng)常更新的帖子構(gòu)成。它的內(nèi)容有的是純粹滿足個人的需要所做的對自己日常事務的記錄以及個人感悟、心情等等，就像是通常所寫的日記。博客可以發(fā)表有關個人構(gòu)思，日記，或者詩歌，散文，小說等等。亦可以是自己個人的想法和心得，包括對時事新聞、國家大事的個人看法?！?】此次制作的“hope網(wǎng)站設計與實現(xiàn)”課題使用的軟件是WordPress。WordPress是一種使用支持PHP語言和MySQL數(shù)據(jù)庫WampServer開發(fā)的開源、免費的博客引擎，在本次研究中要求實現(xiàn)其基本

8、功能包括：具有日志、留言、簡介這些常用功能，并且可以對它們實施管理，如網(wǎng)站設置管理、文章管理、相冊管理、更改管理密碼和個人簡介等功能?！?】1.2 hope網(wǎng)站設計與實現(xiàn)的開發(fā)環(huán)境簡介(1) WordPress簡介WordPress是一種使用PHP語言開發(fā)的博客平臺，用戶可以在支持PHP和MySQL數(shù)據(jù)庫的服務器上架設屬于自己的網(wǎng)站。也可以把 WordPress當作一個內(nèi)容管理系統(tǒng)(CMS)來使用。是一個功能非常強大的博客系統(tǒng)，插件眾多，易于擴充功能。安裝和使用都非常方便。目前 WordPress 已經(jīng)成為主流的 Blog 搭建平臺。WordPress 可以說是世界上目前最先進的 weblog

9、 程序。目前開發(fā)的程序大多都是根據(jù)它仿造的。它更能把握搜索引擎，在你使用 WordPress 并掌握幾種插件后，對于優(yōu)化將不用過多的操心，它會為你想的更多。其有許多第三方開發(fā)的免費模板，安裝方式簡單易用。不過要做一個自己的模板，則需要你有一定的專業(yè)知識。比如至少要懂的HTML代碼、CSS、PHP等相關知識?！?】 (2) WordPress功能優(yōu)缺點優(yōu)點：aWordPress 功能強大、擴展性強，這主要得益于其插件眾多，易于擴充功能，基本上一個完整網(wǎng)站該有的功能，通過其第三方插件都能實現(xiàn)所有功能；bwordpress搭建的博客對seo搜索引擎友好，收錄也快，排名靠前；c適合DIY，可以制作成自

10、己想要的博客網(wǎng)站；d模板主題眾多，有新的wordpress模板主題被制作完成并免費提供下載，各色各樣，應有盡有；e跨平臺性、兼容性好，且支持多國語言。缺點：awordpress源碼系統(tǒng)初始內(nèi)容基本只是一個框架，需要時間自己搭建；b插件雖多，但是不能安裝太多插件，否則會拖累網(wǎng)站速度和降低用戶體驗；c服務器空間選擇自由較??；dwordpress備份和網(wǎng)站轉(zhuǎn)移比較繁瑣，需要涉及到數(shù)據(jù)庫；e靜態(tài)化較差，確切地說是真正靜態(tài)化做得不好，如果要想對整個網(wǎng)站生成真正靜態(tài)化頁面，需要借助插件。【3】1.3 開發(fā)環(huán)境介紹hope網(wǎng)站設計與實現(xiàn)采用的開發(fā)環(huán)境是PHP、MySQL及Apache為一體的軟件WampSe

11、rver。它一款由法國人開發(fā)的Apache Web服務器、PHP解釋器以及MySQL數(shù)據(jù)庫的整合軟件包。免去了開發(fā)人員將時間花費在繁瑣的配置環(huán)境過程，從而騰出更多精力去做開發(fā)。在windows下將Apache+PHP+Mysql 集成環(huán)境，擁有簡單的圖形和菜單安裝和配置環(huán)境。PHP擴展、Apache模塊，開啟/關閉鼠標點點就搞定，再也不用親自去修改配置文件了，WAMP它會去做。再也不用到處詢問php的安裝問題了，wampserver一切都搞定了。這個軟件是完全免費的，可以在其官方網(wǎng)站下載到最新的版本。本文中使用的版本是WampServer 2.0，其中包括Apache Version 2.2.

12、10，PHP Version 5.2.7，MySQL Version 5.1.30?！?】2 hope網(wǎng)站設計與實現(xiàn)的設計分析2.1 hope網(wǎng)站設計與實現(xiàn)的設計規(guī)劃(1)主要功能分析hope網(wǎng)站主要功能包括：管理員需通過賬號密碼的驗證方可進入后臺管理。管理員在后臺對文章的添加、刪除、修改、刪除和評論的刪除等操作。在前臺首頁用戶可以原則自己感興趣的文章進行閱讀、聽音樂、看視頻、瀏覽相冊和進行評論。hope網(wǎng)站設計與實現(xiàn)包括五種操作用戶：管理員、編輯、作者、投稿者和訂閱者。管理員：管理員用戶在前臺頁面通過驗證后，可以直接登錄到后臺，對文章管理、評論管理、用戶管理、站點管理及主題模塊設置等功能進行

13、操作。編輯：可管理用戶，上傳文件，修改個人資料，安裝插件，編輯、刪除、發(fā)布、管理文章及閱讀。作者：可上傳文件，修改個人資料，編輯、刪除、發(fā)布文章及閱讀。投稿者：可修改個人資料，編輯、刪除文章及閱讀。訂閱者：可修改個人資料及閱讀。(2) 功能描述，如圖2-1所示：投稿者編輯管理員用戶作者用戶管理、文章管理、評論管理、站點管理、主題模塊設置、分類管理管理用戶、上傳文件、修改個人資料、安裝插件、文章管理、閱讀上傳文件、修改個人資料、文章管理、閱讀修改個人資料、文章管理、閱讀修改個人資料、閱讀訂閱者圖2-1 功能描述2.2 hope網(wǎng)站設計與實現(xiàn)的設計本模塊采用了MySQL數(shù)據(jù)庫，其中表在phpMyA

14、dmin中可查到（db_hope），共11張表，分別為wp_users、wp_usermeta、wp_term_taxonomy、wp_term_relationships、wp_terms、wp_posts、wp_postmeta、wp_options、wp_links、wp_comments、wp_commentmeta（1）表wp_users的結(jié)構(gòu)圖：表2-1 wp_users的結(jié)構(gòu)（2）表wp_usermeta的結(jié)構(gòu)圖：表2-2 wp_usermeta的結(jié)構(gòu)（3）表wp_term_taxonomy的結(jié)構(gòu)圖：表2-3 wp_term_taxonomy的結(jié)構(gòu)（4）表wp_term_rela

15、tionships的結(jié)構(gòu)圖：表2-4 wp_term_relationships的結(jié)構(gòu)（5）表wp_terms的結(jié)構(gòu)圖：表2-5 wp_terms的結(jié)構(gòu)（6）表wp_posts的結(jié)構(gòu)圖：表2-6 wp_posts的結(jié)構(gòu)（7）表wp_postmeta的結(jié)構(gòu)圖：表2-7 wp_postmeta的結(jié)構(gòu)（8）表wp_options的結(jié)構(gòu)圖：表2-8 wp_options的結(jié)構(gòu)（9）表wp_links的結(jié)構(gòu)圖：表2-9 wp_links的結(jié)構(gòu)（10）表wp_comments的結(jié)構(gòu)圖：表2-10 wp_comments的結(jié)構(gòu)（11）表wp_commentmeta的結(jié)構(gòu)圖：表2-11 wp_commentm

16、eta的結(jié)構(gòu)3 hope網(wǎng)站設計與實現(xiàn)詳細設計3.1 前臺頁面設計hope網(wǎng)站設計與實現(xiàn)前臺首頁由主掛件區(qū)、從掛件區(qū)兩個區(qū)組成，主掛件區(qū)由搜索、近期文章、近期評論、文章歸檔、分類目錄、功能等模塊組成；從掛件區(qū)由日歷、頁面、RSS、標簽云、自定義菜單等模塊組成，其共同構(gòu)成多個網(wǎng)頁。hope網(wǎng)站前臺結(jié)構(gòu)視圖如下所示：首頁主掛件區(qū)從掛件區(qū)搜索分類目錄文章歸檔近期評論近期文章功能日 歷自 定 義 菜 單 標 簽 云RSS頁 面圖3-1 hope網(wǎng)站首頁結(jié)構(gòu)視圖 3.1.1 導航欄在整個頁面中，導航欄將一直處于瀏覽器最上方，整個導航欄分兩個部分，左側(cè)是自定義的重要或常用欄目，右側(cè)為用戶的登錄情況及搜索，

17、具體如下圖所示： 圖3-2 導航欄效果 3.1.2 首頁信息首頁主要界面如下圖，左側(cè)是一個可切換的靜態(tài)頁面，右側(cè)是從掛件區(qū)，下方是主掛件區(qū)。圖3-3 hope網(wǎng)站首頁界面圖3-4 hope網(wǎng)站首頁界面3.1.3 文章歸檔文章歸檔是按發(fā)表的文章時間來歸納，表現(xiàn)方式為年月，點擊時間后會顯示當前這月發(fā)表的所有文章，點擊文章標題，可查看完整文章。如下圖所示：圖3-5 詳情效果圖 3.2 后臺頁面設計hope網(wǎng)站設計與實現(xiàn)后臺頁面為整個網(wǎng)站的核心部分，有文章管理、評論管理，多媒體設置、用戶管理、站點設置等等。hope網(wǎng)站后臺結(jié)構(gòu)視圖如下所示：已安裝的插件安裝插件 編輯所有頁面 新建頁面 刪除媒體庫 添加

18、 刪除添加后 臺文章多媒體頁面評論外觀插件用戶工具設置所有文章 寫文章 編輯分類目錄 標簽 刪除 分類目錄標簽修改 刪除 添加 回復小工具 菜單 頂部 編輯 所有用戶 添加用戶我的個人資料可用工具 導入 導出常規(guī) 撰寫 閱讀 討論多媒體 固定鏈接 Akismet 圖3-6 hope網(wǎng)站后臺結(jié)構(gòu)視圖3.2.1 登錄界面后臺登錄界面設計運行效果如圖所示：圖3-7 后臺登錄界面3.2.2 后臺菜單hope網(wǎng)站后臺首頁如圖所示： 圖3-8 后臺控制面板3.2.3 文章管理（1）所有文章:可編輯，快速編輯，刪除，查看文章。圖3-9 所有文章詳情（2）寫文章:撰寫新的文章，發(fā)布新文章。圖3-10 撰寫新文

19、章界面（3）添加分類目錄 圖3-11 添加分目錄界面（4）對文章進行形式、分類圖3-12 文章分類、形式（5）添加標簽圖3-13 添加標簽界面3.2.4 其他（1） 評論的管理：網(wǎng)站的評論可以了解用戶需求、想法。圖3-14 評論管理界面（2） 新建頁面圖3-15 新建頁面（3） 新用戶添加圖3-16 添加新用戶（4） 常規(guī)設置圖3-17 常規(guī)設置（5） 撰寫設置圖3-18 撰寫設置（6） 閱讀設置圖3-19 閱讀設置（7） 討論設置圖3-20 討論設置（8） 多媒體設置圖3-21 多媒體設置（9） 固定連接設置圖3-22固定連接設置（10） 插件圖3-23 已安裝插件（11） 自定義圖3-24

20、 自定義3.3 網(wǎng)站維護（1） 網(wǎng)站安全維護 隨著黑客的日益增長和一些入侵軟件昌盛，網(wǎng)站的安全遭到挑戰(zhàn)，像SQL注入、跨站腳本、文本上傳漏洞等等，網(wǎng)站安全維護則成了日益重視的模塊。網(wǎng)站安全的隱患主要來源于網(wǎng)站的漏洞存在，而世界上不存在沒有漏洞的網(wǎng)站，所以網(wǎng)站安全維護關鍵在于早發(fā)現(xiàn)漏洞和及時修補漏洞。網(wǎng)上也有專門的網(wǎng)站漏洞掃描工具，發(fā)現(xiàn)漏洞要及時修補，特別是采用一些開放源碼的網(wǎng)站?！?】（2） 網(wǎng)站內(nèi)容更新對于網(wǎng)站來說，想要網(wǎng)站擁有持久的生命力，只有不斷地去更新內(nèi)容，每天都有新的事物，這樣才不會過時，不會對企業(yè)產(chǎn)生壞影響，亦不會被時代所摒棄。如何快捷方便地更新網(wǎng)頁，提高更新效率，是很多網(wǎng)站面臨的

21、難題。雖然現(xiàn)在網(wǎng)頁制作工具不少，但是為了更新信息而日復一日地編輯網(wǎng)頁，對信息維護人員來說，疲于應付是普遍存在的問題?！?】結(jié)束語在做這次“hope網(wǎng)站設計與實現(xiàn)”開發(fā)制作的過程中，我從中學到了許多知識，這些知識不僅僅是在課堂上老師所教授于我們的，更是需要通過實際的分析才能對一些知識進一步地了解與掌握。知識是無止境的，如果我們只是運用課堂上學來的知識來對一些事物的法杖來進行歸納總結(jié)，那么僅通過簡單的文字敘述來表達其內(nèi)涵是遠遠不夠的。即使我們可以用犀利或者是準確的文字來表達，也不過是解其一，不解其二，外強中干，這樣的話，不僅不能保質(zhì)保量的完成工作，還是對自己的不負責！本設計在邱益維老師的悉心指導和

22、嚴格要求下業(yè)已完成，從課題選擇、到具體設計和調(diào)試，無不凝聚著邱老師的心血和汗水。在此向邱益維老師表示深深的感謝和崇高的敬意。在完成本設計的過程中，我既感受到了面對自己無法解決的問題時的苦惱，也體會到問題最終得以解決時的快樂。同時，也總結(jié)了以下一些經(jīng)驗： (1)一個詳細周密的計劃對于完成一項任務的重要性。實際上，我對這次畢業(yè)設計著手較早。但由于剛開始時間較松，所以行使了拖字訣這一決策，沒有認真計劃。到后來發(fā)現(xiàn)同學們的進度都已經(jīng)超過了我，這才又著急起來，趕緊找經(jīng)驗豐富的同學出主意，制定出詳細的計劃，這才按時完成了任務。 (2)學習網(wǎng)站風格設計，實踐是最好的方法。我對網(wǎng)站設計學習實際上分為兩個階段。

23、前一階段為摸索嘗試階段。在這一階段中，我是云里霧里，網(wǎng)站設計搭配的總是不理想。后一階段邊實踐邊學習，很多前一階段不甚了解的問題大多可得到迎刃而解。 (3) 要學會運用互聯(lián)網(wǎng)工具?；ヂ?lián)網(wǎng)是一個好東西，它具有大量的信息資源，在這次畢業(yè)設計中如果沒有互聯(lián)網(wǎng)，那么我多花一倍的時間可能都完不成任務。所以一定要學會并善于運用互聯(lián)網(wǎng)工具。完成這次設計后回過頭來看，我的這項作業(yè)完成得并不完美。還有很多需要提高和改進的地方。首先，是網(wǎng)站的功能不夠完善，只有一些比較單調(diào)的文章、圖文，內(nèi)容太過單一，且還有一些問題。 其次，是設計過程中時間分配的不合理，后期緊張的時間給設計帶來很大的被動。 三是知識積累的不夠，有很多知識都是臨了了才去補，且補得也不是多好，這樣學到的知識既不牢，疑惑也多，且運用起來也不靈活?？傊?，經(jīng)過這次畢業(yè)設計，我深刻認識到要完成一項任務首先必須要有一個詳細且周密的計劃，要有系統(tǒng)的思維方式和方法，對待一個新的問題，要有耐心、要善于運用已有的資源來解決；要勇于實踐，在實踐中發(fā)現(xiàn)和解決問題，將理論和實踐結(jié)合在一起，要相信自己是最棒的，堅持即勝利！參考文獻1PHP精解案例教程M.北京：清華大學出版社，20142 5方興東，胡泳，媒體變革的經(jīng)濟學和社會學論博客與新媒體的邏輯J.現(xiàn)代傳播，2