基于WEB的校園新聞發(fā)布系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

李宗毅

摘要：該文針對傳統(tǒng)新聞發(fā)布系統(tǒng)存在的問題，設(shè)計(jì)并實(shí)現(xiàn)了基于Web的新聞發(fā)布系統(tǒng)。根據(jù)動態(tài)網(wǎng)頁技術(shù)的工作原理，該新聞發(fā)布系統(tǒng)的開發(fā)以VisualStudio作為平臺，使用VB.NET網(wǎng)絡(luò)程序設(shè)計(jì)語言、SQL Server數(shù)據(jù)庫技術(shù)，開發(fā)出基于Web的新聞發(fā)布系統(tǒng)。新系統(tǒng)的研究開發(fā)對實(shí)際工作有實(shí)際意義，能大大提高信息傳播的效率，保證新聞的準(zhǔn)確性和時(shí)效性。

關(guān)鍵詞：新聞發(fā)布系統(tǒng);B/S;VB.NET;網(wǎng)頁設(shè)計(jì);數(shù)據(jù)庫

中圖分類號：TP311? ? ? 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2021）10-0087-03

1 引言

部分學(xué)校所使用的新聞發(fā)布系統(tǒng)是靜態(tài)網(wǎng)站，隨著信息發(fā)布量的增加，問題日益突出：信息發(fā)布的過程煩瑣，不支持動態(tài)信息查詢，費(fèi)時(shí)費(fèi)力，時(shí)效性難以達(dá)到。學(xué)校遇到的問題通過基于WEB的新聞發(fā)布系統(tǒng)就能解決。動態(tài)網(wǎng)頁的工作原理：客戶端通過瀏覽器URL地址的形式向服務(wù)器發(fā)出訪問Web網(wǎng)頁的請求，服務(wù)器收到請求后查詢數(shù)據(jù)庫找到內(nèi)容，編譯程序代碼，發(fā)送網(wǎng)頁到客戶端。

2 系統(tǒng)開發(fā)理論基礎(chǔ)

筆者實(shí)現(xiàn)新聞發(fā)布系統(tǒng)采用基于數(shù)據(jù)庫的方法，該方法優(yōu)點(diǎn)在于系統(tǒng)維護(hù)方便。系統(tǒng)架構(gòu)為B/S架構(gòu)，客戶借助瀏覽器就能夠輕松地獲取網(wǎng)上由多種Web 服務(wù)器生成的各種各樣的數(shù)據(jù)資源[1]。系統(tǒng)模型使用三層架構(gòu)模型開發(fā)。三層架構(gòu)對易變、核心的業(yè)務(wù)邏輯以組件的形式加以封裝，在邏輯上將應(yīng)用分成獨(dú)立的三層：用戶表示層、應(yīng)用邏輯層、數(shù)據(jù)訪問層，三層間的邏輯劃分明確，使各層間的耦合性降到最低，架構(gòu)具有較好的靈活性、易維護(hù)性和可重用性[2]。系統(tǒng)的表現(xiàn)層使用html、css+div布局方法，該方法很好地解決了表現(xiàn)層與其他層的分離。數(shù)據(jù)層使用sqlserver，該數(shù)據(jù)庫性能強(qiáng)，滿足大的并發(fā)訪問量。程序設(shè)計(jì)采用ASP.NET，ASP.NET是微軟公司推出的編程框架，兼容主流的編程語言。整個(gè)系統(tǒng)使用VisualStudio作為開發(fā)工具。

3系統(tǒng)功能設(shè)計(jì)

在使用動態(tài)新聞發(fā)布系統(tǒng)的解決方案下，將系統(tǒng)分解為后臺、前臺兩部分，功能結(jié)構(gòu)設(shè)計(jì)如圖1所示。

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

對于新聞發(fā)布系統(tǒng)，其核心活動是新聞信息（包含新聞、文件、視頻、通知），普通管理員與新聞信息是通過編輯發(fā)表產(chǎn)生聯(lián)系的，訪客與新聞信息是通過查詢訪問產(chǎn)生聯(lián)系的。其次系統(tǒng)管理員和普通管理員是通過授權(quán)產(chǎn)生聯(lián)系。因此，此系統(tǒng)E-R圖如圖2。

本系統(tǒng)采用SQL Server數(shù)據(jù)庫系統(tǒng)。首先，在站點(diǎn)根目錄建立app_data文件夾，用于存放數(shù)據(jù)庫。后面很多程序頁面用到的|DataDirectory| 就是指app_data這個(gè)目錄，該目錄是專門用來放數(shù)據(jù)庫的，即使知道數(shù)據(jù)庫文件具體路徑也無法下載。其次，新建一個(gè)數(shù)據(jù)庫將它命名為KFScode。最后，依據(jù)各實(shí)體的基本屬性，在該數(shù)據(jù)庫中創(chuàng)建數(shù)據(jù)表。重要數(shù)據(jù)表如下所示。

5 詳細(xì)設(shè)計(jì)與實(shí)現(xiàn)

5.1自定義控件程序設(shè)計(jì)

ASP.NET提供的服務(wù)器控件具有十分強(qiáng)大的功能，但是在實(shí)際工作中，會遇到更復(fù)雜的問題。自定義控件是一項(xiàng)十分靈活的新興技術(shù)，具有可編程性和可復(fù)用性[3]。為了解決這個(gè)問題，可以編寫符合自己需求的控件。系統(tǒng)所設(shè)計(jì)的用戶控件為：導(dǎo)航條header.ascx、底部信息條Footer.ascx、站內(nèi)搜索search.ascx、用戶登錄控件login.ascx。這里以用戶登錄控件為例介紹，用戶登錄控件用于用戶登錄和管理員登錄。系統(tǒng)登錄流程為：1）驗(yàn)證登錄;2）查詢相關(guān)權(quán)限;3）進(jìn)入系統(tǒng)并獲得相應(yīng)菜單[4]。這里用到的數(shù)據(jù)表是admin數(shù)據(jù)表，界面設(shè)計(jì)上用到兩個(gè)文本框、一個(gè)按鈕，一個(gè)標(biāo)簽控件。當(dāng)用戶點(diǎn)擊確定按鈕后，文本框接收的用戶名和密碼會經(jīng)過哈希算法加密，通過session存儲數(shù)據(jù)，驗(yàn)證登錄。如果用戶名不在admin數(shù)據(jù)表中或密碼不正確，則無法登錄。如果驗(yàn)證通過，則進(jìn)入下個(gè)環(huán)節(jié)，判斷用戶權(quán)限，依據(jù)權(quán)限進(jìn)入不同的管理權(quán)限頁面。登錄模塊算法流程圖如圖3所示。

5.2新聞發(fā)布系統(tǒng)后臺管理程序設(shè)計(jì)

1）普通新聞添加功能

Admin_newsadd.aspx用于實(shí)現(xiàn)普通新聞添加功能，該web頁面使用到文本框、下拉列表、多行文本框、命令按鈕等控件。普通新聞添加模塊算法流程圖如圖5所示。

這里算法的難點(diǎn)是過濾HTML字符。內(nèi)容寫入數(shù)據(jù)庫過程中出現(xiàn)禁用符號（如”<、>、引號、換行符、&等”）會出錯(cuò)，因此需要對禁用符號進(jìn)行處理。使用replace函數(shù)將禁用符號用其它符號代替。實(shí)現(xiàn)過濾HTML字符的代碼如下：Request.Form（"content0"）.Replace（"<"， "<"）.Replace（">"，">"）.Replace（" "， " "）.Replace（Chr（34）， """）.Replace（Chr（13）， "

"）。發(fā)布新聞的作者和時(shí)間由系統(tǒng)直接賦值。使用session里存儲的登錄帳號直接賦值給程序，發(fā)文時(shí)間使用today（） 函數(shù)賦值給程序。發(fā)布頁面使用代碼分離技術(shù)。在ASP.NET中利用code_behind表單可以使HTML代碼與實(shí)現(xiàn)其功能的代碼分開， 分別放在不同的文件中實(shí)現(xiàn)表示層與模型相分離。在這里，Admin_newsadd.aspx是前臺代碼，Admin_newsadd.aspx.vb是后臺代碼。提交新聞后會跳轉(zhuǎn)到附件頁面，被詢問是否添加附件，如“是”，則鏈接到附件添加頁面，否則完成新聞添加并返回管理頁面。

2）圖片上傳程序

在網(wǎng)站中，上傳文件到服務(wù)器是一個(gè)開發(fā)中常見的問題。ASP.NET提供了一個(gè)FileUpload控件，可以更加簡單地完成文件上傳的工作。注意，為input元素增加type=”file”的屬性，相應(yīng)地，在form表單中使用這種input的時(shí)候，表單的method必須為post方式，同時(shí)，表單的enctype也必須為multipart/form-data。本系統(tǒng)中圖片上傳程序Admin_appendix.aspx就使用到了FileUpload控件。

附件上傳程序Admin_appendix.aspx重點(diǎn)解析，重命名上傳的文件名稱使用了多個(gè)函數(shù)處理now（）函數(shù)得出，分別是replace函數(shù)、mid函數(shù)。即rnfilename = Replace（Replace（Replace（Now（）， "-"， ""）， "："， ""）， " "， ""）。后面是后綴名的添加rnfilename = rnfilename & Mid（filename， filename.LastIndexOf（"."） + 1）。并用到了ASP.NET內(nèi)部對象server的mappath方法。顯示附件信息使用message.innerhtml。

5.3新聞發(fā)布系統(tǒng)前臺程序設(shè)計(jì)

1）顯示新聞詳細(xì)內(nèi)容（shownews.aspx）-三級界面程序設(shè)計(jì)

顯示新聞詳細(xì)內(nèi)容頁面shownews.aspx用于將具體新聞信息標(biāo)題、作者、內(nèi)容、附件等詳細(xì)信息顯示出來。該web頁面是新聞發(fā)布系統(tǒng)的重點(diǎn)，要求內(nèi)容的排版整齊、美觀，并實(shí)際測試頁面效果。該web頁面實(shí)現(xiàn)恢復(fù)HTML字符是個(gè)難點(diǎn)，它通過下面代碼實(shí)現(xiàn)<%#Server.Htmldecode（DataBinder.Eval（Container， "DataItem.News_content"））%>。具體實(shí)現(xiàn)步驟：新建web窗體命名為shownews.aspx，并存放在網(wǎng)站根目錄下。然后在web頁面上添加自定義控件、repeater控件、label標(biāo)簽控件。

顯示新聞詳細(xì)內(nèi)容shownews.aspx使用了代碼分離模式，代碼位于shownews.aspx.vb文件中。該web頁面中多圖的顯示是個(gè)難點(diǎn)，這里用到分支結(jié)構(gòu)、數(shù)組、循環(huán)結(jié)構(gòu)來實(shí)現(xiàn)。具體是定義imgurl（）為變長數(shù)組，用它來接收多圖文件名信息，然后用for循環(huán)結(jié)構(gòu)依次將imgurl數(shù)組從0到upbound（imgurl）讀取出來，最后結(jié)合label標(biāo)簽控件依次將每個(gè)數(shù)組元素顯示成圖片并換行。最終實(shí)現(xiàn)多圖顯示。

6結(jié)束語

本新聞發(fā)布系統(tǒng)提高了工作效率。該系統(tǒng)隨著校園信息化進(jìn)程的深入，會和更多校園資源網(wǎng)整合在一起，新聞發(fā)布只是最簡單的一個(gè)應(yīng)用，后面還會有成績管理系統(tǒng)，在線考試系統(tǒng)、學(xué)籍管理系統(tǒng)、教師管理系統(tǒng)、圖書管理系統(tǒng)、招生就業(yè)信息系統(tǒng)等等。當(dāng)這些信息管理系統(tǒng)整合在一起后，會形成較完整的校園網(wǎng)。信息化系統(tǒng)給校園內(nèi)外帶來的方便將無處不在。

參考文獻(xiàn)：

[1] 王瑾.基于B/S模式的高校畢業(yè)生就業(yè)信息管理系統(tǒng)設(shè)計(jì)[J].自動化與儀器儀表，2017（12）：95-97.

[2] 宗梅，馬小平.基于.Net的三層Client/Server結(jié)構(gòu)及其應(yīng)用[J].計(jì)算機(jī)工程與設(shè)計(jì)，2005，26（2）：520-522.

[3] 鄭秋梅，劉真，蘇政，等.基于Android的自定義通用可視化控件[J].計(jì)算機(jī)系統(tǒng)應(yīng)用，2017，26（1）：222-226.

[4] 廖亮，劉瑛.基于VB.net和SQL Server的權(quán)限動態(tài)管理的設(shè)計(jì)與實(shí)現(xiàn)[J].電腦知識與技術(shù)，2017，13（36）：1-3.

【通聯(lián)編輯：唐一東】