知質(zhì)網(wǎng)設計與實現(xiàn)

李保林，趙少進，楊麗華

（湖北汽車工業(yè)學院 經(jīng)濟管理學院，湖北 十堰 442002）

知質(zhì)網(wǎng)設計與實現(xiàn)

李保林，趙少進，楊麗華

（湖北汽車工業(yè)學院 經(jīng)濟管理學院，湖北 十堰 442002）

依據(jù)軟件開發(fā)的流程，從需求分析出發(fā)，設計并實現(xiàn)了知質(zhì)網(wǎng)的前臺和后臺。采用MVC設計模式，Core?seek全文檢索、頁面靜態(tài)化等技術，實現(xiàn)了知質(zhì)網(wǎng)的相關功能。結果表明：所設計的網(wǎng)站能滿足用戶的需求，提升用戶的體驗，達到了預期的效果。

質(zhì)量查詢；網(wǎng)站設計；網(wǎng)站開發(fā)；Coreseek全文檢索

2016年4月14 日，國家質(zhì)檢總局宣布正式開通質(zhì)量承諾信息公開查詢平臺，并與阿里巴巴、京東、蘇寧、1號店、唯品會等5家電商平臺對接，向電商平臺推送承諾企業(yè)名單、承諾的產(chǎn)品質(zhì)量標準和具體質(zhì)量指標、執(zhí)法檢查結果等企業(yè)產(chǎn)品質(zhì)量承諾信息。電商平臺將在具體銷售承諾商品的商鋪設置“質(zhì)量承諾信息”按鈕，消費者點擊即可查詢上述質(zhì)量承諾信息。同時，電商平臺還將在主頁面設置“質(zhì)量承諾信息查詢”功能，消費者可以查詢到作出承諾的全部企業(yè)和產(chǎn)品名單。消費者在淘寶、京東、1號店等電商平臺，點擊店鋪的質(zhì)量查詢按鈕即可查看該產(chǎn)品的質(zhì)檢信息。帶有質(zhì)檢保障標識的商品都是經(jīng)國家質(zhì)檢總局嚴格審核的，消費者可以放心購買。這一舉措預示著產(chǎn)品質(zhì)檢信息公開戰(zhàn)略將邁出大步伐，消費者將能夠查詢到更多的產(chǎn)品質(zhì)檢信息，為消費者權益保駕護航。質(zhì)檢總局還開通了“質(zhì)檢12365投訴舉報咨詢網(wǎng)”，消費者可以向全國各地質(zhì)檢部門進行質(zhì)檢業(yè)務咨詢、投訴和舉報。但是，國家質(zhì)檢信息公開的還不夠徹底，公開的產(chǎn)品質(zhì)檢信息對于多數(shù)消費者來說就是一串串字符，并不能夠真正看懂質(zhì)檢信息的真正含義。而且這些產(chǎn)品的質(zhì)檢信息入口部署在各大電商平臺的店鋪中，不利于消費者檢索其產(chǎn)品質(zhì)檢信息。

綜上，現(xiàn)階段需要一個解釋質(zhì)檢指標信息含義和檢索產(chǎn)品質(zhì)檢信息的公開化服務平臺。給消費者提供正規(guī)的產(chǎn)品質(zhì)量質(zhì)檢說明，幫助消費者去理解產(chǎn)品質(zhì)檢指標信息的真正含義，給消費者提供產(chǎn)品質(zhì)檢信息的檢索窗口和提供對同種產(chǎn)品質(zhì)檢信息的對比。消費者根據(jù)產(chǎn)品質(zhì)檢信息公開化平臺提供的產(chǎn)品質(zhì)檢信息和自身的購買需求，在購買產(chǎn)品時做出最優(yōu)的購買決策。

本文中設計并開發(fā)了知質(zhì)網(wǎng)，該網(wǎng)站將產(chǎn)品質(zhì)檢信息檢索集成在一個公共的服務平臺上，并對質(zhì)檢指標信息進行了詳細解釋，讓消費者真正理解產(chǎn)品質(zhì)檢指標信息的含義。該網(wǎng)站綜合利用了多種技術，如B/S架構技術、MVC設計模式、Think?PHP3.2框架技術、Coreseek全文檢索技術、MySql技術等。其中，頁面靜態(tài)化技術和緩存技術，把靜態(tài)頁面存放在框架的最外層，不經(jīng)過控制器，減少程序的響應時間和盡可能的減少與數(shù)據(jù)庫的交互；在文章檢索方面使用全文分詞檢索技術，讓用戶能夠精準快速檢索到所需信息；文章列表頁面使用瀑布流技術，依靠瀏覽器的滾動條所在位置分批次加載數(shù)據(jù)，給用戶良好的瀏覽體驗?？傊?，經(jīng)過測試，該網(wǎng)站達到了預期的效果，滿足了用戶的需求，提升了用戶的體驗。

1 網(wǎng)站需求分析

1.1 網(wǎng)站的總體目標

知質(zhì)網(wǎng)設計的總體目標是界面美觀大方，內(nèi)容覆蓋全面，內(nèi)容檢索精確快速，盡可能少的讀取數(shù)據(jù)庫，將部分網(wǎng)頁部分模塊靜態(tài)化，加快網(wǎng)站的訪問速度，達到最佳的用戶體驗。

根據(jù)知質(zhì)網(wǎng)的設計目標，將網(wǎng)站劃分為關熱點、學方法、查質(zhì)量、知質(zhì)說、知質(zhì)問答、問知質(zhì)搜索和個人用戶中心七大功能模塊。網(wǎng)站的七大模塊既有獨立部分，也有耦合部分。

1.2 用戶需求分析

知質(zhì)網(wǎng)想要贏得用戶的關注，必須滿足用戶的需求和合理的營銷。知質(zhì)網(wǎng)提供的是產(chǎn)品質(zhì)量信息檢索平臺，其數(shù)據(jù)量非常大，所以全文檢索必須快速準確，用戶能夠快速準確地解決心中的產(chǎn)品質(zhì)量疑問。知質(zhì)網(wǎng)中的信息不可能覆蓋到各個方面，必然有些產(chǎn)品質(zhì)量信息和產(chǎn)品質(zhì)量鑒別方法沒能展示給用戶，所以知質(zhì)問答模塊也是必不可少。由用戶提出有關問題，然后由知質(zhì)博士給用戶解答，并將解答結果展示出來，供其他用戶查看。具體的用戶需求有下面幾個模塊構成：注冊和登錄、知質(zhì)問答、全文檢索、用戶中心、文章收藏。

1.3 前臺需求分析

前臺內(nèi)容要包含關熱點、學方法、查質(zhì)量、知質(zhì)說、知質(zhì)問答和問知質(zhì)搜索六大模塊。這六大模塊涵蓋了網(wǎng)站功能的各個方面，下面簡要說明這六大模塊的功能。

關熱點：發(fā)布產(chǎn)品質(zhì)量相關的熱點信息和跨模塊調(diào)取站點熱點內(nèi)容。

學方法：發(fā)布鑒別產(chǎn)品質(zhì)量的文章，為用戶解釋產(chǎn)品質(zhì)量信息的真正含義和幫助用戶鑒別產(chǎn)品的好壞。

查質(zhì)量：查質(zhì)量模塊是產(chǎn)品質(zhì)量情況對比模塊，用戶可選擇同種產(chǎn)品進行質(zhì)量信息對比，從中獲取質(zhì)量最優(yōu)的產(chǎn)品。

知質(zhì)說：該模塊是幫助用戶解讀產(chǎn)品質(zhì)檢符號的含義，了解產(chǎn)品主要成分和合格情況。

知質(zhì)問答：該模塊主要是解答用戶提出的產(chǎn)品質(zhì)量問題，由知質(zhì)博士向用戶進行解答，并在知質(zhì)問答模塊展示，供其他用戶閱讀。

問知質(zhì)搜索：該模塊要求的技術水準較高，要求達到快速精確搜索的目標，讓用戶很快能夠檢索到所需信息。

1.4 后臺需求分析

后臺包括2個部分：一是用戶中心，另一個是網(wǎng)站后臺管理。

用戶中心：用戶中心應包括用戶注冊、編輯資料、收藏、足跡、問答、評論、安全和消息八大功能。在這八大模塊中需要注意的有：收藏模塊要對收藏文章進行分類，以便用戶進行查看；足跡模塊不僅要展示用戶瀏覽了哪些文章，還要根據(jù)瀏覽足跡推薦給用戶可能喜歡的文章；在消息模塊中要給用戶提示解答結果，以便用戶能夠及時查看。

網(wǎng)站后臺管理：該模塊主要的是負責網(wǎng)站內(nèi)容的管理和用戶管理，由管理員增加文章、更新文章和對用戶進行統(tǒng)一管理。網(wǎng)站后臺管理模塊在開發(fā)設計中，要注重網(wǎng)站安全性和用戶權限問題。網(wǎng)站的后臺可謂是網(wǎng)站的命脈，切不可被黑客盜取密碼，對網(wǎng)站進行破壞。

1.5 網(wǎng)站性能需求分析

網(wǎng)站性能分析屬于非功能需求分析，分析內(nèi)容包括環(huán)境和實現(xiàn)約束、性能、可維護性，可擴展性和平臺依賴的性質(zhì)。性能需求分析給網(wǎng)站增加了一些約束和條件，包括響應速度、檢索速度和精確定、可承擔的負載、延遲時間和內(nèi)存占用等。根據(jù)各個功能模塊的需求和具體特點，開發(fā)人員在整體設計和完成功能需求的同時也要滿足網(wǎng)站的非功能需求，在網(wǎng)站設計與開發(fā)時要滿足以下要求：具有良好的穩(wěn)定性；快速響應；快速準確的全文檢索；良好的可擴展性；耦合性較低；方便用戶操作。

2 網(wǎng)站設計

知質(zhì)網(wǎng)分為前臺和后臺2個模塊，采用的是MVC設計模式，如圖1所示。該模式強制性的使應用程序的輸入、處理和輸出分開，能夠給出很多不同的視圖，當視圖改變時無需更改業(yè)務邏輯；其中，M主要由類來做，用于處理具體的業(yè)務邏輯；V由php來做，主要用于做界面；C由php來做，用于響應用戶的各種請求。

圖1 MVC設計模式

2.1 前臺設計

前臺功能設計如圖2所示，包括知質(zhì)網(wǎng)首頁、關熱點頁面、學方法頁面、查質(zhì)量頁面、知質(zhì)說頁面、知質(zhì)問答頁面、問知質(zhì)搜索頁面、登錄與注冊和個人用戶中心頁面九大模塊，這九大模塊既相互獨立，又有關聯(lián)之處。用戶在瀏覽器中輸入網(wǎng)址進入網(wǎng)站首頁，首頁部分要將這九大模塊完全包括在內(nèi)。首頁的第1排包含用戶中心按鈕和退出登錄按鈕，緊接著是網(wǎng)站的LOG和網(wǎng)站板塊導航。網(wǎng)站導航包括關熱點、學方法、查質(zhì)量、知質(zhì)說、知質(zhì)問答和更多，更多部分用于網(wǎng)站后期的擴展。首頁的中間部分放置各個板塊的熱門文章推薦，用戶可以通過網(wǎng)站首頁查看到全站的熱點內(nèi)容和推薦內(nèi)容。網(wǎng)站的各個模塊都可通過導航進行訪問，用戶點擊導航鏈接即可進入該板塊的內(nèi)容列表頁，點擊內(nèi)容列表頁的標題進入文章具體內(nèi)容頁。

圖2 前臺設計

2.2 后臺設計

后臺功能模塊包括首頁管理、板塊管理、文章管理、評論管理、知質(zhì)提問管理、用戶管理和系統(tǒng)設置七大模塊，管理員通過后臺對各模塊進行綜合管理以及站點信息優(yōu)化。后臺結構設計如圖3所示。

圖3 后臺設計

圖4 各表之間的關系圖

2.3 數(shù)據(jù)庫設計

數(shù)據(jù)庫設計中有7個表，表間的聯(lián)系如圖4所示。用戶信息表主要是存儲用戶的基本信息和用戶權限信息，其中用戶ID為主鍵。網(wǎng)站功能板塊分為關熱點、學方法、查質(zhì)量、知質(zhì)說和知質(zhì)問答五大模塊，這五大模塊信息通過內(nèi)容板塊表來存儲，其中內(nèi)容板塊ID為主鍵。網(wǎng)站的具體文章內(nèi)容存儲在內(nèi)容表中，其中的文章內(nèi)容ID為主鍵，文章歸屬板塊ID和作者用戶ID為外鍵。文章內(nèi)容信息表主要是記錄文章的收藏數(shù)量、點贊數(shù)量和評論數(shù)量，其中的主鍵是內(nèi)容信息ID、外鍵為文章內(nèi)容ID。用戶收藏用于存儲用戶收藏的文章ID和文章標題，記錄收藏時間，其中的主鍵是收藏內(nèi)容ID、外鍵是用戶ID。評論表用戶存儲各個文章底部的評論信息，其中的主鍵是評論ID、外鍵有文章內(nèi)容ID和評論用戶ID。評論回復表用戶存儲評論模塊的回復信息，將評論與回復分開存儲，其中的主鍵是評論回復ID、外鍵是評論ID。

3 網(wǎng)站實現(xiàn)

3.1 功能實現(xiàn)

該網(wǎng)站的采用Microsoft Windows Server 2008操作系統(tǒng)、Apache服務器、MySql數(shù)據(jù)庫管理系統(tǒng)、Zend Studio 12.5.1開發(fā)工具和PHP開發(fā)語言。主要功能結構如圖5所示。

圖5 功能結構圖

1）注冊與登錄功能 知質(zhì)網(wǎng)的用戶分為網(wǎng)站普通用戶和管理員用戶，普通用戶通過注冊即可，游客在注冊賬號后可對網(wǎng)站相關文章進行收藏和向知質(zhì)博士提出疑難問題；超級管理員用戶可以對普通用戶進行授權，使其變?yōu)榫W(wǎng)站管理員用戶。

2）板塊管理功能 網(wǎng)站板塊管理主要實現(xiàn)管理員對板塊的添加、編輯和刪除等管理功能。板塊管理界面如圖6所示。

圖6 板塊管理界面

3）文章管理功能 文章管理模塊包括新增文章、編輯文章、刪除文章、生成靜態(tài)頁和文章信息篩選。用戶在新增文章和編輯文章之后需要點擊預覽按鈕生成靜態(tài)，靜態(tài)頁面的地址存儲在文章管理的數(shù)據(jù)表中。

4）評論管理功能 評論問答管理模塊主要實現(xiàn)普通文章評論回復、評論信息刪除、問答回復、問答刪除、評論和問答搜索。

5）用戶管理功能 用戶管理模塊包括增加新用戶、刪除用戶、禁用用戶、用戶搜索和用戶權限設置。在用戶權限方面分為普通用戶和管理員，管理員可以通后臺登錄地址登錄進入后臺管理，而普通用戶只有前臺登錄權限，無權限進入后臺管理。網(wǎng)站后臺超級管理員后后臺的全部權限，能夠?qū)ζ叽竽K進行管理，并且可以通過授權的方式使普通用戶轉(zhuǎn)變?yōu)檎军c管理員，并為其分配權限。

3.2 關鍵技術

1）頁面靜態(tài)化功能實現(xiàn) 知質(zhì)網(wǎng)的文章數(shù)量將達到上百萬條，文章內(nèi)容不需要時時更新，將文章內(nèi)容頁面靜態(tài)化，跳出ThinkPHP的路由進行訪問將大大增加網(wǎng)站的負載能力和響應速度。管理員在發(fā)布文章之后只需點擊預覽即可生成靜態(tài)頁面，將靜態(tài)頁面的地址存儲在數(shù)據(jù)庫中。頁面靜態(tài)化功能實現(xiàn)如圖7所示。

圖7 頁面靜態(tài)化功能實現(xiàn)

2）瀑布流加載功能實現(xiàn) 各個板塊文章列表頁面實現(xiàn)瀑布流加載，其原理時AJAX技術和數(shù)據(jù)分頁技術相結合。用戶向下滑動瀏覽器滾動條時，根據(jù)滾動條下拉的像素值，判定是否發(fā)送AJAX請求加載下頁數(shù)據(jù)，將下一頁數(shù)據(jù)拼接到上一頁數(shù)據(jù)的下方。

3）交互式權限功能實現(xiàn) 交互式權限功能的實現(xiàn)包括用戶是否允許登錄，用戶在未登錄和登錄狀態(tài)下有哪些權限。在用戶登錄時會判斷用戶的賬號是否被禁用，被禁用賬號的用戶不允許登錄；用戶在未登錄的情況下只允許對各大文章的檢索以及查看，不允許收藏、評論、以及知質(zhì)提問；用戶在登錄后可以擁有用戶的全部權限。

4）評論功能實現(xiàn) 評論模塊與文章內(nèi)容頁面緊密相連，文章內(nèi)容頁面是靜態(tài)的，而評論模塊是動態(tài)的，把這兩個相沖突的模塊組合在一起也是知質(zhì)網(wǎng)的技術難點。本文中采用JavaScript的load技術將文章評論模塊拼接到文章內(nèi)容頁面，實現(xiàn)文章評論內(nèi)容動態(tài)加載。

5）全文檢索功能實現(xiàn) 知質(zhì)網(wǎng)文章數(shù)量龐大，如何能夠讓用戶快速準確檢索的所需內(nèi)容也是網(wǎng)站成功與否的關鍵。知質(zhì)網(wǎng)的文章內(nèi)容都存儲在Content數(shù)據(jù)表中，為全文檢索功能的實現(xiàn)減少不少麻煩。本文實現(xiàn)的全文檢索技術借助于免費的開源全文檢索工具Coreseek，開發(fā)人員按照使用手冊將Coreseek檢索工具安裝配置到服務器中，引入Coreseek所支持的PHP接口類，在接口類中執(zhí)行相關查詢工作。

全文檢索功能實現(xiàn)如圖8所示。

圖8 全文檢索功能實現(xiàn)

3.3 網(wǎng)站測試

基于Web的測試不僅要測試網(wǎng)站開發(fā)是否符合設計要求，而且要對瀏覽器兼容性以及分辨率進行測試，更為重要的是還要對網(wǎng)站的安全性和可用性進行測試。知質(zhì)網(wǎng)的測試主要涉及以下方面：頁面瀏覽器兼容性測試、功能邏輯測試、安全性測試和服務器并發(fā)最大連接量測試。目前知質(zhì)網(wǎng)在IE7、IE8、IE9、IE10、IE11以及谷歌瀏覽器都具有兼容性，界面及功能都能夠正常瀏覽和使用。

知質(zhì)網(wǎng)全站使用UTF-8編碼，保證了在各大瀏覽器中打開網(wǎng)頁能夠正產(chǎn)顯示，無亂碼情況出現(xiàn)。知質(zhì)網(wǎng)用戶輸入框有注冊與登錄、文章評論、知質(zhì)提問和全文檢索4個模塊，在視圖界面使用JavaScript進行數(shù)據(jù)驗證和在ThinkPHP的數(shù)據(jù)模型中再次對用戶輸入數(shù)據(jù)進行驗證，2次數(shù)據(jù)驗證保證了用戶的非法注入與讀取，實現(xiàn)了良好的安全性。服務器端并發(fā)最大連接量測試的主要測試內(nèi)容是用戶注冊數(shù)量測試、100萬用戶同時訪問時負載能力測試、響應速度測試和服務器帶寬測試等。采用的測試方式是借助Webbench工具，幫助模擬多用戶同時訪問網(wǎng)站，并給出服務器并發(fā)最大連接數(shù)量測試報告，測試結果如下：

4 總結

知質(zhì)網(wǎng)嚴格按照軟件開發(fā)流程，進行了項目計劃、需求分析、網(wǎng)站設計、編碼、測試和運行維護幾個階段。經(jīng)測試，網(wǎng)站的功能與性能充分滿足了用戶的需求，PHP腳本、AJAX技術、MySql數(shù)據(jù)庫、Coreseek全文檢索技術、頁面靜態(tài)化等各種技術的綜合使用，提升了網(wǎng)站的響應速度和負載能力。

網(wǎng)站的全文檢索功能沒有實現(xiàn)時時更新檢索索引，需要網(wǎng)站管理員通過服務器的dos窗口命令進行索引重建。下一步工作將優(yōu)化全文檢索功能，為全文檢索建立主索引和臨時索引，臨時索引時時更新新建文章，定時把臨時索引添加到主索引中，力爭實現(xiàn)最佳的全文檢索功能。

［1］曲劍.基于質(zhì)檢總局信息化項目的成本管理研究［D］.北京：北京郵電大學，2009.

［2］李毅.交互式網(wǎng)站的設計與實現(xiàn)［D］.北京：北京郵電大學，2011.

［3］張予民.影響SEO優(yōu)化的網(wǎng)站站內(nèi)結構分析［J］.科技廣場，2014（9）：71-74.

［4］ThinkPHP3.2開發(fā)文檔［S］.上海：上海頂想信息科技有限公司，2014.

［5］楊楠.支持PHP應用的在線集成開發(fā)環(huán)境［J］.計算機科學，2014（9）：38-44.

Design and Implementation of Website for Product Quality

Li Baolin,Zhao Shaojin,Yang Lihua
（School of Economics and Management,Hubei University of Automotive Technology,Shiyan 442002,China）

According to the software development process,based on the requirement analysis,the fore?ground and background design and implementation of the website for product quality were implement?ed.Using the MVC design pattern,Coreseek full text retrieval,page static technology and others,the re?lated functions of the product quality website were achieved.The results show the website can meet the needs of users,enhance the users,experience,and achieve the desired results.

quality query;website design;website development;Coreseek full-text search

TP311.1

：A

：1008-5483（2016）04-0065-05

10.3969/j.issn.1008-5483.2016.04.015

2016-07-11

湖北省科技廳軟科學項目（2016ADC039）；湖北省教育廳科學技術研究項目（B2016082）

李保林（1981-），男，黑龍江訥河人，博士生，從事電子商務、知識管理等方面的研究。E-mail:libaolin180@163.com