网站内容管理系统(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 SystemAbstract: 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 引言51.1相关背景51.1.1CMS简介51.1.2CMS的发展51.2技术简介61.2.1JSP简介61.2.2相关技术62系统需求分析72.1需求分析72.2运行环境需求72.2.1硬件平台72.2.2 软件平台72.2.3 开发环境72.2.4 数据库83 数据库设计83.1 数据库概念结构设计83.2 数据库逻辑结构设计114 详细设计134.1整体思想框架结构的说明134.1.1 系统整体采用MVC架构134.1.2 系统整体思想：154.2 前台管理164.2.1前台首页164.2.2网站栏目显示页面184.2.3网站文章显示页面194.2.4资源下载、用户注册页面及投票界面194.3后台系统管理204.3.1后台首页204.3.2信息采编214.3.3系统配置234.3.4 用户管理254.3.5互动信息254.3.6系统实现274.3.7注销275 测试275.1本系统测试275.2测试用例276总结297感谢29参考文献291 引言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 软件平台服务器：tomcat2.2.3 开发环境开发工具：Myeclipse开发平台：JDK服务器：tomcat其他工具：Macromedia Dreamweaver 82.2.4 数据库数据库系统：采用Mysql数据库3 数据库设计此系统采用Mysql对数据进行简单的管理。该数据库进行了以下规划：该数据库的实体有用户实体、栏目实体、文章实体、评论实体、链接实体、站点实体、资源实体、投票实体。3.1 数据库概念结构设计由于各数据库的实体之间的关系比较简单，直接用实体关系表表示就一目了然。其中六个实体的E-R图分别由图所示。用户添加日期用户权限登录名密码答案密码问题状态 登录密码真实姓名电话EmialQQ图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.43 孙晨霞 数据库应用技术M: 北京邮电大学出版社4 王国辉.王毅.尹相群 Java Web开发技术方案宝典M: 人民邮电出版社，2008.25吴其庆 JSP编程思想与实践M: 人民邮电出版社，2010-76 慕西亚诺（Musciano，C.），肯尼迪（Kennedy，B.）. HTML和XHTML权威指南（第五版） M: 清华大学出版社，2004-67 （英）巴德. 精通CSS：高级Web标准解决方案 M: 人民邮电出版社，20038 E.Reed Doke.John W.Satzinger：Java 面向对象应用程序开发M: 清华大学出版社，2003