网站内容管理系统(cms)大学本科毕业论文.doc

CMS内容管理系统

摘要

本文介绍了利用mysql数据库、tomcat服务器及开发工具MyEclipse和Dreamwear等软件制作的网站内容管理系统（CMS）。系统基于JDK平台，用jsp，java开发语言，B/S模式。整体采用MVC框架实现了整套系统的快速开发，更提高了稳定性和可维护性。其中M层采用DAO模式，C层采用servlet，V层采用HTML、JSP、jstl标签等。本系统共分为前台展示模块和后台管理模块，两个模块都采用了MVC架构，通过数据库联系在一起，后台通过对数据库的一系列操作达到控制前台要展现的内容的目的，前台通过从数据库里取出数据得到要展现的内容，前台个别模块如用户登录、投票系统、文章评论等也可达到互动的效果，通过使用本系统可达到快速建站的目的，对于对编程不懂的用户可通过本系统达到建网站的目的，方便快捷易于理解。
以下通过五个章节对本系统的设计与实现进行详细介绍。第一部分为引言简单介绍相关背景及JSP技术。第二部分做需求分析。第三部分介绍数据库设计。第四部分详细设计。第五部分是测试
关键词：CMS；jsp；B/S；MVC；网站内容管理系统；

CMS Content Management System

Abstract: This paper describes the use of Mysql, tomcat, MyEclipse, Dreamwear and other software tools to create content management system process. System is based on JDK platform, the language of the JAVA and the use of B/S mode. Using MVC framework enables rapid development of stability can be maintained.The Model layer uses DAO mode.The Controller layer uses servlet. And the View layer uses html,jsp and tags .This system is divided into front desk display module and background management module, two modules of MVC architecture, has been adopted by the database together, background through a series of database operation to control the front desk to display content, the purpose of the front desk get removed from the database by data to demonstrate the content, the front desk for individual modules such as user login, the voting system, the article reviews, etc. Also can achieve the effect of the interaction,Using the system can The people of not knowing the programming can construction site through this system quickly.
This article discusses the five parts of the CMS Content Management System design and implementation. The first part is a brief introduction to the background, and Java Server Pages. The second part is the demand analysis. The third part is the database design and . The fourth part is the detailed design. The fifth part is the software testing.
Keyword：CMS; JSP; B/S;MVC;

1 引言 5
1.1相关背景 5
1.1.1CMS简介 5
1.1.2CMS的发展 5
1.2技术简介 6
1.2.1JSP简介 6
1.2.2相关技术 6
2系统需求分析 7
2.1需求分析 7
2.2运行环境需求 7
2.2.1硬件平台 7
2.2.2 软件平台 7
2.2.3 开发环境 7
2.2.4 数据库 8
3 数据库设计 8
3.1 数据库概念结构设计 8
3.2 数据库逻辑结构设计 11
4 详细设计 13
4.1整体思想框架结构的说明 13
4.1.1 系统整体采用MVC架构 13
4.1.2 系统整体思想： 15
4.2 前台管理 16
4.2.1前台首页 16
4.2.2网站栏目显示页面 18
4.2.3网站文章显示页面 19
4.2.4资源下载、用户注册页面及投票界面 19
4.3后台系统管理 20
4.3.1后台首页 20
4.3.2信息采编 21
4.3.3系统配置 23
4.3.4 用户管理 25
4.3.5互动信息 25
4.3.6系统实现 27
4.3.7注销 27
5 测试 27
5.1本系统测试 27
5.2测试用例 27
6总结 29
7感谢 29
参考文献 29

1 引言
1.1相关背景
1.1.1CMS简介
CMS（Content Management System）中文名称为网站内容管理系统，是用数据库对信息进行存储并发布展示的系统，系统可以对任何信息进行管理，还能自己定义信息类型等，实现各种信息的数据库存储、管理和发布。
随着互联网的迅速发展，信息化的发展也越来越壮大，内容管理越来越重要，虽然国内外信息化建设发展很快，但也存在这很多问题：建设困难，信息更新不及时，管理不到位，功能不健全等，而且，有时甚至需要重新建站，重复相同的工作，耗时耗力，高成本、低效率又影响工作。
网站内容管理系统（CMS）的出现，解决了以上的很多问题。用户使用网站内容管理系统不需要具备专业知识也可以制作出网站，而且在建网站之后不需要具备专业知识也可以自己管理，如内容的添加删除修改，模块的改变，内容的扩充等。这样，用户不必不断重复建站流程，可把主要精力用在内容的管理上，减少了成本，提高了效率，且可动态的管理扩充，满足用户的不同需求。
简单说，利用网站内容管理系统不需要学习建站技术，编程语言，HTML语言等就可以建设出风格统一，功能强大的网站。
1.1.2CMS的发展
随着人们对信息技术的需求不断提高，CMS系统从2000年开始成为一个重要的应用领域，CMS系统能够给企业带来增值，通过对企业信息的管理，提高企业的自身形象以及提高同行业之间的竞争力。
1、新闻管理功能
早期的CMS系统只能简单的进行信息新闻的发布，在想对其进行管理就要删除在发布，很麻烦。如今的CMS系统可以对新闻信息删除、修改之类，管理功能很强大。
2、管理界面
最早的管理界面简单，布局凌乱，现在的界面开始注重美观，在管理功能的布局上也人性化了很多。
3、商业模式
CMS系统是最早开始商业模式的。但是早期还不太成熟，现在的CMS系统商业模式主要包括与主机提供商集成，提供预安装其CMS虚拟主机，提供模板定制服务和提供功能定制开发服务等几类。
4、CMS模板
早期的CMS模板只有默认的几个，都很单一，没有特色，只是变一下颜色。如今的CMS模板都很经典，拥有不同的类型，适合商业的、行业的、企业的CMS模板应有尽有。
5、不同类型的CMS系统
早期的CMS系统都是统一的风格、统一的管理功能，如今的CMS系统同时向专业化和通用化两个方向发展，向通用化发展，即现在幼稚内容管理系统继续完善、扩展功能；向专业化方向发展，即出现新的专用CMS系统。
CMS系统现在已经群雄并起，随着商业模式不断的发展和进步，CMS系统会更加智能化，优秀的CMS系统可以造就企业的繁荣。
1.2技术简介
1.2.1JSP简介
JSP（Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。
1.2.2相关技术
系统使用JAVA语言基于JDK平台
网页中使用HTML语言、JavaScript脚本技术
HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文件是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
其中用CSS对页面展示进行修饰等
级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
2系统需求分析
2.1需求分析
此系统的开发分成两大部分：前台和后台
前台：主要实现用户的浏览文章、查询，资源浏览、查询、下载以及附加选项投票，友情链接，注册用户、文章评论等
后台：采用Mysql进行数据存储与管理,功能主要有：
1. 系统的基本配置主要是设置网站的名称、关键字等；
2. 系统管理员：添加系统管理员，另外设置管理员的权限；
3. 栏目文章操作：是对发布内容的主要操作；
4.另有投票管理、链接管理、资源管理、上传下载、文章评论等。
界面采用css样式，Dreamweaver进行布局设置制作页面框架等。
2.2运行环境需求
2.2.1硬件平台
硬件最低要求：CPU PIII 500以上PC服务器，内存254MB以上，硬盘8GB以上。以目前的基本配置来看，大多能满足硬件要求
2.2.2 软件平台
服务器：tomcat
2.2.3 开发环境
开发工具：Myeclipse
开发平台：JDK
服务器：tomcat
其他工具：Macromedia Dreamweaver 8
2.2.4 数据库
数据库系统：采用Mysql数据库
3 数据库设计
此系统采用Mysql对数据进行简单的管理。该数据库进行了以下规划：该数据库的实体有用户实体、栏目实体、文章实体、评论实体、链接实体、站点实体、资源实体、投票实体。
3.1 数据库概念结构设计
由于各数据库的实体之间的关系比较简单，直接用实体关系表表示就一目了然。
其中六个实体的E-R图分别由图所示。

用户
添加日期
用户权限
登录名
密码答案
密码问题
状态
登录密码
真实姓名
电话
Emial
QQ

图3.1 用户实体E-R图

文章类型
栏目类型
栏目
添加日期
栏目创建人
栏目名称
栏目编号
上级栏目ID
状态
上级栏目名称
所属模块

图3.2 栏目实体E-R图

文章
文章来源
文章类型
文章标题
文章作者
关键字
文章点击数
副标题
真实姓名
栏目编号
所属栏目名
文章摘要图
文章点击数
文章内容
文章状态
是否推荐

图3.3 文章实体E-R图

资源
创建者
资源名称
所属栏目
栏目编号
资源类型
创建日期
资源状态

图3.4 资源实体E-R图

站点
站点状态
站长地址
站点名称
站长姓名
站点URL
版权
站点标题
点击数
首页选择
站长Emial
站长电话

图3.5 站点实体E-R图
评论
评论者姓名
评论日期
评论文章
文章ID
评论内容
评论者

图3.6 评论实体E-R图
另设有两张表存储友情链接或广告链接的链接表和投票表
3.2 数据库逻辑结构设计
各个表的设计如下。
表1 Site

此表记录站点的基本信息。
表2 Article

此表记录文章的基本信息。
表3 Coment

此表记录文章评论信息

表4:Link

记录链接广告等信息

表5：栏目表

此表记录栏目信息

表6：source

此表记录资源信息

表7：user

此表记录用户信息及权限
4 详细设计
本章对详细设计进行说明与介绍。
4.1整体思想框架结构的说明
4.1.1 系统整体采用MVC架构

图4.1.1整体结构 图4.1.2接口类包

图4.1.3工具类包 图4.1.4测试类包

图4.1.5接口实现类包 图4.1.6封装对象类包

1、M（Moldel层）数据逻辑层：用的DAO模式
（1） 接口包（com.dao）：每个表一个接口用于描述所实现的功能
（2）接口实现类包（com.dao_iml）:每个接口包一个实现类用于实现接口中的方法还继承了工具类中的两个类
（3）容器类包（com.vo）：每个表用一个类描述各表的字段及取得字段值和设置字段值的set、get方法，是联系数据库和控制类的纽带
（4）工具类包（com.util）:（用到了两个工具类）
连接数据库的类：用于连接数据库其中用配置文件存储数据库链接的四个参数（用户名、密码、数据库URL、驱动）
SQL语句常量类:存储所有用到的SQL语句
（5）测试类包：里面有test方法在链接tomcat之前可用于测试实现类中的方法，当然也可以在各类中写main方法进行测试但是每个类都要写main方法就比较麻烦了，在servlet用之前可以在此包中测试要检查的类比较方便
（6）用到了一个配置文件：db_config.properties此文件有四个连接数据库的参数，方便修改要链接的数据库及驱动
2、C:（Controller） 控制层（sevelet/action）：本系统主要用的是servlet

图4.1.7控制层servlet包 图4.1.8过滤器

此层比较重要是连接数据逻辑层和视图层的纽带，实现用户与数据库的交互，使网站动态化，主要功能功能是：接收用户请求调用后台逻辑接口并响应用户请求实现页面跳转（其中用的VO做容器类）
注意：在用servlet时一定要在web.xml中把路径配置好，方便用户调用
另外还用到了过滤器对文件编码进行了设置以解决中文乱码问题
3、 V:（View） 表现层
主要是界面的表现与美观及用户请求调用控制层主要用到了HTML、Jsp、JS（javascript）：实现页面跳转等一些功能、CSS样式文件、用Dreamweaver设计页面结构、还用到了jstl标签库和EL表达式
其中用Jquary插件实现了新闻轮播幻灯片、密码软键盘、
在文章编辑页面和评论页面用到了FCKeditor编辑器（文字样式编辑、上传下载图片视频等）、评论中通过配置FCKeditor使工具条减少了部分功能、以保证系统安全性
用fileupload插件上传文章摘要图和图片视频等资源
用Dtree插件实现树形目录结构
4.1.2 系统整体思想：
此系统整体分为三个结构：后台、数据库、前台。而前台和后台又都是用的MVC架构
后台和前台都是操作数据库的内容。二者通过数据库进行联系：后台通过对数据库的设置操作实现对前台页面的控制；前台从数据库取出数据进行展示，部分插入数据库内容进行用户交互操作如用户注册、投票系统和评论、留言等
4.2 前台管理
4.2.1前台首页

图4.2.1 前台首页

Title栏：显示网站的名称（可自己设置）
Logo：是个链接点击进入本网站（可从后台选择图片）
横幅的图片：网站的标志
导航菜单栏：
首页和资源管理是固定的其他可自己选择栏目（首页链接至首页界面、资源管理里面包括要展示的资源，提供下载等连接、其他自己设置的菜单选项控制左栏和主界面显示的内容）
左栏：
1、用户登录页面：有验证码、软键盘（可登录、注册 登陆后这里显示用户名及上次登录时间）
2、网站信息面板：网站名称、总访问量、文章总数、站长姓名、地址、电话（此信息从数据库取出可从后台修改其中文章总数和总访问量自动统计后输出）
3、投票调查：可投票并查看投票结果（可从后台自己选择主题）。点击查看投票结果主界面显示。

图4.2.2投票结果显示

主界面：
1、 滚动条滚动显示最新的五条文章可点击进入各文章
2、 搜索框：按关键字搜索全站文章
3、最新新闻栏目左侧用的jQuery插件幻灯片显示最新五个的文章摘要图片下方显示文章名称点击进入相关文章；右侧是最新文章的链接(所属栏目和文章名称及日期)，文章名称超过二十字后面的就用省略号显示，点击栏目和文章相应更改左栏和主界面显示的内容。
4、有左右两个模块可自己选择要显示的栏目（热门文章、推荐文章或自己添加的栏目，界面和最新新闻右侧栏目统一）
5、图片展示栏：显示最新的五张图片及文章名称、点击更改左栏和主界面显示内容。
链接栏：
可自己添加各个链接（广告、友情网站等）上面是链接名称下面是连接图片点击进入格链接
下面一行链接：
设为首页、加入收藏、关于我们、留言版、管理员登录（只有管理员才有权限进入，非管理员点击弹出对话框提示没有权限）
最下面一行：
显示网站版权信息。
4.2.2网站栏目显示页面

图4.2.3栏目展示页面
点击任一个栏目名称则进入此页面，
左侧：栏目下的子栏目点击右侧展示此栏目下的子栏目名称及文章名称。下面是热门文章和推荐文章栏目（各显示十条内容）
主界面：文章的位置如首页-》互联网等点击进入相应页面、搜索框、下面是各栏目下的文章名称及所属栏目连接。
LOGO网站展示图片 导航 友情链接，附加连接和版权等不变
4.2.3网站文章显示页面

图4.2.4文章展示页面
上侧、下侧、左栏不变
右栏文章页：标题、副标题、作者、来源、点击数、更新时间等，下面是文章内容及文章的评论（显示两条可点击查看评论查看），最下面是个文本编辑器（FCKedtor插件）发表评论（考虑到安全性工具条只显示了部分功能），用户输入姓名、验证码后发表评论。
4.2.4资源下载、用户注册页面及投票界面

图4.2.5资源下载页面
点击资源下载，左侧是下载的栏目（视频、图片等栏目）、主界面是各种资源可搜索及下载还有一个显示全部资源按钮
用户注册界面：基本信息填写权限是普通用户
投票界面：得到各个票数显示百分比及图像显示
4.3后台系统管理
4.3.1后台首页
后台首页主要有三部分构成分别为：top块，left块，right块。
Top块主要包含有Logo，欢迎语以及功能标签控制left块的显示，left块控制right块的显示还有自己个人信息和密码修改

图4.3.1后台登录页

图4.3.2后台首页
4.3.2信息采编
左栏上侧是四个快捷按钮（新建文章、文章管理、新建栏目、栏目管理）；下侧是一个树形栏目（用dtree插件可伸缩），此树的根节点下的文章栏目和前台的菜单栏对应，点击任一节点right块显示其目录下的文章及所有子目录下的文章，right快可对文章进行添加、删除、修改、查找（ID、标题、添加人）、文章筛选（热门、推荐、最近一天记录）、启停用、推解荐

图4.3.3 文章添加

图4.3.4文章管理

图4.3.5 栏目管理

4.3.3系统配置

图4.3.6系统基本配置

图4.3.7站点管理

图4.3.8前台首页选择

图4.3.9网站统一建站流程

图4.3.10各模块分别选择

站点配置：基本参数配置（网站名称、地址、站长信息权限等）、站点管理（新建站点、搜索、修改、启停用（只能启用一个））
信息分类管理：栏目管理（添加新栏目、添加子栏目、修改、删除、搜索（ID、栏目名、添加人）、启用停用）
模块设计：（一个快速统一建网站的总流程接口比较方便）
首页模块选择--》首页各模块内容的选择：
（1）LOGO图片、网站展示图片选择：弹出模式对话框选择服务器上的图片（单选），可在资源管理页添加自己的图片后选择。
（2）菜单栏导航、前台主页面两个内容块和左栏选择（多选）：模式对话框列出所有栏目名称选择（可先在栏目管理中添加自己的栏目）
（3）友情链接选择（多选）：模式对话框列出所有链接（可自己先添加）
以上模式对话框选择完毕后返回数据提交后设置成功
4.3.4 用户管理
添加新用户、用户管理（增删改查权限）

图4.3.11添加新用户

图4.3.12用户管理
4.3.5互动信息
（1） 评论管理：显示所有评论（查找、删除）
（2） 投票调查：新建主题、各主题的查找、删除、修改、启用停用等
（3） 链接管理：增删改查启停用
（4） 留言管理：增删改查启停用

图4.3.13 互动评论管理

图4.3.14 添加链接

图4.3.15资源管理
图片视频管理等（上传、搜索、修改、删除等）
4.3.6系统实现
此系统主要分为两个部分：后台和前台。而前台和后台又都是用的MVC架构
后台和前台都是操作数据库的内容。二者通过数据库进行联系：后台通过对数据库的设置操作实现对前台页面的控制；前台从数据库取出数据进行展示，部分插入数据库内容进行用户交互操作如用户注册、投票系统和评论、留言等。
4.3.7注销
登录是建立一个session值，注销时清空此session并返回网站首页。
5 测试
测试就是利用测试工具按照测试方案和流程对产品进行功能和性能测试，甚至根据需要编写不同的测试工具，设计和维护测试系统，对测试方案可能出现的问题进行分析和评估。执行测试用例后，需要跟踪故障，以确保开发的产品适合需求。它是帮助识别开发完成的系统的的正确度、完全度和质量的软件过程
5.1本系统测试
本系统的测试：

在实现的过程中采用动静结合的测试方法，编写一段程序首先检查程序是否有误，之后运行程序查找错误，如有错误回头检查程序错误源头进行修改。
其中对于SQL语句的测试在MySql中测试，业务逻辑层先在MyEclipse编写的测试类中测试无误后再在控制层中使用。
完成系统后，采用有事先设计的用例进行测试，并发布到局域网上让同学浏览以查找系统不足之处。
5.2测试用例
（CMS）测试用例
项目名称
网站内容管理系统
版本
V1.0
功能模块名
用户登录模块
功能特性
用户登录
用例编号
001
编制人
常晓雪
相关的用例
002
编制时间
2013年5月21日
测试目的
输入正确的用户名、密码、验证码才能正确登录
前置条件
已进入登陆界面
特殊规程说明
暂不考虑用户权限登录，均按照一般用户登录处理
测试数据
用户登录

图5.2.1 测试用例

表5.2.2测试结果

操作步骤
输入数据
操作描述
期望结果
测试结果
状态
1
用户名为空
点击登录
提示：抱歉！用户名信息不可为空
用户名不可为空
一致
2
输入正确用户名，密码为空
点击登录
提示：抱歉！密码不可为空
抱歉！密码不可为空
一致
3
输入正确的用户名密码，验证码错误
点击登录
提示：验证码错误！
验证码错误，请重新输入
一致
4
输入用户名错误其他各项均正确
点击登录
提示：抱歉！该用户不存在，登录失败
抱歉！该用户不存在，登录失败
一致
5
输入密码错误其他各项均正确
点击登录
提示：抱歉！密码错误，登录失败
抱歉！密码错误，登录失败
一致
6
输入正确用户名，正确密码，正确验证码
点击登录
提示：登录成功并进入主界面
登录成功并进入主界面
一致
7
用户名，密码，身份证，手机均为空
点击登录
提示：抱歉！登录失败，请填写信息
抱歉！登录失败，请填写信息
一致
8
输入正确用户名，正确密码，正确的验证码
点击取消
用户名，密码，身份证号码，手机号码均为空，焦点回归用户名文本框
用户名，密码，身份证号码，手机号码均为空，焦点回归用户名文本框
一致
测试人员
常晓雪
开发人员
常晓雪

6总结
通过本系统的设计编写完成，遇到了很多问题，如乱码问题、设计思想不合理等，通过对这些问题的解决（在网上查资料，请教同学老师），学到了不少东西，意识到数据库很重要，设计思想很重要，而且需要细心，代码的编写错一点都会影响结果，细心的人可以减少编写时间，提高效率。
7感谢
首先要感谢河北农业大学，在这里我学到了不少东西，也留下了很多美好的回忆。其次，就是各位老师，指导教师给了我很大的帮助，感谢他的指导。最后，同学的帮助，让我少走了不少弯路。感谢你们，让我学到了很多东西，成长了不少。
参考文献
[1] 鲁夫创意工作室何雄. JSP网络程序设计 ： 人民邮电出版社，河北农业大学图书馆
[2] 郭宏志. JAVA开源培训之Struts框架： 赛迪IT职业培训，2008.4
[3] 孙晨霞 数据库应用技术[M]: 北京邮电大学出版社
[4] 王国辉.王毅.尹相群 Java Web开发技术方案宝典[M]: 人民邮电出版社，2008.2
[5]吴其庆 JSP编程思想与实践[M]: 人民邮电出版社，2010-7
[6] 慕西亚诺（Musciano，C.），肯尼迪（Kennedy，B.）. HTML和XHTML权威指南（第五版） [M]: 清华大学出版社，2004-6
[7] （英）巴德. 精通CSS：高级Web标准解决方案 [M]: 人民邮电出版社，2003
[8] E.Reed Doke.John W.Satzinger：Java 面向对象应用程序开发[M]: 清华大学出版社，2003