慕明濤,王云
(山西師范大學教育技術與傳媒學院,山西臨汾041000)
基于CMS的大同大學社區服務網站設計與實現
慕明濤,王云
(山西師范大學教育技術與傳媒學院,山西臨汾041000)
在城市信息化建設中,社區信息化仍是其中的薄弱環節,因此建立便民、美觀的社區服務網站具有重要意義。本課題依據大同大學周邊社區現狀,綜合網站開發背景,采用基于.NET Framework 4.0和Microsoft SQL Server 2008的技術設計開發出集社區介紹、社區管理、社區服務、社區新聞公告、社區互動交流功能于一體的大同大學社區服務網站。社區服務網站的建設能有效促進社區的各項建設、提高社區的服務水平,加快城市信息化的建設步伐。
信息化建設;社區服務網站;Microsoft SQL Server
21世紀初,中國社區服務網站出現在北京、深圳、上海等發達地區。創辦初期主要集中在辦論壇,但論壇的內容有限,管理也有缺陷,不能滿足社區信息化建設的要求。
大同大學社區服務網站的主要服務對象是山西大同大學御東校區的教師住宅區和大同大學專家公寓的居民。

大同大學社區服務網站本著以人為本的設計原則,對用戶進行需求分析。具體分析如下:
管理員負責網站的日常維護和內容更新,發布新聞信息、通知、公告,管理注冊用戶。社區居民通過上網可以查詢社區相關新聞信息、小區通知、瀏覽社區介紹、社區活動,也可以注冊成為會員,實現居民之間在線交流,如圖1所示。

(1)操作可行性
大同大學社區服務網站界面簡潔、美觀,功能模塊層次分明、考慮了不同用戶群,便于用戶操作,容易上手。普通用戶只要通過瀏覽器就可以瀏覽社區介紹、社區活動、社區新聞,查看通知、公告等。管理后臺采用CMS(網站內容管理系統),便于管理人員進行網站欄目管理、網站內容更新、新聞發布、社區文檔上傳、網站留言管理、用戶管理等操作。

圖1 社區服務網站面向的主要用戶群及其需求
(2)技術可行性
大同大學社區服務網站以.NET Framework 4.0為支撐平臺,用SQL Server 2008管理數據庫,選擇UECMS作為CMS組件。CMS(內容管理系統)將頁面內容與頁面設計模塊分離,顯示時只需把數據填充到模板中就可形成最終的頁面提供給用戶,網站模版無需改動,簡化了設計開發的技術難度。
(3)經濟可行性
大同大學社區服務網站基于CMS建設,只需要編寫少量的代碼,美工設計簡單,降低了開發難度,也節省了資金的投入。通過CMS對網站進行建設和維護,只具備基本網站知識的管理員也能夠完成網站的操作和管理,針對非盈利性網站來說減少了建設和維護費用的支出,節省了大量人力、物力、財力。

系統軟件環境配置如下:
(1)操作系統:Microsoft Windows 7;
(2)CMS組件:UECMS 6.0;
(3)支撐平臺:.NET Framework 4.0;
(4)Web服務器:IIS 6.0;
(5)數據庫服務器:Microsoft SQL Server 2008 R2。

CMS(Content Management System),意為“內容管理系統”。CMS基于強健的多層體系架構,遵從開放標準,易于與其他應用集成,實現網站功能擴展和快速部署。UECMS是一款基于.NET平臺開發的未經商業授權不得用于商業用途的免費使用的網站內容管理系統,旨在幫用戶加快網站開發的速度和降低網站開發的成本,為用戶提供一個安全、穩定、易用的網站基礎平臺。

DIV+CSS是Web設計標準,它是一種網頁的布局方法,實現網頁頁面內容與表現相分離。DIV+CSS布局使代碼很精簡,CSS文件可以在網站的任意一個頁面進行調用,改動很多頁面時只需修改CSS文件中的很少代碼即可。使用了DIV+CSS布局的網頁與Table布局比較,精簡了頁面代碼,提升了瀏覽訪問速度,在使用不同瀏覽器瀏覽的情況下不會發生錯位。

Microsoft SQL Server 2008 R2組織管理任何數據,將結構化、半結構化和非結構化文檔的數據直接存儲到數據庫中,對數據進行查詢、搜索、同步、報告和分析。數據可以存儲在各種設備上,從數據中心最大的服務器一直到桌面計算機和移動設備,它都可以控制數據而不用管數據存儲在哪里。

大同大學社區服務網站旨在構建一個便捷的信息交流共享服務平臺,實現新聞動態發布、瀏覽信息、獲取共享資源。該網站前臺包括網站首頁、社區介紹、社區部門、社區新聞、聯系我們、社區服務、文檔下載等;后臺管理包括網站基本配置、功能欄目添加、內容發布管理、用戶信息管理、網站統計等。

綜合分析用戶需求和功能設計,設計出社區服務網站的總體結構,用戶訪問網站時能夠直觀地獲取自己想要的信息。如圖2所示為社區服務網站的結構設計圖。

圖2 社區服務網站的結構設計

(1)功能描述
社區網站管理員通過后臺系統進行基本信息配置、欄目模版管理、內容發布管理、發布信息通知、管理用戶基本信息、管理留言板等操作,并且對建設完成后的網站內容進行更新維護等[10]。
1)基本信息配置:站點名稱,Copyright等;
2)欄目模版管理:新建設置欄目,下級欄目新建設置、設置欄目模版等;
3)發布信息通知:管理員登錄后,可發布社區信息,相關通知,社區文檔等;
4)用戶基本信息管理:可以對用戶基本信息進行查詢、錄入、刪除、修改等;
5)管理留言板:刪除或修改留言板的內容,管理其他注冊用戶瀏覽留言板等;
6)維護系統:管理員定期對系統進行維護,保證社區服務系統正常運行等;
可以上傳新聞的文章、照片、社區文檔、社區視頻等,還可以對所有注冊用戶的提交內容進行審核等。
(2)功能實現
進入UECMS網站后臺管理系統登錄界面,輸入登錄名、密碼進入后臺管理系統,可以對整個網站的欄目、內容等進行設置管理等,如圖3所示。
(3)后臺欄目管理
網站管理員進入欄目管理頁面,功能包括:新建欄目、設置欄目名稱,用戶可根據需要選擇合適的首頁模版,內容模版,如圖4所示。

圖3 網站后臺管理主頁面

圖4 后臺欄目管理頁面
(4)后臺內容添加
網站管理員進入后臺內容管理頁面,管理頁面內容,例如:修改內容,設置標題,填寫內容等,如圖5所示。

圖5 后臺內容管理頁面

(1)網站首頁頁面設計
社區居民進入網站首頁,可以查看社區介紹,瀏覽新聞,了解社區服務,也可以通過在線留言反饋信息,幫助管理員提高社區服務等。其如圖6所示。

圖6 大同大學社區服務網站首頁
網站首頁關鍵代碼


(2)社區介紹頁面設計,其如圖7所示

圖7 社區介紹頁面
社區介紹頁面關鍵代碼如下

(3)在線留言頁面設計,其如圖8所示
在線留言頁面關鍵代碼如下:



圖8 在線留言頁面

(1)執行“開始/程序/SQL Server Management Studio”;
(2)在SQL Server Management Studio中創建系統后臺數據庫,此處數據庫名為“dshj”;
(3)在安裝配置UECMS后網站Web.Config中數據庫關鍵代碼。


網站設計完成后,最重要的就是對網站進行測試,測試可以分成兩個步驟:第一步就是測試局部功能模塊的運行情況。第二步就是對網站進行整體測試。

(1)后臺管理功能模塊測試:對管理員登錄,欄目的刪除、添加、內容的編輯,用戶權限設置進行測試,看各功能模塊能否正常運行。
(2)前臺顯示功能模塊測試:依次點擊網站前臺的每一個頁面,看各頁面能否完整顯示,有無錯位現象,有無亂碼出現、動態頁面能否流暢轉換、頁面之間能否自由切換以及功能鏈接是否完整等。

在本次測試中,筆者所用的測試方法為白盒測試法。白盒測試是用設計測試用例對程序的邏輯結構來進行測試,用邏輯覆蓋率來衡量測試的完整性。對整個網站進行測試,按著工作流程或者任務順序進行測試,依次進行如下操作:瀏覽網站,注冊為會員并登錄,注冊的用戶編輯個人信息,在線交流,瀏覽社區公告。看能否流暢地瀏覽社區網站,檢查社區服務網站能否順利實現用戶所需的功能。
本文綜合分析大同大學周邊社區服務需求,采用基于.NET Framework 4.0和Microsoft SQL Server 2008 R2的技術設計開發出大同大學社區服務網站。通過親自全程開發網站,提升了筆者的網站開發能力,能夠熟練運用網站開發工具,也了解了不少關于Microsoft SQL Server 2008的技術。
由于涉及到的技術比較多,開發過程中筆者遇到了很多困難,但經過查閱大量資料,以及同學的幫助,最終完成了該網站的設計與實現。可以肯定的是,大同大學社區服務網站確實對社區建設有所幫助,為社區管理減少成本,減少不必要的人力、財力、物力的投入;此外,能夠及時發布社區公告,給居民的日常生活帶來方便。但系統還存在很多的不足,比如缺少社區網上代收物業費功能等,在以后的網站開發中還需要進一步地優化完善。
[1]汪慶華,朱軍,羅英.社區信息網站建設方案探析[J].電腦知識與技術,2008,4(9):2996-2999.
[2]周敏.城市社區網站發展的現狀及其策略研究[J].東南傳播,2010(12):42-45.
[3]賀紅霞,楊兆蘭.我國城市社區網站建設狀況及對策研究[J].西安郵電學院學報,2012,17(1):118-121.
[4]郭廣軍,謝東,李魏豪.基于CMS的網站系統開發技術研究及應用[D].湖南:湖南人文科技學院,2010.
[5]侯靜,鄧可君,劉福東.CMS在高校網站群建設中的應用[J].實驗技術與管理,2011,28(4):220-222.
[6]耿璐,聶足.基于CMS的企業網站的設計與實現[D].上海:上海工程技術大學,2009.
[7]王利民,韓義勇,雷霆.社區服務系統的設計[J].微型機與應用,2013,32(16):11-16.
(編輯:楊馥紅)
TP393
B
1673-8454(2016)05-0053-05