李斐然,李總苛
(湖北工業(yè)大學(xué) 經(jīng)濟與管理學(xué)院,湖北 武漢 430068)
?
基于ASP技術(shù)的期刊網(wǎng)站建設(shè)分析與設(shè)計
李斐然,李總苛*
(湖北工業(yè)大學(xué) 經(jīng)濟與管理學(xué)院,湖北 武漢 430068)
以《情報雜志》網(wǎng)站的建設(shè)為例,詳細(xì)分析了在“互聯(lián)網(wǎng)+”背景下《情報雜志》網(wǎng)站系統(tǒng)的體系結(jié)構(gòu)和功能,對網(wǎng)站各個頁面的數(shù)據(jù)庫、系統(tǒng)的功能進行了設(shè)計及測試。該分析設(shè)計不僅為小型期刊雜志今后的網(wǎng)站建設(shè)提供了技術(shù)參考,而且給今后初創(chuàng)企業(yè)的網(wǎng)站建設(shè)提供了理論參考和借鑒。
動態(tài)網(wǎng)站技術(shù);ASP;IIS;SQL;網(wǎng)站建設(shè)
在“互聯(lián)網(wǎng)+”到來的時代,人們幾乎可以從網(wǎng)上獲取任何想要的信息,這其中當(dāng)然包括人們對期刊雜志的需求。傳統(tǒng)紙質(zhì)期刊雜志正面臨著前所未有的挑戰(zhàn),如:對紙質(zhì)期刊雜志有需求的讀者數(shù)量減少、紙質(zhì)期刊雜志不方便隨身攜帶、紙質(zhì)期刊雜志制作成本費用較高和作者無法快速投稿等。期刊雜志類企業(yè)如何應(yīng)對“互聯(lián)網(wǎng)+”時代帶來的挑戰(zhàn),關(guān)乎著期刊的生死存亡。這些企業(yè)建設(shè)屬于自己的網(wǎng)站就成了應(yīng)對挑戰(zhàn)較為可行的方法,這不僅是因為網(wǎng)站可以向外界發(fā)布本企業(yè)的各種信息,例如:企業(yè)的文化、企業(yè)的經(jīng)營理念、企業(yè)的服務(wù)等,還可以幫助企業(yè)開拓新的市場,為企業(yè)的生存發(fā)展提供更大的空間,此外網(wǎng)站還可以為傳統(tǒng)期刊企業(yè)的進一步發(fā)展提供更好的基礎(chǔ)。
然而,由于期刊雜志類企業(yè)本身屬于小型企業(yè),建設(shè)網(wǎng)站首先要考慮的就是成本問題。這就要求期刊雜志類企業(yè)選擇既可以滿足企業(yè)需要又要選擇成本較低的網(wǎng)站,而基于ASP技術(shù)的動態(tài)網(wǎng)站建設(shè)很好地滿足了這些要求。
本設(shè)計立足于期刊雜志類企業(yè)屬于微小型企業(yè)這一基本事實,以《情報雜志》網(wǎng)站的開發(fā)建設(shè)為案例,按照網(wǎng)站開發(fā)的原則,依次對網(wǎng)站的體系機構(gòu)、系統(tǒng)功能、網(wǎng)站需求、網(wǎng)站的各級頁面等分別進行分析與設(shè)計,并對網(wǎng)站的運行進行了測試。這為小型期刊雜志類企業(yè)今后的網(wǎng)站建設(shè)提供了技術(shù)參考,同時對今后初創(chuàng)企業(yè)的網(wǎng)站建設(shè)也有理論參考和借鑒意義。
根據(jù)《情報雜志》網(wǎng)站的實際狀況,主要從可行性、功能需求兩方面進行分析。
1.1 可行性分析
建立一個全新網(wǎng)站的可行性分析具體包括很多種,本設(shè)計主要進行技術(shù)可行性、經(jīng)濟可行性2個方面的分析。
1.1.1 經(jīng)濟可行性分析
期刊雜志類網(wǎng)站不僅要向用戶展示期刊的相關(guān)信息,還應(yīng)該吸引潛在的用戶以及提高期刊的知名度。通過網(wǎng)絡(luò)對期刊和用戶同時進行管理,便于加深企業(yè)管理者對《情報雜志》客戶需求的了解,從而及時地與用戶進行交流,針對用戶的具體要求進行改進和完善。從長遠(yuǎn)的經(jīng)濟利益方面來看,期刊網(wǎng)站帶來的長遠(yuǎn)利益遠(yuǎn)遠(yuǎn)高于當(dāng)前網(wǎng)站的建設(shè)成本,所以在經(jīng)濟方面是完全可行的。
1.1.2 技術(shù)性可行分析
Web瀏覽器應(yīng)支持的主要功能有:HTML、Frames、Tables、客戶端的圖片映射、文件下載、Java Script,Cookie,一般情況下使用 IE8.0 和 Netscape 8.0,管理員信息見表1。
表1 管理員信息表
網(wǎng)站采用 ASP 技術(shù)、IIS 6.0軟件和 Microsoft SQL Server2000數(shù)據(jù)庫在技術(shù)上具有較強的可行性,建成后的網(wǎng)站理論上可以運行良好。
1.2 功能需求分析
通過對《情報雜志》企業(yè)信息的了解,《情報雜志》網(wǎng)站功能需求分析如圖1所示,主要包括前臺和后臺兩大功能模塊[4]。
1.2.1 前臺功能需求分析
網(wǎng)站的前臺包括8大模塊:首頁、期刊介紹、投稿須知、文章查詢、通知通告、編讀園地、在線訂閱、聯(lián)系我們。除了首頁模塊以外,其他模塊都有2級欄目。每個2級欄目頁面具有其特有的功能,例如:期刊在線訂閱、在線投稿系統(tǒng)、聯(lián)系期刊編輯等功能。
1.2.2 后臺功能需求分析
后臺頁面包括新聞管理、用戶管理、留言管理3個模塊。其中新聞管理和用戶管理使用頻率較高,而用戶管理模塊由于用戶留言較少導(dǎo)致使用頻率較低,故網(wǎng)站管理員未來可以多引導(dǎo)用戶留言與雜志社進行溝通。
該網(wǎng)站的后臺功能主要是實現(xiàn)對前面各頁面的信息進行操作,如:添加、刪除、修改頁面信息;添加、修改、刪除各個版塊下的信息(包括文字與圖片),按照信息對欄目進行分類,并在前臺顯示出來;添加、刪除欄目板塊;后臺用戶管理;后臺維護;及時在線回復(fù)問題;添加文章鏈接等。通過對后臺的嚴(yán)格管理可以保證網(wǎng)站用戶的安全登錄,防止非法的用戶登錄后臺[5]。
2.1 系統(tǒng)結(jié)構(gòu)
根據(jù)《情報雜志》網(wǎng)站的實際情況,采用B/S 結(jié)構(gòu)進行網(wǎng)站開發(fā)。B/S結(jié)構(gòu)如圖2所示。B/S 結(jié)構(gòu)可以簡單地搭建在廣域網(wǎng)的基礎(chǔ)上,而沒有必要使用專業(yè)性較強的網(wǎng)絡(luò)硬件環(huán)境。B/S 結(jié)構(gòu)在利用WWW瀏覽器技術(shù)的基礎(chǔ)之上,與瀏覽器的 Script 語言和ActiveX 技術(shù)相結(jié)合。原本一些需要花費大量時間和精力、借助專用軟件才能完成的功能,現(xiàn)在通過使用通用瀏覽器就可以實現(xiàn),同時還減少了網(wǎng)站開發(fā)、建設(shè)所需的成本。Windows的結(jié)構(gòu)實現(xiàn)了瀏覽器技術(shù)植入到操作系統(tǒng)內(nèi)部,這種結(jié)構(gòu)為軟件開發(fā)提供了明顯的便利[6]。
2.2 系統(tǒng)首頁框架設(shè)計
網(wǎng)站首頁是了解一個期刊概況的網(wǎng)上入口,能夠給予讀者以與其他媒介不同的視覺感受。瀏覽一個期刊的網(wǎng)站,可以幫助瀏覽者在盡短的時間內(nèi)了解并熟悉該期刊的概況、期刊運營、期刊文化等內(nèi)容。
在《情報雜志》網(wǎng)站中,前臺首頁主要包括以下功能模塊:首頁模塊、期刊介紹模塊、投稿須知模塊、文章查詢模塊、通知公告模塊、編讀園地模塊、在線訂閱模塊、聯(lián)系我們模塊。通過詳細(xì)編碼后的網(wǎng)站首頁效果如圖3所示。
后臺編碼程序由于篇幅較大,現(xiàn)只展示部分網(wǎng)站首頁代碼如下。
title
《情報雜志》
@import "styles/main.css"
@import "styles/left.css"
@import "styles/right.css"
2.3 前臺頁面設(shè)計
2.3.1 網(wǎng)站首頁設(shè)計
《情報雜志》網(wǎng)站首頁頁面板塊分布設(shè)計主要是根據(jù)內(nèi)容劃分的。頁面從上到下依次為《情報雜志》的LOGO、八大模塊;第3層采用了豎排分裂的形式,主要由三大板塊構(gòu)成。這樣設(shè)計不僅可以把網(wǎng)站的信息充分展現(xiàn)出來,同時還可以把其他欄目合理地插入到豎排版塊當(dāng)中。
2.3.2 列表頁設(shè)計
《情報雜志》網(wǎng)站的2級頁面即列表頁,主要是根據(jù)各欄目內(nèi)容進行詳細(xì)設(shè)計。 為方便用戶瀏覽各列表頁,各列表頁與首頁采用直接連接形式。
2.3.3 內(nèi)文頁設(shè)計
網(wǎng)站的內(nèi)文頁就是網(wǎng)站的2級頁面下屬頁面,其展示了各欄目的具體信息。
2.4 后臺頁面設(shè)計
網(wǎng)站的后臺頁面設(shè)計一般遵循架構(gòu)清晰、頁面簡潔等原則,在視覺元素上網(wǎng)站的后臺頁面既可和前臺頁面色調(diào)一致,也可以根據(jù)管理員的意愿進行設(shè)計,這樣才能體現(xiàn)網(wǎng)站設(shè)計的人性化原則。
根據(jù)《情報雜志》網(wǎng)站的總體規(guī)劃,后臺設(shè)計分為用戶管理板塊(管理員模塊)與欄目管理板塊。
2.5 數(shù)據(jù)庫設(shè)計
隨著“互聯(lián)網(wǎng)+”背景下數(shù)據(jù)庫的發(fā)展,數(shù)據(jù)庫已經(jīng)不再像以前只是單純地實現(xiàn)對數(shù)據(jù)基本操作的功能,當(dāng)前的數(shù)據(jù)庫可以根據(jù)用戶的具體需求進行設(shè)計和開發(fā)?!肚閳箅s志》網(wǎng)站的信息管理、欄目管理、用戶管理就是根據(jù)期刊雜志的特點進行開發(fā)的。
《情報雜志》網(wǎng)站使用的數(shù)據(jù)庫實體,具體可分為管理員實體、用戶實體、留言實體、新聞實體、查詢實體等,下面給出幾個關(guān)鍵實體的用例圖。
2.5.1 數(shù)據(jù)庫概念設(shè)計
網(wǎng)站總體的E-R圖如圖4所示。后臺管理員實體、用戶實體、留言板實體、新聞實體和搜索實體以及各實體屬性見表2。
實體名稱實體屬性后臺管理員實體管理員編號、管理員名稱、管理員密碼用戶實體用戶編號、電話號碼、用戶密碼、電子郵箱、用戶真實姓名留言板實體留言編號、留言人、留言內(nèi)容、留言時間、聯(lián)系信箱、留言主題新聞實體新聞編號、新聞標(biāo)題、新聞內(nèi)容、日期/時間、作者屬性搜索實體期刊價格、期刊編號、期刊內(nèi)容、期刊名稱、期刊目次編號屬性
2.5.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計
根據(jù)在數(shù)據(jù)庫概念設(shè)計中得到的實體E-R圖,設(shè)計出了其對應(yīng)的數(shù)據(jù)表結(jié)構(gòu)。
1)管理員信息表主要是保存管理員信息,其結(jié)構(gòu)見表3。
表3 管理員信息表
2)會員信息表主要是保存會員信息,其結(jié)構(gòu)見表4。
表4 會員信息表
3)留言信息表主要是保存留言信息,其結(jié)構(gòu)見表5。
表5 留言信息表
4)新聞信息表主要是保存新聞信息,其結(jié)構(gòu)見表6。
表6 新聞信息表
5)搜索信息表主要是保存商品信息,其結(jié)構(gòu)見表7。
表7 搜索信息表
由于ASP語言屬于Web服務(wù)器端網(wǎng)頁設(shè)計技術(shù)的一種,利用ASP語言建立的網(wǎng)站具有功能強大和安全性級別高等特點,但在現(xiàn)實中有可能由于程序員的疏忽、網(wǎng)站管理員的水平低和其他人員惡意攻擊網(wǎng)站等造成網(wǎng)站存在安全隱患?!肚閳箅s志》網(wǎng)站根據(jù)其自身安全級別的需要在網(wǎng)站安全和網(wǎng)站數(shù)據(jù)庫安全方面都采取了一定的防范措施。
3.1 網(wǎng)站安全分析
3.1.1 賬號和密碼安全
《情報雜志》屬于雙核心期刊,非法操作人員一旦破解網(wǎng)站的后臺登陸界面,就可以惡意修改期刊論文的審核進度,從而獲得非法的經(jīng)濟利益和擾亂論文的正常發(fā)表。為了防范這種隱患,《情報雜志》網(wǎng)站通過改進管理員賬號的命名規(guī)則(如禁止使用root、admin等賬號命名)和禁止網(wǎng)站管理員在其他地方登陸等手段來提高賬號和密碼的安全性。
3.1.2 ASP頁面安全性
ASP頁面的安全性主要是指在設(shè)計網(wǎng)站過程中代碼的安全性問題。由于ASP語言使用的是非編譯性語言,任何用戶都可以很容易地看到網(wǎng)站的源代碼,專業(yè)的黑客更是可以把登陸站點拉到本地登陸端。為了杜絕這種安全隱患,《情報雜志》通過采用ScriptEncoder對ASP頁面代碼進行加密,使用session對象進行注冊驗證,通過增加防post攻擊的代碼,禁止用戶上傳非安全性文件以及禁止用戶繞過網(wǎng)站一級頁面直接進入網(wǎng)站二級頁面等措施以提高《情報雜志》網(wǎng)站的安全性。
3.2 數(shù)據(jù)庫安全分析
基于ASP技術(shù)建立的網(wǎng)站數(shù)據(jù)庫最大的隱患莫過于要防止數(shù)據(jù)庫被非法下載。為了數(shù)據(jù)庫的安全,《情報雜志》網(wǎng)站設(shè)計者首先為其數(shù)據(jù)庫文件以非常規(guī)的名字進行命名,其次使用了ODBC數(shù)據(jù)源以防止外人獲得數(shù)據(jù)庫的具體存儲位置和存儲路徑,最后還使用MD5加密技術(shù),該技術(shù)當(dāng)前破解難度很大,即使是專業(yè)人員也需要很長的時間才能進行破解。
此外,在實際的運行過程中發(fā)現(xiàn)《情報雜志》網(wǎng)站原始的數(shù)據(jù)庫密碼環(huán)節(jié)存在安全隱患(如:密碼容易被破解),而后根據(jù)《情報雜志》網(wǎng)站自身對數(shù)據(jù)庫安全級別的需要對數(shù)據(jù)庫密碼物理存儲路徑進行了虛擬化處理,這就使得登陸數(shù)據(jù)庫時密碼不容易被非法獲取和破解。
4.1 網(wǎng)站的實施
4.1.1 數(shù)據(jù)庫的連接
該網(wǎng)站連接數(shù)據(jù)庫的步驟依次為:打開Dreamweaver→點擊窗口→點擊數(shù)據(jù)命令→點擊數(shù)據(jù)庫頁面→點擊選族/自定義選項。彈出/自定義對話框,在對話框中連接名稱文本框中輸入Company字符,連接字符串文本框中輸入代碼,“PROVIDER=SQLOLEDB;DATA SOURCE=SQL qingbaozazhi;UID=sa;PWD=admin;DATABASE=qingbaozazhi”,單擊確定按鈕,即可連接成功。
4.1.2 建立網(wǎng)站系統(tǒng)的數(shù)據(jù)庫
建立本系統(tǒng)的數(shù)據(jù)庫首先得運行“服務(wù)管理器”,然后打開“企業(yè)管理器”選項, 新建一個名為“qingbaozazhi”的數(shù)據(jù)庫[7]。然后在qingbaozazhi這個數(shù)據(jù)庫下建立相對應(yīng)數(shù)據(jù)表,主要有Users,News,Topic,User Right。
建立起數(shù)據(jù)庫后,首先要創(chuàng)建相應(yīng)的使用該數(shù)據(jù)庫的用戶,數(shù)據(jù)庫提供的sa用戶為默認(rèn)用戶(注:sa用戶默認(rèn)密碼也為sa),sa用戶擁有該數(shù)據(jù)庫的最高權(quán)限。通過sa用戶可以創(chuàng)建其他用戶,創(chuàng)建其他用戶的步驟依次為:打開管理器→安全性→登錄頁面。
4.1.3 在 Windows 7 下 IIS 6.0與 ASP 的配置
在 Windows 7 下配置IIS 6.0和配置ASP,其具體步驟如下:
第1步:在Windows7系統(tǒng)環(huán)境下打開控制面板→打開或關(guān)閉 Windows 功能, 彈出Windows 功能安裝選項菜單,操作人員可根據(jù)需要進行選擇性安裝。
第2步:等到安裝完成后,再次單擊進入控制面板,然后選擇“管理工具”,最后雙擊“Internet (IIS)管理器”選項進入 IIS 設(shè)置頁面[8]。進入到 IIS 6.0 控制面板后,再選擇“Default Web Site”,然后雙擊 ASP 的選項。
第3步:由于IIS 6.0 中的 ASP 上級路徑開始時是沒有啟用的,需要人為開啟上級路徑,再選擇 True,完成上級路徑選項步驟。
第4步:為IIS 6.0 配置站點。首先點擊右邊的選項即高級設(shè)置選項,可以進行網(wǎng)站目錄的設(shè)置。單擊右邊的綁定項,進行網(wǎng)站端口的設(shè)置。
第5步:單擊默認(rèn)文檔項,進行網(wǎng)站默認(rèn)文檔的設(shè)置。
到此,在Windows7 環(huán)境下 IIS 6.0 的設(shè)置已完成,ASP 技術(shù)和SQL Server 2000 程序可以進行調(diào)試。
4.2 前臺頁面測試
網(wǎng)站的前臺頁面測試主要有用戶在使用過程中進行相應(yīng)的頁面測試。用戶通過點擊網(wǎng)站頁面文字信息和其他圖片等信息進行瀏覽等操作,進而進入相應(yīng)的下級頁面,如果在此過程中發(fā)現(xiàn)網(wǎng)站運行存在問題,可及時反饋給網(wǎng)站管理員,管理員將不斷對網(wǎng)站進行完善。前臺頁面各功能結(jié)構(gòu)如圖5所示。
該網(wǎng)站設(shè)計的首頁提供了所需主要功能模塊的直接入口,這樣不僅使網(wǎng)站頁面簡潔明了,而且還極大地方便了用戶。
4.3 后臺頁面測試
該網(wǎng)站系統(tǒng)的后臺主要是實現(xiàn)管理員對網(wǎng)站頁面進行添加、刪除、修改信息等操作。對后臺的測試主要是由網(wǎng)站的管理員完成。后臺登陸頁面如圖6所示。
管理員在登陸后可以對網(wǎng)站的新聞和用戶進行添加、刪除、搜索等操作。如果后臺登陸失敗,網(wǎng)站系統(tǒng)會提示管理員登陸失敗。
在當(dāng)前“互聯(lián)網(wǎng)+”的背景下,人們對傳統(tǒng)的紙質(zhì)期刊需求在一定程度上被電子刊物所代替。隨著人們閱讀習(xí)慣的改變,作為期刊企業(yè)建設(shè)屬于本期刊的網(wǎng)站,提供滿足人們閱讀習(xí)慣的電子刊物,這樣期刊企業(yè)才可以不斷地發(fā)展和前進。期刊雜志網(wǎng)站不僅可以幫助期刊企業(yè)走出他們的困境,還可以吸引更多的用戶和提高期刊的知名度;同時,也符合當(dāng)前國家號召的期刊數(shù)字化改革的要求,使期刊更快地走上全媒體之路。
由于各種主客觀因素的影響,本分析與設(shè)計存在一些不足。例如:在線投稿子系統(tǒng)的分析與研究可以更深入,同時期刊雜志網(wǎng)站可以完善在線交流的子系統(tǒng),在視覺上設(shè)計出更能吸引用戶的色調(diào),還可以在網(wǎng)站的建設(shè)過程中引入.net語言進行網(wǎng)站的開發(fā)工作等。
[1] 李國輝.羅定職院《模擬電子技術(shù)》課程學(xué)習(xí)系統(tǒng)的設(shè)計與實現(xiàn)[D].成都:電子科技大學(xué),2015.
[2] 金山.淺談Redhat服務(wù)器下實現(xiàn)單IP多域名的Web服務(wù)器架設(shè)[J].電子制作,2014(20):133.
[3] 朱鳳明.網(wǎng)頁設(shè)計與制作中DreamweaverCs5的功能應(yīng)用與發(fā)展趨勢[J].電腦知識與技術(shù),2013,9(24):5428-5429.
[4] 劉春霞.基于JSP的中小型企業(yè)門戶網(wǎng)站設(shè)計[J].軟件導(dǎo)刊,2015,14(6):116-117.
[5] 賈永勝.新聞發(fā)布系統(tǒng)的設(shè)計與實現(xiàn)[J].數(shù)字技術(shù)與應(yīng)用,2013(2):127.
[6] 季玉茹,王德忠.基于ASP的網(wǎng)上拍賣系統(tǒng)的設(shè)計[J].電腦知識與技術(shù),2015,11(6):239-240.
[7] Senthilkumar V,Varghese K,Chandran A.A Web-based system for design interface management of construction projects[J].Automation in Construction,2010,19(2):197-212.
[8] 胡江.農(nóng)村中小學(xué)信息管理系統(tǒng)的設(shè)計與實現(xiàn)[D].成都:電子科技大學(xué),2015.
(責(zé)任編輯 吳鴻霞)
Analysis and Design of Online Periodical Website Construction Based on ASP Technology
LiFeiran,LiZongke*
(School of Economics and Management,Hubei University of Technology,Wuhan Hubei 430068)
Taking the website construction of “Journal of Intelligence” as an example,this paper analyzes the architecture and functions of the website system in details against the background“Internet Plus”.The design and test have been done for the database and system functions of each page of website.The research can provide not only technical reference on website construction for small-sized magazines and journals,but also some theoretical reference for website construction of newly-established firms in the future.
storm dynamic web technology;ASP;IIS;SQL;website building
2016-05-26
李斐然,碩士生。
10.3969/j.issn.2095-4565.2016.05.008
TP393
A
2095-4565(2016)05-0033-07
*通訊作者:李總苛,碩士生。