編輯部網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

張永華++王朝霞

摘要：隨著網(wǎng)絡(luò)技術(shù)的快速發(fā)展和應(yīng)用普及，傳統(tǒng)的紙介版辦公模式已經(jīng)無法滿足現(xiàn)代化工作需求，為了讓業(yè)務(wù)信息能直觀廣泛地宣傳到位，適應(yīng)廣大作者、讀者所需，該文設(shè)計(jì)并實(shí)現(xiàn)了學(xué)報(bào)編輯部網(wǎng)站。該網(wǎng)站采用B/S架構(gòu)，囊括了編輯部動(dòng)態(tài)、學(xué)術(shù)交流、學(xué)報(bào)要目、期刊信息、投稿指南等業(yè)務(wù)范疇及操作流程，為廣大作者、讀者提供了信息獲取渠道。網(wǎng)站后臺(tái)實(shí)現(xiàn)了部分系統(tǒng)維護(hù)功能，主要包含文字、圖片、文檔等資料信息的上傳及內(nèi)容的刪除工作，確保該網(wǎng)站正常運(yùn)作。

關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；學(xué)報(bào)；編輯部

中圖分類號(hào)：TP399 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2017）30-0093-03

隨著互聯(lián)網(wǎng)技術(shù)的廣泛普及和辦公自動(dòng)化技術(shù)地興起，越來越多單位趨向于采用網(wǎng)站方式廣泛宣傳業(yè)務(wù)范疇，便于滿足不同地域之間具備業(yè)務(wù)往來的單位及個(gè)人的工作之需。本文基于學(xué)報(bào)編輯部工作業(yè)務(wù)需求，設(shè)計(jì)了一個(gè)在線宣傳網(wǎng)站，用以宣傳業(yè)務(wù)范疇。同時(shí)為作者、讀者提供發(fā)文、訂閱信息獲取渠道。

1 業(yè)務(wù)需求分析

編輯部業(yè)務(wù)范疇需求包含編輯部簡介、編輯委員會(huì)名單、機(jī)構(gòu)設(shè)置、藏文版、社科版、規(guī)章制度、投稿指南、電子郵箱、學(xué)報(bào)要目、學(xué)術(shù)交流、通知公告、聯(lián)系電話、友情鏈接等相關(guān)信息展示，并方便作者實(shí)現(xiàn)在線投稿。

2 系統(tǒng)功能分析

本網(wǎng)站需要管理員實(shí)現(xiàn)編輯部業(yè)務(wù)范疇的相關(guān)信息上傳、刪除、修改等系列維護(hù)工作。網(wǎng)站客戶端將業(yè)務(wù)信息直觀展示給廣大作者及讀者。客戶端信息展示時(shí)提供分頁功能，讓信息有規(guī)則地呈現(xiàn)到客戶端。

3 網(wǎng)站設(shè)計(jì)

3.1 網(wǎng)站架構(gòu)設(shè)計(jì)

本網(wǎng)站采用B/S架構(gòu)設(shè)計(jì)。B/S架構(gòu)是Browser/Server架構(gòu)的縮寫，代表客戶端和服務(wù)器，在客戶端需要安裝瀏覽器，服務(wù)器端安裝數(shù)據(jù)庫，用戶可以通過WWW瀏覽器訪問網(wǎng)站資源。在B/S架構(gòu)下，由服務(wù)器端實(shí)現(xiàn)主要事務(wù)邏輯。由于數(shù)據(jù)流向需要，可以在客戶端實(shí)現(xiàn)部分事務(wù)邏輯。數(shù)據(jù)交互由瀏覽器訪問網(wǎng)絡(luò)服務(wù)器中的數(shù)據(jù)庫得以實(shí)現(xiàn)。

3.2 網(wǎng)站模塊設(shè)計(jì)

模塊化設(shè)計(jì)主要是根據(jù)前端展示和后臺(tái)維護(hù)功能把網(wǎng)站本身劃分為不同的功能實(shí)現(xiàn)部分進(jìn)行開發(fā)，然后再組裝起來，每一個(gè)功能實(shí)現(xiàn)部分即為模塊。根據(jù)上文的網(wǎng)站業(yè)務(wù)需求分析和功能分析，本文將網(wǎng)站模塊化如下：

3.2.1 客戶端展示模塊

根據(jù)前文提出的業(yè)務(wù)需求，需要將編輯部簡介、編輯委員會(huì)名單、編輯隊(duì)伍、規(guī)章制度、通知公告、獲獎(jiǎng)信息等展示給廣大作者及讀者，客戶端需要展示信息標(biāo)題、發(fā)布日期、信息包含的文字內(nèi)容、發(fā)布圖片以及相關(guān)的附件文檔等。

3.2.2 管理員后臺(tái)登錄驗(yàn)證模塊

為管理員指定特定的賬號(hào)、密碼，管理員用賬號(hào)、密碼進(jìn)行登錄，系統(tǒng)對(duì)賬號(hào)密碼進(jìn)行驗(yàn)證，若管理員賬號(hào)、密碼同數(shù)據(jù)庫中的賬號(hào)密碼信息一致，則登錄成功，否則失敗。

3.2.3 管理員后臺(tái)操作模塊

管理員登錄成功后，進(jìn)入后臺(tái)操作，管理員可以修改個(gè)人登錄密碼，可以上傳網(wǎng)站需要的數(shù)據(jù)資料信息，包含文本內(nèi)容、圖片、文檔附件、相關(guān)軟件等資源。

3.3 數(shù)據(jù)庫設(shè)計(jì)

3.3.1 管理員信息數(shù)據(jù)庫設(shè)計(jì)

根據(jù)管理員登錄功能需求，需要設(shè)計(jì)管理員信息數(shù)據(jù)庫，數(shù)據(jù)庫名稱為manager，具體字段及含義如下：

3.3.2 信息資源數(shù)據(jù)庫庫設(shè)計(jì)

根據(jù)網(wǎng)站前端展示的信息需求，需要設(shè)計(jì)網(wǎng)站信息數(shù)據(jù)庫，數(shù)據(jù)庫名為newsinfo，具體字段及含義如下：

4 網(wǎng)站編碼實(shí)現(xiàn)

4.1 網(wǎng)站開發(fā)工具

本網(wǎng)站設(shè)計(jì)采用系列軟件[1]如下：

Java語言：jdk-6u10-rc2-bin-b32-windows-i586-p-12_sep_2008。

TOMCAT服務(wù)器：apache-tomcat-7.0.11。

MySQL數(shù)據(jù)庫：mysql-5.5.28-win32。

數(shù)據(jù)庫圖形界面工具：MySQL-Front_V5.3.4.214_Setup.1435658094。

開發(fā)工具M(jìn)yEclipse：myeclipse-pro-2013-SR2-offline-installer-windows。

4.2 網(wǎng)站界面實(shí)現(xiàn)

4.2.1 客戶端界面設(shè)計(jì)

在客戶端界面中，將結(jié)構(gòu)設(shè)置、規(guī)章制度、投稿指南、期刊信息、獲獎(jiǎng)信息、聯(lián)系我們及資料下載設(shè)置成菜單欄目，將通知公告、編輯部動(dòng)態(tài)、學(xué)術(shù)交流、學(xué)報(bào)要目、中國藏學(xué)論點(diǎn)摘編及圖片新聞設(shè)計(jì)成模塊欄目，如圖1所示。用戶點(diǎn)擊可以進(jìn)入相應(yīng)的界面。

4.2.2 管理員資料上傳界面設(shè)計(jì)

為了實(shí)現(xiàn)B/S架構(gòu)的數(shù)據(jù)交互[2]，本文設(shè)計(jì)了資料上傳界面。管理員賬戶密碼登錄后，可以在該界面中，輸入標(biāo)題，選擇發(fā)布欄目，輸入上傳時(shí)間，文本內(nèi)容，添加正文及附件圖片和文本，提交信息后就可以實(shí)現(xiàn)Web資料上傳，如圖2所示。

4.3 網(wǎng)站數(shù)據(jù)交互編碼及實(shí)現(xiàn)

4.3.1 網(wǎng)站數(shù)據(jù)交互編碼

由于管理員需要驗(yàn)證身份登錄，本文采用javabean來編碼實(shí)現(xiàn)管理員賬號(hào)密碼信息的數(shù)據(jù)庫驗(yàn)證工作[3]。具體工程架構(gòu)及代碼如圖3所示，其中，Manager類用于存放管理員賬號(hào)密碼信息，ManagerAction類定義了Manager類的接口，而ManagerActionImpl類實(shí)現(xiàn)了ManagerAction接口。

由于管理員需要上傳資料信息并保存到數(shù)據(jù)庫，本文采用javabean來編碼實(shí)現(xiàn)網(wǎng)站信息的封裝工作。其中，NewsInfo類用于存放網(wǎng)站需要的數(shù)據(jù)信息屬性及方法，NewsInfoDataStore類用于定義信息的接口，而NewsInfoDataStoreImpl用于實(shí)現(xiàn)接口。

網(wǎng)站運(yùn)作過程有用戶操作動(dòng)作的存在，本文設(shè)計(jì)了servlet來實(shí)現(xiàn)客戶端和數(shù)據(jù)庫之間的數(shù)據(jù)提交，具體工程架構(gòu)如圖4所示。在servlet編碼中，獲得客戶端提交的所有信息，并將其封裝到對(duì)應(yīng)的javabean中，再由javabean實(shí)現(xiàn)類保存至數(shù)據(jù)庫。

4.3.2 網(wǎng)站數(shù)據(jù)實(shí)現(xiàn)

通過管理員資料上傳界面上傳的相關(guān)內(nèi)容信息，在數(shù)據(jù)顯示界面顯示出來，截圖如圖5所示。

4.3.3 分頁技術(shù)編碼及實(shí)現(xiàn)

現(xiàn)有的翻頁技術(shù)包含常規(guī)翻頁、信息滾動(dòng)翻頁和滾動(dòng)條翻頁技術(shù)[4]。本文根據(jù)工作需要，設(shè)計(jì)了根據(jù)新聞條路數(shù)量進(jìn)行自動(dòng)分頁的技術(shù)編碼。具體思路為，先計(jì)算該欄目下信息的總條數(shù)numsum，事先設(shè)定好每一頁新聞的固定顯示信息條數(shù)numpage，用（信息的總條數(shù)numsum/每頁固定顯示信息條數(shù)numpage）就得到信息所需頁數(shù)，若商為小數(shù)的，需要進(jìn)行擴(kuò)展頁碼處理。具體的工程及編碼展示如圖6-7所示。

實(shí)現(xiàn)效果如圖7所示。

5 小結(jié)

本文采用JDK、TOMCAT服務(wù)器、MySQL數(shù)據(jù)庫、MyEclipse開發(fā)工具、JSP和Servlet等Web開發(fā)技術(shù)對(duì)編輯部網(wǎng)站進(jìn)行了設(shè)計(jì)和實(shí)現(xiàn)，管理員通過身份驗(yàn)證登錄后，可以上傳網(wǎng)站需要顯示的客戶端信息內(nèi)容。不同地域的作者、讀者可以通過客戶端瀏覽器訪問編輯部相關(guān)信息，順應(yīng)了時(shí)代發(fā)展需求，滿足工作實(shí)際需要，為推動(dòng)軟件辦公做出了積極貢獻(xiàn)。

參考文獻(xiàn)：

[1] 王朝霞.基于SOA的遞四方物流應(yīng)急物資管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].西藏大學(xué)學(xué)報(bào)：自然科學(xué)版，2012，1（27）：115-122.

[2] 高紅梅，刑順林.教務(wù)管理系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)——以西藏大學(xué)為例[J].電腦知識(shí)與技術(shù)，2012，27（8）：6421-6423.

[3] 郭鄭州，崔群法，張銀鶴. ASP.NET3.5從入門到精通[M].北京：電子工業(yè)出版社，2009： 77-86，201-264.

[4] 劉斌，張軍.ASP.NET+SQL SERVER動(dòng)態(tài)網(wǎng)站開發(fā)案例精選[M].北京：清華大學(xué)出版社， 2005：249-277，389-407.endprint