基于WordPress的互聯(lián)網(wǎng)網(wǎng)站設(shè)計(jì)與開發(fā)

基于WordPress的互聯(lián)網(wǎng)網(wǎng)站設(shè)計(jì)與開發(fā)摘要隨著中國經(jīng)濟(jì)的飛速發(fā)展，計(jì)算機(jī)已經(jīng)越來越多地應(yīng)用于社會(huì)生活的各個(gè)領(lǐng)域。同時(shí)，互聯(lián)網(wǎng)作為它的連接全球計(jì)算機(jī)網(wǎng)絡(luò)信息和網(wǎng)站之間的溝通橋梁，作為其主要的表現(xiàn)形式，同時(shí)還是互聯(lián)網(wǎng)信息的主要承載者，無可否認(rèn)其在Internet的發(fā)展上發(fā)揮著極其重要的作用。外國的互聯(lián)網(wǎng)已經(jīng)發(fā)展到一定程度了，有很多外國著名的設(shè)計(jì)師都設(shè)計(jì)出極具創(chuàng)意的個(gè)人網(wǎng)站，在網(wǎng)絡(luò)上塑造自己的形象。中國的互聯(lián)網(wǎng)雖然在逐漸成熟，與此同時(shí)網(wǎng)絡(luò)上也出現(xiàn)了大量的個(gè)人網(wǎng)站，但是這類網(wǎng)站有絕大部分都是雷同的，而且沒有新意，屬于原創(chuàng)的作品寥寥可數(shù)。本次設(shè)計(jì)是以個(gè)人興趣為出發(fā)點(diǎn)的，設(shè)計(jì)將運(yùn)用當(dāng)今最新的Html5+Css3+Jquery前端技術(shù)來實(shí)現(xiàn)個(gè)人主頁，同時(shí)基于外國流行的開源軟件Workpress來進(jìn)行個(gè)人網(wǎng)站的二次開發(fā)的。還有會(huì)以Php+Ajax+Mysql+Jquery技術(shù)來搭建個(gè)人相冊系統(tǒng)，最后會(huì)把個(gè)人主頁、個(gè)人相冊和個(gè)人博客三個(gè)應(yīng)用合并在一起來呈現(xiàn)個(gè)人網(wǎng)站的。在此實(shí)現(xiàn)過程中還會(huì)運(yùn)用Sina云計(jì)算平臺(tái)來實(shí)現(xiàn)云端操作的。關(guān)鍵詞:個(gè)人網(wǎng)站；個(gè)人博客；個(gè)人相冊；云計(jì)算；SVN

ThePersonalWebsiteDesignAndDevelopmentBasedonWordPressAbstractWiththerapiddevelopmentofChineseeconomy,computersciencehasbeengraduallyappliedtoallfieldsofsociallife.ThereisnodenyingthefactthatwebsiteplaysanimportantroleinthedevelopmentofInternet.WhileInternetisregardedasthecommunicationbridgebetweeninformationtechnologyandcomputersaroundtheglobe,websiteasthemainformofnetworkinformationremainsthemaincarrierofInternetinformation.ForeignInternethasprogressedtoacertainadvancedlevel,andmanyforeignprestigiousdesignershavecreatedalotofhighlycreativepersonalwebsitestoshapetheirownimages.ChineseInternethasbecomemoremature,butpersonalwebsitesthatcrowdtheInternetaremostlythesame,unoriginalandnotcreative.Myownareinspiredbymyinterest.IamgoingtoapplythelatestHtml5+Css3+Jqueryfrontendsystemtobuildupmyownpage.BasedontheforeignpopularopensourcesoftwareWorkpressforseconddevelopment,Iwillfinallycombinemyhomepage,personalalbumandpersonalblogtopresentthecontentofmyownwebsite.Duringthedesignandimplementationprocess,IwillalsoapplySinacloudplatformtoperformcloudoperation.Keywords：PersonalWebsite;PersonalBlog;PersonalAlbum;Cloudcomputing;SVN

目錄1緒論 11.1研究背景 11.2云計(jì)算簡介 11.3開發(fā)環(huán)境簡介 11.3.1Apache概述 21.3.2PHP概述 21.3.3Mysql概述 21.4SVN簡介 21.5Bootstrap簡介 31.6Workpress簡介 32需求分析 42.1系統(tǒng)需求 42.2需求分析 42.3系統(tǒng)功能分析圖 43總體設(shè)計(jì) 73.1系統(tǒng)結(jié)構(gòu)圖 73.2總體功能設(shè)計(jì) 83.2.1系統(tǒng)設(shè)計(jì)目標(biāo) 83.3數(shù)據(jù)庫設(shè)計(jì) 83.3.1系統(tǒng)數(shù)據(jù)分析 83.3.2系統(tǒng)E－R圖 93.4數(shù)據(jù)流圖 103.5數(shù)據(jù)字典 103.5.1文章評論額外信息表 103.5.2文章評論信息表 113.5.3鏈接信息表 123.5.4基本配置信息表 123.5.5文章額外數(shù)據(jù)表 133.5.6文章信息表 133.5.7文章分類表 153.5.8分類與文章關(guān)聯(lián)表 153.5.9分類信息表 153.5.10用戶額外信息表 163.5.11用戶基本信息表 164設(shè)計(jì)思想與實(shí)現(xiàn) 184.1個(gè)人主頁 184.2個(gè)人相冊 204.3個(gè)人博客 215系統(tǒng)測試與運(yùn)行 235.1系統(tǒng)運(yùn)行環(huán)境 235.1.1硬件環(huán)境 235.1.2軟件環(huán)境 236結(jié)束語 241緒論1.1研究背景20世紀(jì)90年代中期互聯(lián)網(wǎng)開始高速發(fā)展，很多IT人才利用自身的優(yōu)勢開發(fā)了許多風(fēng)格迥異的網(wǎng)站。當(dāng)時(shí)互聯(lián)網(wǎng)上幾乎全是個(gè)人網(wǎng)站，毫不夸張，個(gè)人網(wǎng)站掀開了互聯(lián)網(wǎng)的新篇章。在這批個(gè)人網(wǎng)站逐步上市并成功晉升為知名商業(yè)網(wǎng)站后，它們完成了自己的使命，慢慢退出歷史舞臺(tái)。由于當(dāng)時(shí)的商業(yè)網(wǎng)站不論從技術(shù)還是從內(nèi)容來看都很不成熟，所以個(gè)人網(wǎng)站才有機(jī)會(huì)存活并積極發(fā)展起來。在這種大環(huán)境下，當(dāng)時(shí)產(chǎn)生了大量內(nèi)容豐富、風(fēng)格多樣的的個(gè)人網(wǎng)站，但是與其說它們是個(gè)人網(wǎng)站，不如說它們在為商業(yè)網(wǎng)站作著補(bǔ)充。不論是有意還是無意，這批個(gè)人網(wǎng)站走的完全是商業(yè)網(wǎng)站的套路，需要大量的投入。正是這種發(fā)展的先天性決定了個(gè)人網(wǎng)站必亡的命運(yùn)。隨著商業(yè)網(wǎng)站的逐步成熟，這些個(gè)人網(wǎng)站的補(bǔ)充作用無疑是多余的，被取而代之是必然的。當(dāng)下那種按照個(gè)人喜好設(shè)置的個(gè)人主頁無疑是個(gè)人網(wǎng)站中的翹楚，數(shù)量非常之多，其內(nèi)容大多是關(guān)于站長的自我介紹，粘貼一些網(wǎng)絡(luò)熱文等等，其目的無非就是為個(gè)人提供一個(gè)展示自我的平臺(tái)，隨著互聯(lián)網(wǎng)的深度發(fā)展，這類個(gè)人網(wǎng)站將會(huì)越來越受歡迎，數(shù)量也會(huì)越來越多。1.2云計(jì)算簡介 云計(jì)算是一種按使用流量或者按使用時(shí)間付費(fèi)的服務(wù)，這種服務(wù)提供方便的、快捷的、按需要的網(wǎng)絡(luò)接入。大量的分布式計(jì)算機(jī)合并資源來實(shí)現(xiàn)云計(jì)算，使得其互聯(lián)網(wǎng)與企業(yè)數(shù)據(jù)中心很類似。中國目前提供云計(jì)算服務(wù)比較好的平臺(tái)分別是百度云開放平臺(tái)和新浪SAE云計(jì)算平臺(tái)。1.3開發(fā)環(huán)境簡介我的網(wǎng)站是基于國外開源系統(tǒng)Wordpress設(shè)計(jì)的，而Wordpress是一個(gè)以PHP和MySQL為平臺(tái)的自由開源的博客軟件和內(nèi)容管理系統(tǒng)。所以我的網(wǎng)站的最佳的開發(fā)環(huán)境是LAMP（Linux+Apache+Mysql+PHP），由于Linux服務(wù)器的搭建比較麻煩，出于方便原因，我最后在本地環(huán)境使用了WAMP（Windows+Apache+Mysql+PHP）環(huán)境進(jìn)行開發(fā)。同時(shí)出于要把網(wǎng)站上傳到網(wǎng)絡(luò)上供用戶訪問，并且要更好地實(shí)現(xiàn)代碼的管理與減少網(wǎng)絡(luò)端服務(wù)器搭建的成本，我還選擇了新浪云計(jì)算平臺(tái)來開發(fā)我的程序。1.3.1Apache概述Apache是英文ApacheHTTPServer的縮寫，它幾乎支持所有計(jì)算機(jī)操作系統(tǒng)，是一個(gè)當(dāng)今最流行的Web服務(wù)器端軟件。它的特點(diǎn)是操作簡單，響應(yīng)速度快，性能穩(wěn)定，而且可以通過簡單的API擴(kuò)展將Perl/Python等解釋器編譯到服務(wù)器中。Apache兼容性非常好，這點(diǎn)使它與PHP和MySQL結(jié)合起來是一個(gè)絕佳的PHP程序開發(fā)環(huán)境。由于Apache是一個(gè)免費(fèi)的開源軟件，所以有很多人愿意使用它并為它開發(fā)新的功能，添加新的特性并且不斷地改進(jìn)。1.3.2PHP概述PHP是一種腳本語言，其英文全稱為ypertextPreprocessor，譯為中文是超級文本預(yù)處理語言的意思。PHP是一種嵌入HTML文檔在服務(wù)器端執(zhí)行的腳本語言，它的語言風(fēng)格和C語言相似。目前在社會(huì)上流行的PHP版本為PHP5，PHP6即將發(fā)布穩(wěn)定版。1.3.3Mysql概述目前世界上運(yùn)行速度最快的SQL語言數(shù)據(jù)庫是MySQL。MySQL不單單具有很多其他數(shù)據(jù)庫不具有的設(shè)置和功能，而且重點(diǎn)還是一款可供用戶直接網(wǎng)上下載的完全不收取費(fèi)用的產(chǎn)品，可以個(gè)人使用，也可以商業(yè)使用。MySQl的特點(diǎn)是功能強(qiáng)大、是跨平臺(tái)語言、執(zhí)行速度快、支持面向?qū)ο蟛僮?、維護(hù)成本低、內(nèi)置函數(shù)強(qiáng)大、數(shù)據(jù)存儲(chǔ)量大、兼容各種腳本開發(fā)語言、安全性高。1.4SVN簡介 SVN是一個(gè)跨平臺(tái)軟件，基本上支持所有操作系統(tǒng)，它和CVS類似。SVN是一個(gè)開源的版本控制系統(tǒng)，它管理著隨時(shí)間改變的數(shù)據(jù)。SVN通過一個(gè)類似于普通文件服務(wù)器的檔案庫（中央資料檔案庫）來記錄每一次文件的變動(dòng)。所以我們就可以隨時(shí)隨地地把檔案恢復(fù)到任何舊的版本，或是查看文件的歷史變動(dòng)。Subversion可以用來管理任何類型的文件，包括程序源碼在內(nèi)，它是一個(gè)通用的系統(tǒng)。 SVN的優(yōu)點(diǎn)如下：1.易于使用，邏輯清晰，符合大眾的操作習(xí)慣。2.管理容易，安全性高。3.代碼一致性非常高。4.適合普遍小型項(xiàng)目的開發(fā)。1.5Bootstrap簡介Bootstrap是現(xiàn)在比較流行的前端響應(yīng)式框架，它是twitter公司旗下的產(chǎn)品。響應(yīng)式框架的優(yōu)點(diǎn)：1.跨瀏覽器。2.設(shè)計(jì)上保持風(fēng)格一致。3.快速開發(fā)。4.響應(yīng)式：同時(shí)適用在移動(dòng)設(shè)備上觀看。1.6Workpress簡介Wordpress是一個(gè)外國流行的基于PHP語言和Mysql數(shù)據(jù)庫的CMS（內(nèi)容管理）系統(tǒng)。近些年來被引進(jìn)中國，掀起了互聯(lián)網(wǎng)的一股熱潮。由于其代碼的規(guī)范性和系統(tǒng)易用性，Wordpress不單單可以用來做個(gè)人博客，而且還可以做公司網(wǎng)站，甚至電子商務(wù)網(wǎng)站。2需求分析2.1系統(tǒng)需求個(gè)人網(wǎng)站指的是團(tuán)體或個(gè)人因某種興致、并且擁有某種專業(yè)技術(shù)、基于為用戶提供某種服務(wù)或展示自我的目的而產(chǎn)生具有獨(dú)立域名和空間的網(wǎng)站。建立個(gè)人網(wǎng)站的目的是為了在網(wǎng)絡(luò)上展示自己，塑造自己的個(gè)人形象的。為了讓別人更加直觀、清晰、詳細(xì)地了解我，我決定把我的網(wǎng)站由三個(gè)系統(tǒng)組合而成，分別是個(gè)人主頁，個(gè)人博客和個(gè)人相冊。同時(shí)為了提高系統(tǒng)的穩(wěn)定性、可維護(hù)性、擴(kuò)充性、可移植性，我使用了新浪云計(jì)算平臺(tái)來作為我云端服務(wù)器運(yùn)行的環(huán)境。運(yùn)用SVN版本控制來減少系統(tǒng)維護(hù)的壓力。2.2需求分析根據(jù)系統(tǒng)分析，基于WordPress的個(gè)人網(wǎng)站的要求如下：網(wǎng)站需求分析：要有新穎的界面設(shè)計(jì)，布局應(yīng)該簡潔大氣，讓人瀏覽時(shí)產(chǎn)生舒適的感覺，給用戶留下好的印象，好的心情，使其耐心瀏覽；操作簡單與方便，能適用于不同水平的使用者，并且讓用戶快速尋找到他們想要了解的信息；要有互動(dòng)功能，給用戶與作者有交流的渠道，讓有興趣的用戶方便地聯(lián)系作者；代碼可重用性，可讀性，可維護(hù)性要好，方便后期維護(hù)與升級。網(wǎng)站性能要求：需要符合WEB2.0標(biāo)準(zhǔn)，w3c標(biāo)準(zhǔn)；響應(yīng)速度要快，負(fù)載均衡；能處理多并發(fā)請求，功能穩(wěn)定；服務(wù)器穩(wěn)定工作時(shí)間長，容錯(cuò)率高。2.3系統(tǒng)功能分析圖個(gè)人主頁功能分析圖，如圖2-1所示：圖2-1個(gè)人主頁功能分析圖個(gè)人主頁主要由三大內(nèi)容部分組成，分別是個(gè)人信息簡要介紹部分，輪播圖片展示個(gè)人相冊部分，html5地圖展示旅行計(jì)劃部分。同時(shí)，個(gè)人主頁作為個(gè)人相冊和個(gè)人博客的入口。個(gè)人相冊功能分析圖，如圖2-2所示：圖2-2個(gè)人相冊功能分析圖個(gè)人相冊的功能是向用戶展示我喜愛或收藏的圖片，把圖片分為專輯來存放便于用戶瀏覽。在后臺(tái)利用php+ajax+js技術(shù)支持動(dòng)態(tài)多線程無刷新地管理圖片。管理員可以對專輯和圖片進(jìn)行增刪查改操作。還可以修改管理員密碼。

個(gè)人博客功能分析圖，如圖2-3所示：圖2-3個(gè)人博客主頁功能分析圖個(gè)人博客的評論與留言功能給用戶提供了與我互動(dòng)的地方，增加相冊api和播放音樂功能是為了增加網(wǎng)站的趣味性，頁面和文章的功能是博客的主要功能。管理員在后臺(tái)擁有管理所有信息和系統(tǒng)設(shè)定的權(quán)限，包括文章、頁面、評論、留言、用戶的管理，系統(tǒng)、主題和插件的設(shè)置等。3總體設(shè)計(jì)3.1系統(tǒng)結(jié)構(gòu)圖基于WordPress的個(gè)人網(wǎng)站系統(tǒng)結(jié)構(gòu)圖，如圖3-1所示：圖3-1基于Wordpress的個(gè)人網(wǎng)站系統(tǒng)結(jié)構(gòu)圖3.2總體功能設(shè)計(jì)3.2.1系統(tǒng)設(shè)計(jì)目標(biāo)系統(tǒng)總的設(shè)計(jì)是為了達(dá)到以下目標(biāo)：提高網(wǎng)站的代碼的規(guī)范性，可讀性，可重用性和可維護(hù)性，減少插件使用，簡化系統(tǒng)框架，利于搜索引擎收錄。以用戶體驗(yàn)為優(yōu)先設(shè)計(jì)原則，注重網(wǎng)站的整體的美觀性與協(xié)調(diào)性，簡化操作，提高互動(dòng)性，增強(qiáng)網(wǎng)站內(nèi)容的可讀性。增強(qiáng)網(wǎng)站的負(fù)載能力與加快網(wǎng)站響應(yīng)速度。3.3數(shù)據(jù)庫設(shè)計(jì)3.3.1系統(tǒng)數(shù)據(jù)分析通過對個(gè)人網(wǎng)站系統(tǒng)的分析，可以得出該系統(tǒng)涉及兩類類實(shí)體：用戶和管理員。這些實(shí)體涉及的數(shù)據(jù)項(xiàng)如下圖3-2至圖3-3所示：圖3-2用戶實(shí)體圖圖3-3管理員實(shí)體圖3.3.2系統(tǒng)E－R圖通過對系統(tǒng)實(shí)體數(shù)據(jù)關(guān)系的分析，可以畫出如下E-R圖，如圖3-4所示:圖3-4基于Wordpress的個(gè)人網(wǎng)站系統(tǒng)E-R圖

3.4數(shù)據(jù)流圖數(shù)據(jù)流圖如3-5所示：圖3-5基于Wordpress的個(gè)人網(wǎng)站系統(tǒng)數(shù)據(jù)流圖3.5數(shù)據(jù)字典3.5.1文章評論額外信息表描述：保存文章評論額外信息，例如metakey等。表3-1文章評論額外信息表字段類型空默認(rèn)說明meta_idbigint(20)否自增唯一IDcomment_idbigint(20)否0對應(yīng)評論IDmeta_keyvarchar(255)是NULL鍵名meta_valuelongtext是NULL鍵值3.5.2文章評論信息表描述：保存文章評論信息。表3-2文章評論信息表字段類型空默認(rèn)說明comment_IDbigint(20)否自增唯一IDcomment_post_IDbigint(20)否0對應(yīng)文章IDcomment_authortinytext否評論者comment_author_emailvarchar(100)否評論者郵箱comment_author_urlvarchar(200)否評論者網(wǎng)址comment_author_IPvarchar(100)否評論者IPcomment_datedatetime否0000-00-0000:00:00評論時(shí)間comment_date_gmtdatetime否0000-00-0000:00:00評論時(shí)間（GMT+0時(shí)間）comment_contenttext否評論正文comment_karmaint(11)否0未知comment_approvedvarchar(20)否1評論是否被批準(zhǔn)comment_agentvarchar(255)否評論者的USERAGENTcomment_typevarchar(20)否評論類型(pingback/普通)comment_parentbigint(20)否0父評論IDuser_idbigint(20)否0評論者用戶ID（不一定存在）3.5.3鏈接信息表描述：保存鏈接信息表。表3-3鏈接信息表字段類型空默認(rèn)說明link_idbigint(20)否自增唯一IDlink_urlvarchar(255)否鏈接URLlink_namevarchar(255)否鏈接標(biāo)題link_imagevarchar(255)否鏈接圖片link_targetvarchar(25)否鏈接打開方式link_descriptionvarchar(255)否鏈接描述link_visiblevarchar(20)否Y是否可見（Y/N）link_ownerbigint(20)否1添加者用戶IDlink_ratingint(11)否0評分等級link_updateddatetime否0000-00-0000:00:00未知link_relvarchar(255)否XFN關(guān)系link_notesmediumtext否XFN注釋link_rssvarchar(255)否鏈接RSS地址3.5.4基本配置信息表描述：通常通過get_option來操作，該表通常作為插件存儲(chǔ)數(shù)據(jù)的一個(gè)地方。表3-4基本配置信息表字段類型空默認(rèn)說明option_idbigint(20)否自增唯一IDoption_namevarchar(64)否鍵名option_valuelongtext否鍵值autoloadvarchar(20)否yesWordPress載入時(shí)自動(dòng)載入（yes/no）3.5.5文章額外數(shù)據(jù)表描述：保存文章額外數(shù)據(jù)，例如文章瀏覽次數(shù)，文章的自定義字段等都存儲(chǔ)在這里。表3-5文章額外數(shù)據(jù)表字段類型空默認(rèn)說明meta_idbigint(20)否自增唯一IDpost_idbigint(20)否0對應(yīng)文章IDmeta_keyvarchar(255)是NULL鍵名meta_valuelongtext是NULL鍵值3.5.6文章信息表描述：保存文章信息，包括了日志、附件、頁面等等信息。是WordPress最重要的一個(gè)數(shù)據(jù)表。表3-6文章信息表字段類型空默認(rèn)說明IDbigint(20)否自增唯一IDpost_authorbigint(20)否0對應(yīng)作者IDpost_datedatetime否0000-00-0000:00:00發(fā)布時(shí)間post_date_gmtdatetime否0000-00-0000:00:00發(fā)布時(shí)間（GMT+0時(shí)間）post_contentlongtext否正文post_titletext否標(biāo)題post_excerpttext否摘錄post_statusvarchar(20)否publish文章狀態(tài)（publish/auto-draft/inherit等）comment_statusvarchar(20)否open評論狀態(tài)（open/closed）ping_statusvarchar(20)否openPING狀態(tài)（open/closed）post_passwordvarchar(20)否文章密碼post_namevarchar(200)否文章縮略名to_pingtext否未知pingedtext否已經(jīng)PING過的鏈接post_modifieddatetime否0000-00-0000:00:00修改時(shí)間post_modified_gmtdatetime否0000-00-0000:00:00修改時(shí)間（GMT+0時(shí)間）post_content_filteredlongtext否未知post_parentbigint(20)否0父文章，主要用于PAGEguidvarchar(255)否未知menu_orderint(11)否0排序IDpost_typevarchar(20)否post文章類型（post/page等）post_mime_typevarchar(100)否MIME類型comment_countbigint(20)否0評論總數(shù)3.5.7文章分類表描述：保存文章分類、鏈接分類、標(biāo)簽的信息表。表3-7文章分類表字段類型空默認(rèn)說明term_idbigint(20)否分類IDnamevarchar(200)否分類名slugvarchar(200)否縮略名term_groupbigint(10)否0未知3.5.8分類與文章關(guān)聯(lián)表描述：分類與文章信息表（wp_posts）、鏈接表(wp_links)的關(guān)聯(lián)表。表3-8分類與文章關(guān)聯(lián)表字段類型空默認(rèn)說明object_idbigint(20)否0對應(yīng)文章ID/鏈接IDterm_taxonomy_idbigint(20)否0對應(yīng)分類方法IDterm_orderint(11)否0排序3.5.9分類信息表描述：區(qū)分wp_terms信息的分類類型，有category、link_category和tag三種分類類型。表3-9分類信息表字段類型空默認(rèn)說明term_taxonomy_idbigint(20)否分類方法IDterm_idbigint(20)否0taxonomyvarchar(32)否分類方法(category/post_tag)descriptionlongtext否未知parentbigint(20)否0所屬父分類方法IDcountbigint(20)否0文章數(shù)統(tǒng)計(jì)3.5.10用戶額外信息表描述：保存用戶額外信息表。表3-10用戶額外信息表字段類型空默認(rèn)說明umeta_idbigint(20)否自增唯一IDuser_idbigint(20)否0對應(yīng)用戶IDmeta_keyvarchar(255)是NULL鍵名meta_valuelongtext是NULL鍵值3.5.11用戶基本信息表描述：存放系統(tǒng)所有用戶基本信息。表3-11用戶基本信息表字段類型空默認(rèn)說明IDbigint(20)否自增唯一IDuser_loginvarchar(60)否登錄名user_passvarchar(64)否密碼user_nicenamevarchar(50)否昵稱user_emailvarchar(100)否Emailuser_urlvarchar(100)否網(wǎng)址user_registereddatetime否0000-00-0000:00:00注冊時(shí)間user_activation_keyvarchar(60)否激活碼user_statusint(11)否0用戶狀態(tài)display_namevarchar(250)否顯示名稱4設(shè)計(jì)思想與實(shí)現(xiàn)我的基于WordPress的個(gè)人網(wǎng)站由三部分組成，分別是個(gè)人主頁，個(gè)人博客和個(gè)人相冊，相面分別介紹這三部分的設(shè)計(jì)思想和展示界面效果。4.1個(gè)人主頁個(gè)人主頁界面如圖4-1：圖4-1個(gè)人主頁界面主界面的設(shè)計(jì)使用了網(wǎng)絡(luò)新興前端技術(shù)Html5+Css3+Jquery來實(shí)現(xiàn)的，運(yùn)用Html5實(shí)現(xiàn)地圖信息獲取功能；運(yùn)用Css3來實(shí)現(xiàn)文字傾斜，旋轉(zhuǎn)等文字特效；運(yùn)用Jquery來實(shí)現(xiàn)歡迎頁面特效和圖片相冊輪播。主頁風(fēng)格簡單大氣，直觀明了，頭部制作了導(dǎo)航欄，讓用戶一進(jìn)網(wǎng)站就能迅速獲取到他們想了解的信息。由于頁面比較長，我特意在底部做了回到頭部按鈕，提高用戶體驗(yàn)。4.2個(gè)人相冊個(gè)人相冊主界面如圖4-2和圖4-3所示：圖4-2個(gè)人相冊主界面圖4-3個(gè)人相冊主界面?zhèn)€人相冊后臺(tái)界面如圖4-4：圖4-4個(gè)人相冊后臺(tái)界面我的個(gè)人相冊系統(tǒng)是運(yùn)用Php+Ajax+Jquery制作的。個(gè)人相冊界面設(shè)計(jì)走英倫路線，以黑白為主調(diào)營造炫酷的的氛圍。為了滿足用戶瀏覽的需要，我的相冊是分專輯展示的。而且在每個(gè)專輯里面都有兩種展示圖片的形式，一種是幻燈片形式，可以看到每張圖片的標(biāo)題和描述文字，另一種是自動(dòng)播放相冊展示形式，可以高清地欣賞圖片。和普通的相冊展示軟件不同的是，我的個(gè)人相冊系統(tǒng)是帶有后臺(tái)管理的。在后臺(tái)里我可以任意增刪改專輯和圖片，并且能夠多線程地上傳圖片。4.3