基于開源平臺(tái)的高校黨建網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

1、 基于開源平臺(tái)的高校黨建網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn) 沈涵飛Summary：開展網(wǎng)絡(luò)黨建是建設(shè)先進(jìn)政黨、保持中國共產(chǎn)黨先進(jìn)性的重要任務(wù)。介紹了黨建網(wǎng)站建設(shè)意義及其內(nèi)容規(guī)劃，分析了采用LAMP和WordPress平臺(tái)創(chuàng)建黨建網(wǎng)站的優(yōu)勢(shì)，進(jìn)行了網(wǎng)站外觀設(shè)計(jì)，并提出了優(yōu)化訪問速度、管理鏈接、視頻播放、后臺(tái)管理界面加載的方法。Key：LAMP；WordPress；網(wǎng)絡(luò)黨建DOIDOI：10.11907/rjdk.143665：TP319：A ：16727800（2015）0010127020 引言開展網(wǎng)絡(luò)黨建是建設(shè)先進(jìn)政黨、保持中國共產(chǎn)黨先進(jìn)性的重要任務(wù)。高校是培養(yǎng)高素質(zhì)的社會(huì)主義建設(shè)者和接班人的重要場(chǎng)所，其黨建工

2、作是黨的建設(shè)事業(yè)的重要組成部分。黨建網(wǎng)站不僅是黨員干部、黨務(wù)工作者學(xué)習(xí)交流的平臺(tái)，也是高校黨委服務(wù)黨員、服務(wù)群眾的有效載體。開源軟件WordPress是目前使用最為廣泛的個(gè)人博客和小型網(wǎng)站建站系統(tǒng)，安裝使用簡(jiǎn)單、功能全面，基于模板和插件的開發(fā)方式便于定制外觀和擴(kuò)展功能；LAMP平臺(tái)部署容易、安全性高、成本低、擴(kuò)展能力好。采用開源軟件LAMP和WordPress的技術(shù)方案適合創(chuàng)建黨建網(wǎng)站。1 黨建網(wǎng)站內(nèi)容規(guī)劃黨建網(wǎng)站主要由以下8個(gè)模塊組成：工作動(dòng)態(tài)：反映黨委的最新工作狀況和開展的各項(xiàng)活動(dòng)；通知公告：發(fā)布黨委的通知和公告；黨員風(fēng)采：介紹黨建工作中涌現(xiàn)出來的先進(jìn)黨支部和黨務(wù)工作者；組織機(jī)構(gòu)：介紹學(xué)院

3、黨委及各系部黨總支的組織架構(gòu)和工作安排；勤政廉政：介紹黨內(nèi)關(guān)于勤政廉政的規(guī)定、條例、意見等；規(guī)章制度：介紹黨的各項(xiàng)條例、文件、規(guī)章制度尤其是和高教密切相關(guān)的內(nèi)容；業(yè)余黨校：介紹業(yè)余黨校的活動(dòng)、入黨的基本知識(shí)和程序等；思想教育：發(fā)布領(lǐng)導(dǎo)在全國教育工作會(huì)議等教育系統(tǒng)會(huì)議上的講話，使黨員能及時(shí)領(lǐng)會(huì)中央精神。2 信息平臺(tái)選擇和安裝2.1 WordPress的功能和特點(diǎn)WordPress是一個(gè)免費(fèi)的開源項(xiàng)目，在GNU通用公共許可證下授權(quán)發(fā)布，支持用戶在PHP和MySQL數(shù)據(jù)庫的服務(wù)器上架設(shè)博客，也可以將其當(dāng)作內(nèi)容管理系統(tǒng)來使用。WordPress支持多種語言，插件和模板眾多，易于擴(kuò)充功能，安裝和使用都很

4、容易，已成為全球用戶使用最多的內(nèi)容管理系統(tǒng)。很多中小型企業(yè)網(wǎng)站、小型購物網(wǎng)站、視頻圖片分享站點(diǎn)及內(nèi)容站點(diǎn)都是用其內(nèi)核修改主題之后搭建的。WordPress架構(gòu)設(shè)計(jì)先進(jìn)，采用了內(nèi)容和結(jié)構(gòu)相分離的MVC設(shè)計(jì)模式，具備優(yōu)異的擴(kuò)展性，在其官方網(wǎng)站上可以找到海量模板和插件庫。使用WordPress來創(chuàng)建黨建網(wǎng)站，可以極大地降低學(xué)習(xí)門檻，省去了對(duì)后臺(tái)技術(shù)的擔(dān)心，并可減少運(yùn)行和維護(hù)成本，將更多的精力集中在內(nèi)容創(chuàng)建上。2.2 開源平臺(tái)LAMP的優(yōu)勢(shì)采用WordPress作為黨建網(wǎng)站平臺(tái)，操作系統(tǒng)、Web服務(wù)器和數(shù)據(jù)庫通常采用LAMP架構(gòu)。LAMP指 Linux 操作系統(tǒng)、Apache Web 服務(wù)器、MySQ

5、L 數(shù)據(jù)庫以及 PHP腳本語言共同組成的架構(gòu)。雖然這些開放源代碼程序本身并不是專門設(shè)計(jì)成同另幾個(gè)程序一同工作，但由于它們本身的廉價(jià)性和使用的普遍性，該組合開始流行（大多數(shù)Linux發(fā)行版本捆綁了這些軟件）。隨著云計(jì)算的流行，Linux系統(tǒng)本身作為服務(wù)器操作系統(tǒng)的優(yōu)勢(shì)進(jìn)一步加強(qiáng)，尤其是Ubuntun采用了APT的包管理方式，簡(jiǎn)化了程序安裝。通過使用 aptget 方式，可以在短短幾分鐘內(nèi)完成Apache Web服務(wù)器、MySQL、PHP腳本語言、phpMyAdmin（MySQL的Web管理工具）的安裝。2.3 WordPress安裝WordPress的安裝非常簡(jiǎn)單，可以概括為如下步驟：從官方網(wǎng)站

6、下載并解壓縮WordPress程序安裝包；把解壓后的WordPress文件夾里面的文件（但不包括WordPress文件夾本身）放到服務(wù)器的根目錄下，使用Ubuntu和Apache服務(wù)器的默認(rèn)路徑是/var/www；在MySQL中為WordPress創(chuàng)建數(shù)據(jù)庫；在瀏覽器中輸入網(wǎng)址，例如 http：/，第一次訪問會(huì)自動(dòng)跳轉(zhuǎn)到 http：/ wpadmin/install.php，輸入相關(guān)配置就可以完成安裝；執(zhí)行命令 chownr wwwdata：wwwdata /var/www，將Web服務(wù)器的根目錄的擁有者改為 wwwdata，這是Apache服務(wù)器的默認(rèn)用戶名，這樣WordPress就可以完成

7、系統(tǒng)的自動(dòng)更新以及插件和模板的直接安裝。3 網(wǎng)站外觀設(shè)計(jì)3.1 采用CMS展現(xiàn)方式WordPress自帶模板采用的是個(gè)人博客的呈現(xiàn)方式，文章按照發(fā)布的時(shí)間逆序排列，最新發(fā)布的文章出現(xiàn)在網(wǎng)站的最上方。這種方式不適合作為黨建網(wǎng)站。由于WordPress采用了優(yōu)秀的MVC設(shè)計(jì)方法，內(nèi)容和結(jié)構(gòu)完全分離，很容易設(shè)計(jì)出類似內(nèi)容管理系統(tǒng)或者新聞發(fā)布網(wǎng)站外觀的模板，應(yīng)用這些模板可以在網(wǎng)站首頁顯示多個(gè)目錄，每個(gè)目錄下面包括指定數(shù)量的文章，整個(gè)網(wǎng)站內(nèi)容一目了然。為了使網(wǎng)站具備更好的導(dǎo)航效果，根據(jù)網(wǎng)站欄目而不是發(fā)布時(shí)間排列，需要對(duì)文章出現(xiàn)的順序進(jìn)行調(diào)整。ReOrder Post Within Categories插

8、件可以實(shí)現(xiàn)這一功能，調(diào)整指定目錄下文章出現(xiàn)的順序。3.2 頁面?zhèn)戊o態(tài)實(shí)現(xiàn)WordPress默認(rèn)使用帶有問號(hào)和很多數(shù)字的URL，例如http：/？p=18，這種方式對(duì)搜索引擎不友好，并且無法實(shí)現(xiàn)頁面的靜態(tài)化。WordPress允許自定義鏈接形式，以提高美感、可用性和向前兼容性，可以將頁面的鏈接修改為形如 http：/18.html的形式。這樣的鏈接對(duì)用戶和搜索引擎都更為友好，從表面上看是一個(gè)HTML靜態(tài)頁面，但本質(zhì)上還是動(dòng)態(tài)頁面，所以稱之為頁面?zhèn)戊o態(tài)。 要實(shí)現(xiàn)頁面?zhèn)戊o態(tài)，需要配置Web服務(wù)器和WordPress后臺(tái)。以常用的Linux操作系統(tǒng)、Apache 2.2服務(wù)器為例，在服務(wù)器配置文件 /

9、etc/apache2/ sitesavailable/default 中，找到AllowOverride None，修改為 AllowOverride All；同時(shí)執(zhí)行命令sudo a2enmod rewrite來啟用mod_rewrite模塊，并執(zhí)行命令sudo service apache2 reload來重啟Apache服務(wù)器，使配置生效。在WordPress的后臺(tái)中， 在菜單“設(shè)置- 固定連接”中點(diǎn)擊自定義結(jié)構(gòu)，配置成：/%post_id%.html。4 網(wǎng)站功能設(shè)計(jì)WordPress采用了三層架構(gòu)的MVC設(shè)計(jì)， 核心的設(shè)計(jì)目標(biāo)是簡(jiǎn)約、最大限度的靈活性以及最小限度的代碼膨脹。 Wor

10、dPress通過插件提供了自定義函數(shù)和功能，這樣用戶就可以根據(jù)自己的需要定制網(wǎng)站了。在WordPress的官方網(wǎng)站上，由第三方開發(fā)的插件數(shù)量已經(jīng)超過3.3萬個(gè)，足以滿足網(wǎng)站常用功能的需要。4.1 頁面靜態(tài)化實(shí)現(xiàn)WordPress在默認(rèn)狀態(tài)下網(wǎng)站的響應(yīng)速度較慢，在1個(gè)CPU、2G內(nèi)存的服務(wù)器配置下， 20個(gè)用戶同時(shí)訪問就可以讓網(wǎng)站失去響應(yīng)。采用頁面靜態(tài)化技術(shù)可極大提升網(wǎng)站的訪問速度。所謂靜態(tài)化就是生成了所有文章以及首頁的靜態(tài)頁面，每次訪問時(shí)不需要讀取數(shù)據(jù)庫和執(zhí)行PHP腳本，能夠大幅降低CPU占用率，加快網(wǎng)站訪問速度。將全新的WordPress部署在Ubutu Server 12.04LTS 64

11、位操作系統(tǒng)上，使用ApacheBench進(jìn)行測(cè)試，采用頁面靜態(tài)化技術(shù)較默認(rèn)方式的響應(yīng)速度要快3個(gè)數(shù)量級(jí)。4.2 頁面計(jì)數(shù)功能掌握網(wǎng)站各頁面的訪問情況可以清晰地了解到用戶的關(guān)注點(diǎn)。WPPostViews插件是應(yīng)用廣泛的頁面計(jì)數(shù)插件，其主要功能是記錄顯示文章或自定義頁面被瀏覽的次數(shù)，同時(shí)也提供了最少訪問和熱門文章、特定分類目錄下最新訪問和熱門文章等功能。4.3 鏈接管理在網(wǎng)站上放置相關(guān)網(wǎng)站的鏈接可供用戶拓展閱讀。WordPress本身提供了添加、修改和刪除鏈接的功能，但不能調(diào)整鏈接出現(xiàn)的位置。My Link Order插件采用了Ajax技術(shù)，很好地解決了該問題，能夠通過拖動(dòng)鏈接來調(diào)整顯示的順序。4

12、.4 基于HTML5的視頻播放方案相比文字和圖片，視頻給人的感官刺激是多維的，留給人們的印象更深刻、更清晰，視頻文件是黨建網(wǎng)站的重要載體。在WordPress中播放視頻無需使用任何插件，使用標(biāo)準(zhǔn)的HTML5標(biāo)簽video就能實(shí)現(xiàn)視頻播放。代碼如下：在眾多視頻格式中，mp4格式的兼容性最好。如果是其它格式，可以采用貍窩全能視頻轉(zhuǎn)換器、格式工廠等轉(zhuǎn)換軟件進(jìn)行轉(zhuǎn)換。較新的瀏覽器如Internet Explorer 9+、Firefox、Opera、Chrome以及Safari支持標(biāo)簽，而Internet Explorer 8 以及更早的版本不支持 標(biāo)簽。解決這一問題的辦法是在head部分加載下面的J

13、avaScript文件，使用如下代碼實(shí)現(xiàn)：實(shí)現(xiàn)原理是采用Flash技術(shù)、使用Flash播放器嵌入視頻，使得IE及Firefox支持video標(biāo)簽，該播放器稱為flowplayer。這樣就實(shí)現(xiàn)Windows平臺(tái)、Mac平臺(tái)、Android平臺(tái)、iOS平臺(tái)的全平臺(tái)播放。4.5 后臺(tái)管理界面加載緩慢解決方法在國內(nèi)訪問WordPress后臺(tái)管理頁面，常常會(huì)出現(xiàn)頁面加載極其緩慢，這是因?yàn)閃ordpress從3.8開始會(huì)自動(dòng)加載Open Sans字體，并引用Google（http：/）上面的CSS樣式。Open Sans字體主要用于WP站點(diǎn)管理員登陸后頂部功能條的字體樣式，而對(duì)于國內(nèi)用戶而言，Google會(huì)出現(xiàn)經(jīng)常打不開或者訪問速度過慢的情況，這樣就會(huì)拖延站點(diǎn)的打開速度。解決這一問題的辦法是使用disable google fonts或者Remove Open Sans font from WP core插件，禁止從Google網(wǎng)站加載字體。5 結(jié)語本文采用開源軟件LAMP（Linux+Apache+MySQL+PHP）和WordPress創(chuàng)建黨建網(wǎng)站，通過選擇適當(dāng)?shù)哪０?，可以快速?chuàng)建黨建門戶網(wǎng)站的外觀。利用