基于CMS的大同大学社区服务网站设计与实现

慕明涛 王云

摘 要：在城市信息化建设中，社区信息化仍是其中的薄弱环节，因此建立便民、美观的社区服务网站具有重要意义。本课题依据大同大学周边社区现状，综合网站开发背景，采用基于.NET Framework 4.0和Microsoft SQL Server 2008的技术设计开发出集社区介绍、社区管理、社区服务、社区新闻公告、社区互动交流功能于一体的大同大学社区服务网站。社区服务网站的建设能有效促进社区的各项建设、提高社区的服务水平，加快城市信息化的建设步伐。

关键词：信息化建设；社区服务网站；Microsoft SQL Server

中图分类号：TP393 文献标志码：B 文章编号：1673-8454（2016）05-0053-05

一、引言

21世纪初，中国社区服务网站出现在北京、深圳、上海等发达地区。创办初期主要集中在办论坛，但论坛的内容有限，管理也有缺陷，不能满足社区信息化建设的要求。

二、大同大学社区服务网站分析

大同大学社区服务网站的主要服务对象是山西大同大学御东校区的教师住宅区和大同大学专家公寓的居民。

1.社区服务网站需求分析

大同大学社区服务网站本着以人为本的设计原则，对用户进行需求分析。具体分析如下：

管理员负责网站的日常维护和内容更新，发布新闻信息、通知、公告，管理注册用户。社区居民通过上网可以查询社区相关新闻信息、小区通知、浏览社区介绍、社区活动，也可以注册成为会员，实现居民之间在线交流，如图1所示。

2.网站可行性分析

（1）操作可行性

大同大学社区服务网站界面简洁、美观，功能模块层次分明、考虑了不同用户群，便于用户操作，容易上手。普通用户只要通过浏览器就可以浏览社区介绍、社区活动、社区新闻，查看通知、公告等。管理后台采用CMS（网站内容管理系统），便于管理人员进行网站栏目管理、网站内容更新、新闻发布、社区文档上传、网站留言管理、用户管理等操作。

（2）技术可行性

大同大学社区服务网站以.NET Framework 4.0为支撑平台，用SQL Server 2008管理数据库，选择UECMS作为CMS组件。CMS（内容管理系统）将页面内容与页面设计模块分离，显示时只需把数据填充到模板中就可形成最终的页面提供给用户，网站模版无需改动，简化了设计开发的技术难度。

（3）经济可行性

大同大学社区服务网站基于CMS建设，只需要编写少量的代码，美工设计简单，降低了开发难度，也节省了资金的投入。通过CMS对网站进行建设和维护，只具备基本网站知识的管理员也能够完成网站的操作和管理，针对非盈利性网站来说减少了建设和维护费用的支出，节省了大量人力、物力、财力。

3.网站开发运行环境

系统软件环境配置如下：

（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。

三、网站相关技术介绍

1.CMS网站内容管理系统

CMS（Content Management System），意为“内容管理系统”。CMS基于强健的多层体系架构，遵从开放标准，易于与其他应用集成，实现网站功能扩展和快速部署。UECMS是一款基于.NET平台开发的未经商业授权不得用于商业用途的免费使用的网站内容管理系统，旨在帮用户加快网站开发的速度和降低网站开发的成本，为用户提供一个安全、稳定、易用的网站基础平台。

2.DIV CSS技术

DIV+CSS是Web设计标准，它是一种网页的布局方法，实现网页页面内容与表现相分离。DIV+CSS布局使代码很精简，CSS文件可以在网站的任意一个页面进行调用，改动很多页面时只需修改CSS文件中的很少代码即可。使用了DIV+CSS布局的网页与Table布局比较，精简了页面代码，提升了浏览访问速度，在使用不同浏览器浏览的情况下不会发生错位。

3.数据库技术

Microsoft SQL Server 2008 R2组织管理任何数据，将结构化、半结构化和非结构化文档的数据直接存储到数据库中，对数据进行查询、搜索、同步、报告和分析。数据可以存储在各种设备上，从数据中心最大的服务器一直到桌面计算机和移动设备，它都可以控制数据而不用管数据存储在哪里。

四、网站总体设计

1.网站功能设计

大同大学社区服务网站旨在构建一个便捷的信息交流共享服务平台，实现新闻动态发布、浏览信息、获取共享资源。该网站前台包括网站首页、社区介绍、社区部门、社区新闻、联系我们、社区服务、文档下载等；后台管理包括网站基本配置、功能栏目添加、内容发布管理、用户信息管理、网站统计等。

2.网站结构设计

综合分析用户需求和功能设计，设计出社区服务网站的总体结构，用户访问网站时能够直观地获取自己想要的信息。如图2所示为社区服务网站的结构设计图。

五、网站功能实现

1.后台功能实现

（1）功能描述

社区网站管理员通过后台系统进行基本信息配置、栏目模版管理、内容发布管理、发布信息通知、管理用户基本信息、管理留言板等操作，并且对建设完成后的网站内容进行更新维护等[10]。

1）基本信息配置：站点名称，Copyright等；

2）栏目模版管理：新建设置栏目，下级栏目新建设置、设置栏目模版等；

3）发布信息通知：管理员登录后，可发布社区信息，相关通知，社区文档等；

4）用户基本信息管理：可以对用户基本信息进行查询、录入、删除、修改等；

5）管理留言板：删除或修改留言板的内容，管理其他注册用户浏览留言板等；

6）维护系统：管理员定期对系统进行维护，保证社区服务系统正常运行等；

可以上传新闻的文章、照片、社区文档、社区视频等，还可以对所有注册用户的提交内容进行审核等。

（2）功能实现

进入UECMS网站后台管理系统登录界面，输入登录名、密码进入后台管理系统，可以对整个网站的栏目、内容等进行设置管理等，如图3所示。

（3）后台栏目管理

网站管理员进入栏目管理页面，功能包括：新建栏目、设置栏目名称，用户可根据需要选择合适的首页模版，内容模版，如图4所示。

（4）后台内容添加

网站管理员进入后台内容管理页面，管理页面内容，例如：修改内容，设置标题，填写内容等，如图5所示。

2.前台页面设计和实现

（1）网站首页页面设计

社区居民进入网站首页，可以查看社区介绍，浏览新闻，了解社区服务，也可以通过在线留言反馈信息，帮助管理员提高社区服务等。其如图6所示。

网站首页关键代码

（2）社区介绍页面设计，其如图7所示

社区介绍页面关键代码如下

<！--left-->

<！--右边部分-->

（3）在线留言页面设计，其如图8所示

在线留言页面关键代码如下：

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.后台数据库实现

（1）执行“开始/程序/SQL Server Management Studio”；

（2）在SQL Server Management Studio中创建系统后台数据库，此处数据库名为“dshj”；

（3）在安装配置UECMS后网站Web.Config中数据库关键代码。

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

六、网站调试和分析

网站设计完成后，最重要的就是对网站进行测试，测试可以分成两个步骤：第一步就是测试局部功能模块的运行情况。第二步就是对网站进行整体测试。

1.网站功能模块测试

（1）后台管理功能模块测试：对管理员登录，栏目的删除、添加、内容的编辑，用户权限设置进行测试，看各功能模块能否正常运行。

（2）前台显示功能模块测试：依次点击网站前台的每一个页面，看各页面能否完整显示，有无错位现象，有无乱码出现、动态页面能否流畅转换、页面之间能否自由切换以及功能链接是否完整等。

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.

（编辑：杨馥红）