基于WEB的校報管理系統設計與實現

◆盛波 宋曉鑌

（江蘇聯合職業技術學院常州藝術分院 江蘇 213000）

1 概述

校報是學校思想宣傳的重要工具，是校園主導媒體之一。在高職校中，它具有獨特的功能，從創建以來一直承擔著校園文化傳播載體與校園資訊宣傳渠道的重要角色，對于推進高職校的發展與建設具有重要意義。與其他宣傳渠道相比，校報能夠更廣泛及時宣傳國家的方針、政策等方面的信息，迅速傳達學校的重大決策與工作部署，同時也是重要的橋梁紐帶，不僅加強了校園與社會的緊密聯系，也是校內師生吐露心聲，思想交流的平臺。校報報道的內容圍繞學校建設發展過程中教學、科研、創作、交流、音樂會、演出、藝術實踐等方面，對學校師生在教與學方面取得的最新成就及時祝賀與宣傳，大力弘揚社會主義核心價值觀，積極傳遞正能量，在促進學校黨風、校風、教風、學風建設以及引領優秀校園文化氛圍方面具有重要作用。

隨著網絡技術的不斷進步與發展，各種大眾傳媒在校園興起，新的信息傳播媒體的便利性吸引了大量的群體，改變了人們傳統的閱讀習慣，傳統的紙質校報面臨來自校園網絡和網絡媒體的嚴峻挑戰。在數字化時代，如何利用信息網絡技術，適應新形勢，拓展校報的服務功能，越來越受到校報工作者的重視。將紙質校報轉為網絡版校報是適應數字時代發展的必然選擇，不僅可以節省印刷成本節約資金，更能擴大宣傳范圍。在校園智慧化建設的背景下，如何引進新數字時代的科學技術進行有效的校報信息管理成為校報數字化所帶來的問題。本文在分析校報信息管理的理論基礎上，借助WEB 技術和數據庫技術進行開發，設計并實現校報管理系統，文中以常州藝術高等職業學校校報信息管理系統為例。

2 需求分析

系統主要面向用戶為讀者和校報編輯人員。本著以最小的代價在最短的時間內解決問題的原則，對系統進行需求分析。利用軟件工程的思想，對校報的文章內容、類型以及校報管理過程和方法進行分析。需要數據庫技術將不同時期的信息長期保留并供讀者隨時瀏覽查看，查詢以及存取。同時在保證校報版面布局不變的基礎上，盡可能設計出靈活、便捷、利于讀者和編輯人員使用的平臺。

對于讀者來說，使用要方便快捷，內容要一目了然，能夠進行閱讀和快速檢索，比如可以直接根據刊號進行期刊選擇，同時預覽每期刊物內的文章目錄，進入期刊后，能夠按版面號瀏覽校報不同版面，在每一個版面內，可以查看片面的布局、內容，對感興趣的內容可以點開詳細閱讀，同時可以PDF 格式下載、存檔校報等。

對于管理員來說，需要考慮到管理員可能是非專業使用者，操作的時候以功能實用、簡便易行為主，能夠快速對文章、期刊、版面進行添加、更新、刪除，同時可在線編輯文章，并設置文章所在版面的錨點響應區等操作。

在交互性方面，讀者界面需要保留傳統報紙的閱讀習慣，管理界面要避免復雜操作，簡單易操作。

3 系統設計

根據對常州藝術高等職業學校校報信息管理系統使用者及學校環境的分析，本系統采用ASP.NET 技術，以C#作為編程語言，采用SQL SERVER 數據庫作為后臺數據庫，基于B/S 結構下形成數據驅動的WEB 應用程序。系統大致分為兩大模塊：前臺閱讀模塊、系統管理模塊。

前臺閱讀模塊主要面向讀者用戶，每期報紙以WEB 頁的形式發布到網絡。為滿足讀者原有的閱讀習慣，保留紙質校報的版面布局與風格，通過點擊鏈接或版面上的圖形熱點區域，讓讀者快速閱讀感興趣的詳細內容。前臺頁面不僅展示文字內容，還結合圖形、視頻、動畫等形式展現，體現數字化的優越性。

系統管理模塊主要是面向校報編輯人員即系統管理員，管理員通過賬號密碼登錄系統。主要完成用戶、報刊、版面、文章的管理，可以實現新一期報刊的添加、修改、刪除；通過上傳保留紙質報刊布局風格的PDF 文檔實現各個版面的增加，以及版面的修改與刪除；實現文章的在線編輯，融合圖、文、視頻等多媒體元素實現文章的添加、修改、刪除，并能在版面上設置讀者響應的熱區，提升讀者閱讀樂趣。

數據庫設計結合校報實際需求分析，分析用戶的數據要求，設計數據庫news.mdf，以及對應的表，主要包括管理員表、報刊信息表、版面信息表、文章信息表。管理員表password 字段采用印6 位MD5加密形式存儲。文章信息表中，設置了文章坐標字段，存儲一組4段的矩形坐標數據，主要是根據錨點坐標定位文章在其版面中的位置，以便與讀者交互查閱文章詳情。

4 系統關鍵技術

結合常州藝術高等職業學校用戶數量及信息化環境考慮，系統采用B/S 結構模式，將應用程序和數據庫部署在服務器上，減輕客戶端負載，通過安全防護的高性能服務器，保障系統的穩定性和數據的安全性。在系統結構架構中，為提高系統的可擴展性，降低各個模塊的數據往來，采用數據訪問層、業務邏輯層、表示層三層架構進行設計。數據訪問層（DAL）直接對接數據庫，通過設計數據訪問層抽象接口，為業務層提供數據支持。業務邏輯層（BBL）主要解決從數據訪問層取得數據的業務數據處理及流程實現。表現層（WEB）通過WEB界面，接收用戶需求并輸出數據，為用戶提供交互操作的界面。三層架構的設計擴展性強，結構清晰，方便維護，利于報刊管理平臺今后的升級管理。

4.1 登錄模塊的實現

這一模塊主要為實現后臺管理登錄而設計。管理員通過賬號和密碼進行校驗，判斷成功后登錄系統后臺，進行報刊相關內容編輯。通過驗證，保障系統安全，禁止無關用戶的訪問。登錄過程中通過圖形驗證碼驗證功能設置防止惡意用戶暴力破解登錄。一般來說攻擊程序較難識別圖形驗證字符，無法順利完成登錄，而用戶可以識別并輸入，這在一定程度上實現了阻擋攻擊的作用。對用戶密碼進行加密后再存入數據庫，可以有效防止用戶資料的泄露。用戶密碼采用MD5 加密與數據庫驗證，確認無誤成功登錄，否則彈出提示信息，拒絕登錄。

4.2 報刊、版面、文章管理模塊的實現

新的一期報刊，可以在報刊管理模塊添加和管理。通過設定刊號、日期、以及各版面的縮略圖，生成新一期報刊，存儲在報刊列表內。報刊的縮略圖能夠方便用戶查找、預覽本期刊物。

通過傳遞報刊ID 值，進入相應報刊的版面管理模塊。版面管理模塊主要管理報刊的各個版面，包括版面名稱、版面縮略圖、以及對應的PDF 文件。

每個版面內包含多篇文章，在文章管理模塊，可以對各個版面的文章進行添加、刪除、修改，主要包括文章標題、內容、所屬報刊、所屬版面的，以及具有交互功能的熱點區域坐標的設定。文章管理模塊調用kindeditor 編輯器對文章的文字、圖片、視頻等元素的排版，實現了校報系統核心內容的顯示，并且通過熱區定位與用戶交互，給讀者較好的閱讀體驗。

圖1 版面管理

4.3 WEB 圖形熱區模塊的實現

圖形熱區是校報管理系統中向讀者展示報刊版面內容的一個重要的交互模塊。讀者在瀏覽報刊版面的時候，可以通過鼠標在版面圖片上移動，激活圖片熱區交互，動態預覽熱區標題，點擊熱區可以新開WEB 頁瀏覽文章詳細信息。這種方式既能大大簡化讀者讀報的流程，又能保留讀者的傳統閱讀習慣。

這部分的核心在于熱點區域的坐標定位，即熱區的捕捉。根據熱區坐標范圍，判斷鼠標的位置是否在該區域內，產生響應。

首先，在文章編輯頁創建框架IFRAME，并在框架內顯示校報版面圖片，用JS 腳本輸出方形蒙版圖形框來創建熱點區域，根據版面縮略圖上文章的位置，用鼠標拖動確定熱點區域的大小與坐標，在記錄文章信息的同時，將該文章所在版面上的坐標數據記入數據庫。

其次，前臺瀏覽報刊時，在其對應的版面縮略圖上，定義客戶端圖像映射標簽image-map，生成可點擊區域的版面縮略圖，并通過系統函數將鼠標當前位置坐標，與數據庫中已經存在的熱點區域坐標比對，判斷鼠標所在的熱區區域，將該區域對應文章的標題信息顯示出來。版面圖上的熱區與對應文章形成鏈接，點擊熱區即可瀏覽文章全部信息。

圖2 版面圖上的熱區與對應文章形成鏈接

5 系統安全

本系統雖然是小型報刊管理平臺，但也是運行在互聯網上的數據庫系統，有一定的覆蓋面和影響力，因此在發布時需綜合考慮了網絡、網站以及數據的安全性。硬件方面學校配備了綠盟WAF 網絡防火墻及入侵檢測系統保護服務器安全，使用UPS 保證服務器的不間斷運行，并配備備份一體柜防止數據丟失，確保數據的安全。軟件方面B/S 架構的平臺，避免用戶直接訪問服務器，同時管理員對平臺的核心功能的訪問必須通過登錄驗證才能進入。在后臺還增加了登錄時間、IP 地址等日志統計信息的查閱，以便有突發情況能及時處理，確保系統的安全。

6 結束語

本文設計的基于WEB的校報管理系統易用，實用并成本低廉，操作簡單，解決了學校內紙質報刊與互聯網結合的問題，能滿足學校的需求，通過上線運行測試，達到了預期效果。