CMS内容管理系统摘要(五):数据库、tomcat服务器及开发工具

　　CMS内容管理系统摘要(五):数据库、tomcat服务器及开发工具

　　cms内容管理系统总结 本文介绍了网站内容管理系统（cms），该系统使用mysql数据库、tomcat服务器和MyEclipse、Dreamwear等开发工具制作而成。系统基于JDK平台，采用jsp，java开发语言，B/S模式。整体使用MVC框架，实现了整个系统的快速开发，提高了稳定性和可维护性。其中M层采用DAO模式，C层采用servlet，V层采用HTML、JSP、jstl标签等。系统分为前端展示模块和后端管理模块。两个模块均采用MVC架构，通过数据库连接。后端通过对数据库的一系列操作来达到控制前端显示的内容的目的。取出数据，得到要显示的内容。前台的个别模块，如用户登录、投票系统、文章评论等，也可以实现交互效果。通过使用本系统，您可以达到快速建站的目的。对于不懂编程的用户，通过本系统达到搭建网站的目的，方便、快捷、易懂。以下五章详细介绍了该系统的设计和实现。第一部分是引言，简要介绍了相关背景和JSP技术。第二部分是需求分析。第三部分介绍了数据库设计。第四部分是详细设计。第五部分测试关键词:cms;jsp;B/S;MVC;网站内容管理系统;cms内容管理系统 摘要：本文介绍了Mysql、tomcat、MyEclipse、Dreamwear和其他软件工具来创建内容管理系统的过程。系统基于JDK平台，JAVA语言，采用B/S模式。使用MVC框架可以使开发的快速性得以保持。 Model层采用DAO模式，Controller层采用servlet。而View层使用的是html、jsp和tags。本系统分为前台展示模块和后台管理模块，MVC架构的两个模块，已经被数据库采用了起来，后台通过一系列的数据库操作来控制前台前台展示内容，前台的目的是通过数据从数据库中取出展示内容，前台针对用户登录、投票系统、文章评论等各个模块。也可以达到交互，使用该系统可以让不懂编程的人可以通过该系统快速搭建网站。本文讨论了cms内容管理系统设计与实现的五个部分。第一部分是简要介绍背景，以及Java Server Pages。第二部分是需求分析。第三部分是数据库设计和。第四部分是详细设计。第五部分是软件测试。关键字：cms； JSP; B/S;MVC; 1 简介 51.1 相关背景 51.1.1cms简介 51.1.2cms开发 51.2技术介绍 61.2.1JSP 介绍 6 1.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 总体思路框架结构 13 4.1.1 系统整体采用MVC架构 134.1.2 系统整体思路： 154.2 前台管理 164.2.1 前台首页 164. 2.2网站栏目展示页面 184.2.3网站文章展示页面 194.2.4 资源下载、用户注册页面和投票界面 194.3后台系统管理20 4.3.1后台首页 204.3.2信息采编214.3.3 系统合作nfiguration 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（内容管理系统） 中文名称为网站内容管理系统它是一个使用数据库来存储和发布信息的系统。系统可以管理任何信息，也可以自行定义信息类型，实现各种信息的数据库存储、管理和发布。

　　随着互联网的飞速发展，信息化的发展越来越强大，内容管理变得越来越重要。*敏*感*词*信息化建设虽然发展迅速，但也存在不少问题：建设难、信息不能更新。不及时、管理不到位、功能不健全等，有时甚至需要重新建站，重复同样的工作，费时费力，成本高，效率低，影响工作。 网站内容管理系统（cms）的出现解决了以上很多问题。用户无需专业知识即可创建网站使用网站内容管理系统，搭建网站后无需专业知识即可自行管理，如内容增删改、模块变更、内容扩展等上。这样用户就不需要重复建站的过程，可以将主要精力用在内容管理上，降低成本，提高效率，动态扩展管理，满足用户的不同需求。简单的说，使用网站内容管理系统不需要学习建站技术、编程语言、HTML语言等，即可搭建风格统一、功能强大的网站。 1.1.2cms的发展 随着人们对信息技术的需求不断增加，cms系统从2000年开始成为重要的应用领域，cms系统可以为企业带来价值。企业信息化管理提高了企业在同行业中的形象和竞争力。 1、新闻管理功能早期的cms系统只能简单的发布信息和新闻。如果要管理，必须删除发布，非常麻烦。

　　今天的cms系统可以删除和修改新闻信息，管理功能非常强大。 2、管理界面最早的管理界面，布局简单，杂乱无章。现在界面开始注重美感，管理功能的布局也人性化了很多。 3、商业模式cmsSystem 率先开启商业模式。但是，早期还不是太成熟。目前cms系统的商业模式主要包括与主机商整合、提供预装cms虚拟主机、模板定制服务、功能定制开发服务。 4、cmsTemplates 早期的cms模板只有几个默认的，都是单一的，没有特色，只是换了个颜色而已。今天的cms模板非常经典，种类繁多，适用于商业、工业和企业cms模板。 5、不同类型的cmssystems。早期的cms系统是统一的风格和统一的管理功能。今天的cms 系统正在向专业化和泛化两个方向发展，并朝着泛化方向发展。也就是说，当前天真的内容管理系统不断完善和扩展其功能；它朝着专业化的方向发展，即出现了一个新的专用cms系统。 cms 系统现已组合在一起。随着商业模式的不断发展和进步，cms系统将更加智能化，优秀的cms系统才能创造企业的繁荣。 HTML（HyperText Mark-up Language），即HyperText Mark-up Language或Hypertext Link Markup Language，是目前互联网上使用最广泛的语言，也是构成网络文档的主要语言。

　　HTML 文件是由 HTML 命令组成的描述性文本。 HTML 命令可以描述文本、图形、*敏*感*词*、声音、表格、链接等。HTML 文件的结构包括两部分：Head 和 Body。 header 描述了浏览器需要的信息，body 收录具体需要解释的内容。层叠样式表（Cascading Style Sheet）简称“CSS”，通常也称为“样式表”，用于网页样式设计。比如你想让链接词在没有点击的时候是蓝色的，当鼠标上移时这个词变成红色并带有下划线，这就是一种样式。通过设置样式表，可以统一控制HTML中每个标记的显示属性。级联样式表可以使人们更有效地控制网页的外观。使用级联样式表，您可以扩展精确指定网页元素的位置和外观并创建特殊效果的能力。 2 系统需求分析2.1需求分析本系统的开发分为前台和后台前台两部分：主要实现用户浏览文章、查询、资源浏览、查询、下载和附加选项投票、友情链接、注册用户、文章评论等后台：Mysql用于数据存储和管理。主要功能是：系统的基本配置是设置网站的名称和关键字；系统管理员：添加系统管理员，另外设置管理成员的权限； 文章操作栏：是发布内容的主要操作； 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 图。图3.1 用户实体ER图3.2 列实体ER图3.3 文章Entity ER图3.4 资源实体ER图3.5 站点实体ER图3.6评论实体ER图也有两个表来存储链接表和友情链接或广告链接的投票表。 3.2 数据库逻辑结构设计各表设计如下。

　　表1 站点该表记录站点的基本信息。表2 文章 该表记录了文章的基本信息。表3 评论该表记录文章评论信息表4：链接记录链接广告等信息表5：列表该表记录列信息表6：来源该表记录资源信息表7：用户该表记录用户信息和权限 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）container 类包（com.vo）中的两个类：每个表使用一个类来描述每个表的字段并获取和设置字段值 set 和 get 方法是数据库与控件类的链接（4）工具类包(com.util)：（使用了两个工具类）cla ss连接数据库：用于连接数据库，它使用配置文件存储数据库链接四个参数（用户名、密码、数据库URL、驱动程序）SQL语句常量类：存储所有使用的SQL语句（5）测试类包：有一个测试方法，可以在链接tomcat之前测试实现类的方法，当然可以写各种类型的main方法进行测试，但是写main方法比较麻烦每个班级。使用servlet之前先测试一下这个包中需要检查的类比较方便（6）密了修改了一个配置文件：db_config.properties 这个文件有四个连接数据库的参数，方便数据库被链接和驱动2、C：（Controller）控制层（sevelet/action）：本系统主要使用servlet图4.1.7控制层servlet包图4.1.8 filter 这一层是更重要的是连接数据逻辑层和视图层，实现用户和数据库的交互，使网站动态化，主要功能是：接收用户请求调用后端逻辑接口，响应用户请求实现页面跳转（其中VO作为容器类）。注意：使用servlet时，必须在web.xml中配置路径，方便用户调用。还使用过滤器设置文件编码，解决中文乱码问题。五：（查看）目前tation层主要是界面性能和美观，用户请求调用控制层主要使用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 前台首页 标题栏：显示网站的名称（可自行设置） Logo：是一个链接，点击进入这个网站（可从后台选择图片）banner图片：网站的logo 导航菜单栏：首页和资源管理固定，其他栏目可以自己选择（首页链接到首页界面，资源管理包括要展示的资源，提供下载等链接，其他自设菜单选项控制左栏和主界面显示的内容）左栏：1、用户登录页面：带验证码，软键盘（可以登录，注册登录后即可） , 用户名和上次登录这里显示时间）2、网站信息面板：网站name，总访问量，文章总，站点管理员姓名，地址，电话号码（此信息可以从数据库中取出，可以从后台，其中文章总和总访问量自动统计输出后）3、voting 调查：可以投票和查看投票结果（可以从后台选择主题）。点击查看投票结果主界面。图4.2.2 投票结果显示主界面：滚动条滚动显示最新五个文章可点击进入每个文章搜索框：按关键字文章@搜索全站k81@新新闻栏目左侧 侧边使用的jQuery插件幻灯片展示了最新的五张文章摘要图片。 文章 名称显示在摘要图片下方。点击进入相关文章；右边是最新的文章的链接（列和文章姓名和日期），如果文章姓名超过第二个叉号，会以省略号显示。点击栏目和文章，相应改变左栏目和主界面显示的内容。

　　4、有左右两个模块，可以选择想要显示的栏目（热门文章，推荐文章或者你添加的栏目，界面和最新消息在右侧栏目一）5、图片栏目：显示最新五张图片和文章名称，点击更改左栏目和主界面显示内容 链接栏目：可以自行添加各个链接（广告、友情链接） 网站等。上面是链接名称，下面是链接图片点击进入链接下面的链接：设为首页、加入采集、关于我们、留言板、管理员登录（只有管理员才有权限进入,非管理员点击弹出对话框提示无权限）底线：显示网站Copyright信息。4.2.2网站栏目展示页面图片4.2.3栏目展示页面点击任意列名进入该页面，左侧：列下的子列点击右侧显示子列名a在此列下找到文章 名称。下面是热门的文章和推荐的文章栏目（每个栏目显示十个项目） 主界面：文章的位置如首页-》互联网等点击进入相应页面，搜索框，下方是每栏下的文章名称及各栏的链接LOGO网站显示图片导航友好链接，附加链接和版权保持不变4.2.3网站文章显示页面图4.2.4文章 显示页面的上、下、左栏保持不变，右栏文章页面：标题、副标题、作者、来源、点击次数、更新时间等，以下为文章文章的内容和评论（显示两个，可以点击查看评论查看），底部是一个文本编辑器（FCKedtor插件）发表评论（考虑到安全工具栏只显示部分功能)，用户输入姓名和验证码稍后评论。

　　4.2.4 资源下载、用户注册页面及投票界面图4.2.5 资源下载页面 点击资源下载，左侧为下载栏（视频、图片等） )，主界面是各种资源，可以搜索下载。还有一个按钮可以显示所有资源。用户注册界面：基本信息填写权限为普通用户投票界面：获取每次投票的百分比和图片显示4.3后台系统管理4.3.1后台首页后台首页主要由三部分组成：顶块、左块和右块。 Top块主要收录Logo、欢迎信息和功能标签控制左块的显示，左块控制右块的显示，以及自己的个人信息和密码修改图4.3.1后台登录页面图4.3.2后台首页4.3.2 信息获取与编辑 左栏上方为四个快捷按钮（新增文章、文章管理、新增栏目、栏目管理）;下边是一个树列（使用dtree插件是可扩展的），这棵树根节点下的文章列对应前台的菜单栏，点击任意节点右侧块显示@在其目录下的k13@和在所有子目录下的文章，右键快速添加、删除、修改、搜索文章（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 各模块选择站点配置：基本参数配置（网站Name、地址、站长信息权限等）、站点管理（新建站点、搜索、修改、启用和禁用（只能启用一个））信息分类关于管理：栏目管理（添加新栏目、添加子栏目、修改、删除、搜索（ID、栏目名称、要添加的人）、启用和禁用）模块设计：（快速统一创建网站通用流程界面更方便）首页模块选择--》首页模块内容选择：（1）LOGO图片，网站display图片选择：弹出模态对话框选择服务器上的图片（单选），您可以在资源管理页面添加自己的图片后进行选择。

　　（2）菜单栏导航，前台主页两个内容块和左栏选择（多选）：模态对话框列出了所有栏名选择（可以在栏管理中添加自己的栏第一个）（3）友情链接选择（多选）：模态对话框列出所有链接（可以先添加），上面模态对话框选中后返回数据，设置成功。4.3.4 用户管理添加新用户，用户管理（增删改查权限） image4.3.11添加新用户 image4.3.12User management4.3. 5 互动信息评论管理：显示所有评论（搜索、删除）投票调查：新建主题、搜索、删除、修改、启用和禁用主题等。 链接管理：添加、删除、修改、检查、禁用和留言管理：添加、删除、修改、勾选、禁用、禁用images4.3.13 互动评论管理ment diagram4. 3.14 添加链接图片4.3.15 资源管理、图片视频管理等（上传、搜索、修改、删除等）4.3.6 系统实现本系统主要分为后台和前台两部分。前台和后端都使用MVC架构。后端和前台都用于操作数据库的内容。两者通过数据库连接：后端通过数据库设置操作实现前台页面的控制；显示、插入部分数据库内容进行用户注册、投票系统和评论、留言等用户交互操作。 4.3.7 注销是创建一个会话值，注销时清除会话并返回到网站主页。 5 测试测试是使用测试工具按照测试计划和程序对产品进行功能和性能测试，甚至根据需要编写不同的测试工具，设计和维护测试系统，分析和评估测试计划中可能存在的问题。

　　执行测试用例后，需要对失败进行跟踪，以确保开发的产品适合需求。是一个有助于识别开发系统的正确性、完整性和质量的软件过程5.1 本系统测试本系统的测试：在实施过程中，采用动态和静态相结合的测试方法，以及写一个程序先检查程序如果有错误，再运行程序查找错误，如果有错误，回去检查程序错误的来源修改。其中SQL语句的测试在MySql中进行测试，业务逻辑层首先在MyEclipse编写的测试类中进行测试，然后在控制层中使用。完成系统后，使用预先设计好的用例进行测试，并发布在局域网上，供学生浏览，查找系统的不足之处。 5.2 测试用例(cms) 测试用例项目名称网站内容管理系统Version V1.0 功能模块名称 功能特性 用户案例编号 1 编译器常晓雪 相关用例 002 编译日期 2013 年 21 月输入正确的用户名和密码才能正确登录。前提条件已经进入登录界面。特殊程序说明。暂时不考虑用户权限。登录按照一般用户登录流程进行处理。测试数据。用户登录表单5.2.2 测试结果操作步骤输入数据操作描述预期结果测试结果状态1用户名为空点击登录提示：对不起！用户名信息不能为空。用户名不能为空。一致输入正确的用户名，密码为空。点击登录提示：对不起！密码不能为空。对不起！密码不能为空。点击登录提示：验证码错误！验证码有误，请重新输入。 4 输入的用户名不正确，其他所有项目都正确。点击登录提示：对不起！ , 登录失败，抱歉！ , 登录失败，密码错误，其他项目正确。点击登录提示：对不起！密码错误，登录失败。对不起！密码错误，登录失败。输入正确的用户名，正确的密码，正确点击登录提示：登录成功，进入主界面。登录成功，进入主界面。用户名、密码、*敏*感*词*、手机都是空的。点击登录提示：对不起！登录失败，请填写信息抱歉！登录失败，请填写信息并输入正确的用户名、正确的密码，点击取消用户名、密码、*敏*感*词*号、手机号。焦点返回到用户名文本框用户名、密码、*敏*感*词*号、手机号。全部为空，焦点返回到用户名文本框一致 tester developer 2010-7 [6] Musciano (Musciano, C.), Kennedy (Kennedy, B.)。 HTML与XHTML权威指南（第五版）[M]：清华大学出版社，2004-6[7]（英）巴德．精通CSS：Advanced Web Standard Solutions [M]：人民邮电出版社，2003[8] E.Reed Doke.John W.Satzinger：Java面向对象应用开发[M]：清华大学出版社，2003 用户添加日期,用户权限,登录名,密码,回答,密码,问题状态,登录密码,真实姓名,电话 EmialQQ文章type 列类型列添加日期列创建者列名列编号上级列ID状态上级列名所属模块文章文章source文章type文章title文章Author keyword文章click number 字幕实名列号所属列名文章Abstract图文章点击数文章内容文章Status 是否推荐资源创建者资源名称所属栏目列号资源类型创建日期资源状态站点状态站点状态站长地址站点名称站长名称站点URL版权站点标题点击首页选择站长Emial站长电话评论评论者姓名 评论日期 评论文章文章ID 评论内容 评论者