基于WEB的校園新聞發布系統設計與實現

李宗毅

摘要：該文針對傳統新聞發布系統存在的問題，設計并實現了基于Web的新聞發布系統。根據動態網頁技術的工作原理，該新聞發布系統的開發以VisualStudio作為平臺，使用VB.NET網絡程序設計語言、SQL Server數據庫技術，開發出基于Web的新聞發布系統。新系統的研究開發對實際工作有實際意義，能大大提高信息傳播的效率，保證新聞的準確性和時效性。

關鍵詞：新聞發布系統;B/S;VB.NET;網頁設計;數據庫

中圖分類號：TP311? ? ? 文獻標識碼：A

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

1 引言

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

2 系統開發理論基礎

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

3系統功能設計

在使用動態新聞發布系統的解決方案下，將系統分解為后臺、前臺兩部分，功能結構設計如圖1所示。

4數據庫設計

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

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

5 詳細設計與實現

5.1自定義控件程序設計

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

5.2新聞發布系統后臺管理程序設計

1）普通新聞添加功能

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

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

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

2）圖片上傳程序

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

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

5.3新聞發布系統前臺程序設計

1）顯示新聞詳細內容（shownews.aspx）-三級界面程序設計

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

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

6結束語

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

參考文獻：

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

[2] 宗梅，馬小平.基于.Net的三層Client/Server結構及其應用[J].計算機工程與設計，2005，26（2）：520-522.

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

[4] 廖亮，劉瑛.基于VB.net和SQL Server的權限動態管理的設計與實現[J].電腦知識與技術，2017，13（36）：1-3.

【通聯編輯：唐一東】