慕明濤 王云

摘 要：在城市信息化建設(shè)中，社區(qū)信息化仍是其中的薄弱環(huán)節(jié)，因此建立便民、美觀的社區(qū)服務(wù)網(wǎng)站具有重要意義。本課題依據(jù)大同大學(xué)周邊社區(qū)現(xiàn)狀，綜合網(wǎng)站開發(fā)背景，采用基于.NET Framework 4.0和Microsoft SQL Server 2008的技術(shù)設(shè)計(jì)開發(fā)出集社區(qū)介紹、社區(qū)管理、社區(qū)服務(wù)、社區(qū)新聞公告、社區(qū)互動(dòng)交流功能于一體的大同大學(xué)社區(qū)服務(wù)網(wǎng)站。社區(qū)服務(wù)網(wǎng)站的建設(shè)能有效促進(jìn)社區(qū)的各項(xiàng)建設(shè)、提高社區(qū)的服務(wù)水平，加快城市信息化的建設(shè)步伐。

關(guān)鍵詞：信息化建設(shè)；社區(qū)服務(wù)網(wǎng)站；Microsoft SQL Server

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)志碼：B 文章編號(hào)：1673-8454（2016）05-0053-05

一、引言

21世紀(jì)初，中國社區(qū)服務(wù)網(wǎng)站出現(xiàn)在北京、深圳、上海等發(fā)達(dá)地區(qū)。創(chuàng)辦初期主要集中在辦論壇，但論壇的內(nèi)容有限，管理也有缺陷，不能滿足社區(qū)信息化建設(shè)的要求。

二、大同大學(xué)社區(qū)服務(wù)網(wǎng)站分析

大同大學(xué)社區(qū)服務(wù)網(wǎng)站的主要服務(wù)對(duì)象是山西大同大學(xué)御東校區(qū)的教師住宅區(qū)和大同大學(xué)專家公寓的居民。

1.社區(qū)服務(wù)網(wǎng)站需求分析

大同大學(xué)社區(qū)服務(wù)網(wǎng)站本著以人為本的設(shè)計(jì)原則，對(duì)用戶進(jìn)行需求分析。具體分析如下：

管理員負(fù)責(zé)網(wǎng)站的日常維護(hù)和內(nèi)容更新，發(fā)布新聞信息、通知、公告，管理注冊(cè)用戶。社區(qū)居民通過上網(wǎng)可以查詢社區(qū)相關(guān)新聞信息、小區(qū)通知、瀏覽社區(qū)介紹、社區(qū)活動(dòng)，也可以注冊(cè)成為會(huì)員，實(shí)現(xiàn)居民之間在線交流，如圖1所示。

2.網(wǎng)站可行性分析

（1）操作可行性

大同大學(xué)社區(qū)服務(wù)網(wǎng)站界面簡潔、美觀，功能模塊層次分明、考慮了不同用戶群，便于用戶操作，容易上手。普通用戶只要通過瀏覽器就可以瀏覽社區(qū)介紹、社區(qū)活動(dòng)、社區(qū)新聞，查看通知、公告等。管理后臺(tái)采用CMS（網(wǎng)站內(nèi)容管理系統(tǒng)），便于管理人員進(jìn)行網(wǎng)站欄目管理、網(wǎng)站內(nèi)容更新、新聞發(fā)布、社區(qū)文檔上傳、網(wǎng)站留言管理、用戶管理等操作。

（2）技術(shù)可行性

大同大學(xué)社區(qū)服務(wù)網(wǎng)站以.NET Framework 4.0為支撐平臺(tái)，用SQL Server 2008管理數(shù)據(jù)庫，選擇UECMS作為CMS組件。CMS（內(nèi)容管理系統(tǒng)）將頁面內(nèi)容與頁面設(shè)計(jì)模塊分離，顯示時(shí)只需把數(shù)據(jù)填充到模板中就可形成最終的頁面提供給用戶，網(wǎng)站模版無需改動(dòng)，簡化了設(shè)計(jì)開發(fā)的技術(shù)難度。

（3）經(jīng)濟(jì)可行性

大同大學(xué)社區(qū)服務(wù)網(wǎng)站基于CMS建設(shè)，只需要編寫少量的代碼，美工設(shè)計(jì)簡單，降低了開發(fā)難度，也節(jié)省了資金的投入。通過CMS對(duì)網(wǎng)站進(jìn)行建設(shè)和維護(hù)，只具備基本網(wǎng)站知識(shí)的管理員也能夠完成網(wǎng)站的操作和管理，針對(duì)非盈利性網(wǎng)站來說減少了建設(shè)和維護(hù)費(fèi)用的支出，節(jié)省了大量人力、物力、財(cái)力。

3.網(wǎng)站開發(fā)運(yùn)行環(huán)境

系統(tǒng)軟件環(huán)境配置如下：

（1）操作系統(tǒng)：Microsoft Windows 7；

（2）CMS組件：UECMS 6.0；

（3）支撐平臺(tái)：.NET Framework 4.0；

（4）Web服務(wù)器：IIS 6.0；

（5）數(shù)據(jù)庫服務(wù)器：Microsoft SQL Server 2008 R2。

三、網(wǎng)站相關(guān)技術(shù)介紹

1.CMS網(wǎng)站內(nèi)容管理系統(tǒng)

CMS（Content Management System），意為“內(nèi)容管理系統(tǒng)”。CMS基于強(qiáng)健的多層體系架構(gòu)，遵從開放標(biāo)準(zhǔn)，易于與其他應(yīng)用集成，實(shí)現(xiàn)網(wǎng)站功能擴(kuò)展和快速部署。UECMS是一款基于.NET平臺(tái)開發(fā)的未經(jīng)商業(yè)授權(quán)不得用于商業(yè)用途的免費(fèi)使用的網(wǎng)站內(nèi)容管理系統(tǒng)，旨在幫用戶加快網(wǎng)站開發(fā)的速度和降低網(wǎng)站開發(fā)的成本，為用戶提供一個(gè)安全、穩(wěn)定、易用的網(wǎng)站基礎(chǔ)平臺(tái)。

2.DIV CSS技術(shù)

DIV+CSS是Web設(shè)計(jì)標(biāo)準(zhǔn)，它是一種網(wǎng)頁的布局方法，實(shí)現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。DIV+CSS布局使代碼很精簡，CSS文件可以在網(wǎng)站的任意一個(gè)頁面進(jìn)行調(diào)用，改動(dòng)很多頁面時(shí)只需修改CSS文件中的很少代碼即可。使用了DIV+CSS布局的網(wǎng)頁與Table布局比較，精簡了頁面代碼，提升了瀏覽訪問速度，在使用不同瀏覽器瀏覽的情況下不會(huì)發(fā)生錯(cuò)位。

3.數(shù)據(jù)庫技術(shù)

Microsoft SQL Server 2008 R2組織管理任何數(shù)據(jù)，將結(jié)構(gòu)化、半結(jié)構(gòu)化和非結(jié)構(gòu)化文檔的數(shù)據(jù)直接存儲(chǔ)到數(shù)據(jù)庫中，對(duì)數(shù)據(jù)進(jìn)行查詢、搜索、同步、報(bào)告和分析。數(shù)據(jù)可以存儲(chǔ)在各種設(shè)備上，從數(shù)據(jù)中心最大的服務(wù)器一直到桌面計(jì)算機(jī)和移動(dòng)設(shè)備，它都可以控制數(shù)據(jù)而不用管數(shù)據(jù)存儲(chǔ)在哪里。

四、網(wǎng)站總體設(shè)計(jì)

1.網(wǎng)站功能設(shè)計(jì)

大同大學(xué)社區(qū)服務(wù)網(wǎng)站旨在構(gòu)建一個(gè)便捷的信息交流共享服務(wù)平臺(tái)，實(shí)現(xiàn)新聞動(dòng)態(tài)發(fā)布、瀏覽信息、獲取共享資源。該網(wǎng)站前臺(tái)包括網(wǎng)站首頁、社區(qū)介紹、社區(qū)部門、社區(qū)新聞、聯(lián)系我們、社區(qū)服務(wù)、文檔下載等；后臺(tái)管理包括網(wǎng)站基本配置、功能欄目添加、內(nèi)容發(fā)布管理、用戶信息管理、網(wǎng)站統(tǒng)計(jì)等。

2.網(wǎng)站結(jié)構(gòu)設(shè)計(jì)

綜合分析用戶需求和功能設(shè)計(jì)，設(shè)計(jì)出社區(qū)服務(wù)網(wǎng)站的總體結(jié)構(gòu)，用戶訪問網(wǎng)站時(shí)能夠直觀地獲取自己想要的信息。如圖2所示為社區(qū)服務(wù)網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)圖。

五、網(wǎng)站功能實(shí)現(xiàn)

1.后臺(tái)功能實(shí)現(xiàn)

（1）功能描述

社區(qū)網(wǎng)站管理員通過后臺(tái)系統(tǒng)進(jìn)行基本信息配置、欄目模版管理、內(nèi)容發(fā)布管理、發(fā)布信息通知、管理用戶基本信息、管理留言板等操作，并且對(duì)建設(shè)完成后的網(wǎng)站內(nèi)容進(jìn)行更新維護(hù)等[10]。

1）基本信息配置：站點(diǎn)名稱，Copyright等；

2）欄目模版管理：新建設(shè)置欄目，下級(jí)欄目新建設(shè)置、設(shè)置欄目模版等；

3）發(fā)布信息通知：管理員登錄后，可發(fā)布社區(qū)信息，相關(guān)通知，社區(qū)文檔等；

4）用戶基本信息管理：可以對(duì)用戶基本信息進(jìn)行查詢、錄入、刪除、修改等；

5）管理留言板：刪除或修改留言板的內(nèi)容，管理其他注冊(cè)用戶瀏覽留言板等；

6）維護(hù)系統(tǒng)：管理員定期對(duì)系統(tǒng)進(jìn)行維護(hù)，保證社區(qū)服務(wù)系統(tǒng)正常運(yùn)行等；

可以上傳新聞的文章、照片、社區(qū)文檔、社區(qū)視頻等，還可以對(duì)所有注冊(cè)用戶的提交內(nèi)容進(jìn)行審核等。

（2）功能實(shí)現(xiàn)

進(jìn)入U(xiǎn)ECMS網(wǎng)站后臺(tái)管理系統(tǒng)登錄界面，輸入登錄名、密碼進(jìn)入后臺(tái)管理系統(tǒng)，可以對(duì)整個(gè)網(wǎng)站的欄目、內(nèi)容等進(jìn)行設(shè)置管理等，如圖3所示。

（3）后臺(tái)欄目管理

網(wǎng)站管理員進(jìn)入欄目管理頁面，功能包括：新建欄目、設(shè)置欄目名稱，用戶可根據(jù)需要選擇合適的首頁模版，內(nèi)容模版，如圖4所示。

（4）后臺(tái)內(nèi)容添加

網(wǎng)站管理員進(jìn)入后臺(tái)內(nèi)容管理頁面，管理頁面內(nèi)容，例如：修改內(nèi)容，設(shè)置標(biāo)題，填寫內(nèi)容等，如圖5所示。

2.前臺(tái)頁面設(shè)計(jì)和實(shí)現(xiàn)

（1）網(wǎng)站首頁頁面設(shè)計(jì)

社區(qū)居民進(jìn)入網(wǎng)站首頁，可以查看社區(qū)介紹，瀏覽新聞，了解社區(qū)服務(wù)，也可以通過在線留言反饋信息，幫助管理員提高社區(qū)服務(wù)等。其如圖6所示。

網(wǎng)站首頁關(guān)鍵代碼

（2）社區(qū)介紹頁面設(shè)計(jì)，其如圖7所示

社區(qū)介紹頁面關(guān)鍵代碼如下

<！--left-->

<！--右邊部分-->

（3）在線留言頁面設(shè)計(jì)，其如圖8所示

在線留言頁面關(guān)鍵代碼如下：

function OnReadystateChange（xmlhttp， element） {

if （xmlhttp.readyState == 4） {

if （xmlhttp.status == 200） {

try {var req = xmlhttp.responseText；

req = req.replace（/^＼s+|＼s+$/g， ''）；

if （element） {ar box = element["aj_loading"]；

if （box） { element.removeChild（box）；}

}

var reqArray = req.split（"#sxcms_fun#"）；

var str = reqArray[0]；

if （element ！= null） {

var str = reqArray[0]；

if （str.length > 0 && str.substring（0， 1） == "+"） {

var loading = document.getElementById（element.id + "_loading"）；

if （loading） {element.removeChild（loading）；}

element.innerHTML += str.substring（1）；}

else {element.innerHTML = str；}

}

if （reqArray.length > 1） {var has = （str.length > 0 && str ！= "+"）；

eval（reqArray[1] + "（" + has + "）"）；}

}

xmlhttp == null；

} } }

3.后臺(tái)數(shù)據(jù)庫實(shí)現(xiàn)

（1）執(zhí)行“開始/程序/SQL Server Management Studio”；

（2）在SQL Server Management Studio中創(chuàng)建系統(tǒng)后臺(tái)數(shù)據(jù)庫，此處數(shù)據(jù)庫名為“dshj”；

（3）在安裝配置UECMS后網(wǎng)站W(wǎng)eb.Config中數(shù)據(jù)庫關(guān)鍵代碼。

<？xml version="1.0" encoding="utf-8"？>

六、網(wǎng)站調(diào)試和分析

網(wǎng)站設(shè)計(jì)完成后，最重要的就是對(duì)網(wǎng)站進(jìn)行測(cè)試，測(cè)試可以分成兩個(gè)步驟：第一步就是測(cè)試局部功能模塊的運(yùn)行情況。第二步就是對(duì)網(wǎng)站進(jìn)行整體測(cè)試。

1.網(wǎng)站功能模塊測(cè)試

（1）后臺(tái)管理功能模塊測(cè)試：對(duì)管理員登錄，欄目的刪除、添加、內(nèi)容的編輯，用戶權(quán)限設(shè)置進(jìn)行測(cè)試，看各功能模塊能否正常運(yùn)行。

（2）前臺(tái)顯示功能模塊測(cè)試：依次點(diǎn)擊網(wǎng)站前臺(tái)的每一個(gè)頁面，看各頁面能否完整顯示，有無錯(cuò)位現(xiàn)象，有無亂碼出現(xiàn)、動(dòng)態(tài)頁面能否流暢轉(zhuǎn)換、頁面之間能否自由切換以及功能鏈接是否完整等。

2.網(wǎng)站整體測(cè)試

在本次測(cè)試中，筆者所用的測(cè)試方法為白盒測(cè)試法。白盒測(cè)試是用設(shè)計(jì)測(cè)試用例對(duì)程序的邏輯結(jié)構(gòu)來進(jìn)行測(cè)試，用邏輯覆蓋率來衡量測(cè)試的完整性。對(duì)整個(gè)網(wǎng)站進(jìn)行測(cè)試，按著工作流程或者任務(wù)順序進(jìn)行測(cè)試，依次進(jìn)行如下操作：瀏覽網(wǎng)站，注冊(cè)為會(huì)員并登錄，注冊(cè)的用戶編輯個(gè)人信息，在線交流，瀏覽社區(qū)公告?？茨芊窳鲿车貫g覽社區(qū)網(wǎng)站，檢查社區(qū)服務(wù)網(wǎng)站能否順利實(shí)現(xiàn)用戶所需的功能。

七、總結(jié)

本文綜合分析大同大學(xué)周邊社區(qū)服務(wù)需求，采用基于.NET Framework 4.0和Microsoft SQL Server 2008 R2的技術(shù)設(shè)計(jì)開發(fā)出大同大學(xué)社區(qū)服務(wù)網(wǎng)站。通過親自全程開發(fā)網(wǎng)站，提升了筆者的網(wǎng)站開發(fā)能力，能夠熟練運(yùn)用網(wǎng)站開發(fā)工具，也了解了不少關(guān)于Microsoft SQL Server 2008的技術(shù)。

由于涉及到的技術(shù)比較多，開發(fā)過程中筆者遇到了很多困難，但經(jīng)過查閱大量資料，以及同學(xué)的幫助，最終完成了該網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)。可以肯定的是，大同大學(xué)社區(qū)服務(wù)網(wǎng)站確實(shí)對(duì)社區(qū)建設(shè)有所幫助，為社區(qū)管理減少成本，減少不必要的人力、財(cái)力、物力的投入；此外，能夠及時(shí)發(fā)布社區(qū)公告，給居民的日常生活帶來方便。但系統(tǒng)還存在很多的不足，比如缺少社區(qū)網(wǎng)上代收物業(yè)費(fèi)功能等，在以后的網(wǎng)站開發(fā)中還需要進(jìn)一步地優(yōu)化完善。

參考文獻(xiàn)：

[1]汪慶華，朱軍，羅英.社區(qū)信息網(wǎng)站建設(shè)方案探析[J].電腦知識(shí)與技術(shù)，2008，4（9）：2996-2999.

[2]周敏.城市社區(qū)網(wǎng)站發(fā)展的現(xiàn)狀及其策略研究[J].東南傳播，2010（12）：42-45.

[3]賀紅霞，楊兆蘭.我國城市社區(qū)網(wǎng)站建設(shè)狀況及對(duì)策研究[J].西安郵電學(xué)院學(xué)報(bào)，2012，17（1）：118-121.

[4]郭廣軍，謝東，李魏豪.基于CMS的網(wǎng)站系統(tǒng)開發(fā)技術(shù)研究及應(yīng)用[D].湖南：湖南人文科技學(xué)院，2010.

[5]侯靜，鄧可君，劉福東.CMS在高校網(wǎng)站群建設(shè)中的應(yīng)用[J].實(shí)驗(yàn)技術(shù)與管理，2011，28（4）：220-222.

[6]耿璐，聶足.基于CMS的企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[D].上海：上海工程技術(shù)大學(xué)，2009.

[7]王利民，韓義勇，雷霆.社區(qū)服務(wù)系統(tǒng)的設(shè)計(jì)[J].微型機(jī)與應(yīng)用，2013，32（16）：11-16.

（編輯：楊馥紅）