基于struts2 框架技术的古筝工作室网站的设计与实现

本科生毕业设计（论文）（2014届）设计（论文）题目基于STRUTS2框架技术的古筝工作室网站的设计与实现作者王建分院经济管理分院专业班级电子商务1001指导教师（职称）盛虹平（讲师）论文字数8318论文完成时间2014年4月14日杭州师范大学钱江学院教学部制基于STRUTS2框架技术的古筝工作室网站的设计与实现电子商务专业1001班王建指导教师盛虹平摘要随着网络技术的快速发展，人们的生活娱乐越来越依赖于网络，网络已经成为人们获取信息的主要途径，为了满足这些需求，越来越多的企业单位开始筹建自己的网站，因此建设一个功能完善的网站对于古筝工作室来说已经是必不可少的内容。本文描述了古筝工作室通过STRUTS2框架，结合MYSQL实现网站设计与实现的技术和整体思路。关键字网站设计与实现MYSQL；STRUTS2框架DESIGNANDIMPLEMENTATIONOFTHEGUZHENGWEBSITEBASEDONSTRUTS2FRAMEWORKCLASS1001ECOMMERCEWANGJIANINSTRUCTORSHENGHONGPINGABSTRACTWITHTHERAPIDDEVELOPMENTOFNETWORKTECHNOLOGY,PEOPLESENTERTAINMENTLIFEINCREASINGLYDEPENDENTONTHENETWORK,THENETWORKHASBECOMETHEMAINWAYOFPEOPLEGETTINGINFORMATION,INORDERTOMEETTHESEDEMANDS,MOREANDMOREENTERPRISESBEGINTOCONSTRUCTTHEIROWNWEBSITE,SOTHECONSTRUCTIONOFAFUNCTIONALWEBSITEISINDISPENSABLEFORGUZHENGSTUDIOSTHISPAPERDESCRIBESTHEGUZHENGSTUDIOBYSTRUTS2FRAMEWORK,COMBINEDWITHMYSQLTOACHIEVEWEBSITEDESIGNANDIMPLEMENTATIONTECHNIQUESANDTHOUGHTSKEYWORDSWEBSITEDESIGNANDIMPLEMENTATIONMYSQLSTRUTS2FRAMEWORK目录一、古筝工作室网站项目概述1（一）古筝工作室介绍1（二）网站建设背景1（三）网站建设目的2二、网站需求分析2（一）需求分析2（二）主要功能设计3三、网站功能实现6（一）环境搭建与配置6（二）数据库设计7（三）网站关键实现技术9四、网站建设后期工作14（一）页面功能整合14（二）网站测试14五、总结14参考文献15致谢16基于STRUTS2框架技术的古筝工作室网站的设计与实现电子商务专业1001班王建指导教师盛虹平一、古筝工作室网站项目概述（一）古筝工作室介绍雪霏古筝工作室是为了培养艺术人才，普及艺术教育，为了弘扬和推广我国民族音乐，所以特此开设了古筝培训的课程,致力于推广中国传统音乐及人文思想和中国深厚古典文化。并且雪霏古筝工作室还向广大的培训人员提供软硬件一流的教学环境，有着雄厚的师资力量，顶级的教育模式以及严谨负责的教学态度。古筝工作室的教师都是来自中国著名专业音乐学校，有着多年的教学经验，并且采用正规系统科学的教材，使之能够达到最高质量的教学效果。为古琴和古筝爱好者，对中国古典文化有兴趣之士，提供最具中国文化特色,典雅清新的学习古筝环境。雪霏古筝工作室有齐全的教学设施，舒心的学习氛围，为了提高学员专业学习能力，开阔视野，扩充知识，雪霏古筝工作室将会不定期举行各种专业古筝学习讲座，释疑学问，并且为检验每位学员在课堂所学技艺，雪霏古筝工作室也会不定期举行内部专业演奏会，在众多名家教授的公正评判下，评出优秀学员，并且每位学员还会受到名家的指点。（二）网站建设背景随着以互联网为代表的信息技术的飞速发展，其强大的功能已为人们深刻认识,互联网的普及渐渐改变人们的生活，它已进入人类社会的各个领域并发挥着越来越重要的作用。人们的生活越来越离不开网络这个平台网络的无地域无国界分别也给大量的客户带来了无限的利益，网络化的需求使企业单位建立一个代表自己性质形象，色彩布局合理，功能完善的网站已经是企业单位在网络建设过程中必不缺少的一部分。随着经济全球化和互联网迅速的到来，雪霏古筝工作室如果还固守于传统线下模式则必定不能再适应经济全球化的趋势，必定会被竞争对手说赶超，当你的竞争对手正在通过INTERNET共享信息，通过电子商务降低成本，拓展销售渠道时，你也不得不通过网络这个渠道使其有资格去竞争，甚至更有优势。雪霏古筝工作室为了让更多的网络用户能够关注到本工作室，所以需要建立一个属于自己的网站。目前的制作网站的语言主要分为NET和JAVA两大阵营，各自都有各自的优势，并且都比较成熟，但是JAVA是目前网站建设最流行的一种语言，它已经拥有了数以万计的用户，并且其最大的优点就是“编写一次到处运行”。而STRUTS2框架是JAVA语言的一个重要框架，并且有着良好的性能，因此我选择使用JAVA语言，采用JSPMYSQL技术，通过STRUTS2框架来实现功能。（三）网站建设目的古筝工作室网站是一个类似于培训机构中心的招生网站，其网站建设目的是1利用古筝工作室网站,宣传自身,展示形象和文化宗旨在雪霏古筝工作室网站的页面上，工作室可向网络用户宣传工作室的博大精深的古筝文化、工作室软硬件一流的教学环境、雄厚的师资力量、顶级的教育模式以及雪霏工作室最近的新闻动态和培训课程等方面的内容。发布在网站上的信息需要制作得详细明了，包括古筝培训的地点、时间、授课教师等；通过图文声像并茂的网页展示出古筝工作室的深厚底蕴文化，有利于古筝工作室能够吸引更多的学员。2目标群体的扩大在古筝工作室网站的建设之前，古筝工作室只能被到周边的一小部分群体说关注到，而且更多的是那些本身对古筝不感兴趣的群体，所以吸引到的学员更加的稀少。网站建设完成之后，大部分都是对古筝有意向的群体才会来搜索这个古筝工作室，加上网上的客户群体是周边的几千几万倍，所以吸引到的学员将会越来越多。雪霏古筝工作室才能蓬勃的发展。3降低古筝工作室推广成本，提高古筝工作室竞争力在传统线下工作室，想要吸引更多的目标群体，需要投入很多的成本，比如广告费用，比如人员的出差和传单的发布，而雪霏古筝网站通过在自己网站发培训新闻动态，能够将信息及时的上传到目标群体，省去了中间许多的环节，节省了成本，提高了雪霏工作室的办事效率，大大的提高了雪霏工作室与其竞争对手们的竞争力。4与学员保持互动，吸引新学员古筝工作室经常会组织很多活动，建立网站以后，就可以第一时间内把想要组织的活动和活动后的点滴放在网站上面，有意向学员打开网站就可以第一时间知道古筝工作室近期又要组织活动，然后报名参加，潜在学员在看到网站上面之前的活动内容丰富多彩，也会踊跃报名加入参加，久而久之，吸引的学员会越来越多。二、网站需求分析（一）需求分析雪霏古筝工作室网站的建立，是为了利用古筝工作室网站,宣传自身,展示形象和文化宗旨；扩大目标群体；降低古筝工作室推广成本，提高古筝工作室竞争力；与学员保持互动，吸引新学员；所以需要不定期的有相应的新闻动态和培训资讯发布。需要满足一些具体的需求，以下为主要需求1用户管理由于雪霏古筝会根据课程和动态不定期的进行信息的更换，所以很有必要需要几个管理员来通过后台操作这些信息，所以需要一个用户管理系统。2信息管理雪霏古筝建站初期，肯定会有很多的新闻动态，教程及相应的课程进行发布和更换，所以需要有一个信息管理系统来供管理员进行信息的增加，删除和修改。（二）主要功能设计雪霏工作室功能图如图21所示图21雪霏工作室功能图1前台前台系统只设计了管理员登录模块，管理员通过雪霏古筝工作室页面底部点击后台管理链接，页面即跳转到用户登录页面，通过输入自己的用户名和密码进行登录，输入正确的用户名和密码之后，页面跳转到后台管理页面。管理员可以进行相应的用户添加和管理，还能进行信息的发布，修改，删除，查找。2后台1）用户管理此功能用来提供给管理员增加新的管理员，删除旧的管理员，修改用户名，密码和姓名。功能如图22所示。雪霏管理系统用户管理特色管理信息管理后台前台管理员登录业务介绍管理图22用户管理功能图2）特色管理管理员登录后可点击特色管理，此页面为管理员提供四个板块，分别为添加教学随笔，教学随笔管理，添加课程设置，课程设置管理。其中添加教学随笔和课程设置分别为添加信息，而剩余的两个板块则为删除，修改，查看已发布的信息。功能如图23所示，特色管理页面如图24所示。图23特色管理功能图用户管理添加新管理员管理员信息修改删除旧管理员特色管理添加信息信息修改删除查看图24特色管理页面图3）信息管理此模块功能跟特色管理功能一样，不过为了使得后台分布清晰，易于管理，所以将其与特色管理板块分开，此页面为管理员提供六个板块，分别为添加留言，留言管理，添加信息类别，信息类别管理，添加信息，信息管理。共四个功能，分为增删查改。功能如图25所示，信息添加页面如图26所示。图25信息管理功能图信息管理添加信息信息修改删除查看图26信息管理页面4）业务介绍管理此板块分为6个模块，分别为添加介绍大类，介绍大类管理，添加介绍小类，小类介绍管理，添加介绍，介绍管理。其中大类为页面的导航栏，小类是2级页面的导航栏，介绍则为小类里面的信息内容。实现了增删查改，并且可以将介绍分到小类的下面，也能添加图片。功能如图27所示，介绍添加页面如图28所示。图27业务介绍管理功能图图28业务介绍管理页面图三、网站功能实现在有了HTML的静态网站以后，我们需要做的就是把功能实现，古筝工作室是采用JSPMYSQL技术，通过STRUTS2框架来实现功能。业务介绍管理类目发布信息修改删除查看信息发布（一）环境搭建与配置1软硬件环境JDK16开发软件MYECLIPSE85数据库MYSQL56SQLYOG计算机一台操作系统MICROSOFTWINDOWS72JDK安装配置JSP使用的是JAVA语言，所以首先我们要做的是在电脑上配置好运行JAVA的环境JDK。具体步骤如下1）下载JDK16；2）新建变量JAVA_HOME，变量值设为CPROGRAMFILESJAVAJDK160_10这里是根据自己的版本和路径而设置的；3）编辑变量PATH，在变量值中加入JAVA_HOMEBINJAVA_HOMEJREBIN这里要注意的是末尾一定要加上英文状态下的；4）新建变量CLASSPATH，变量值设为；5）通过DOS命令检测JDK环境变量配置是否成功开始运行CMD，运行“JAVAVERSION”、“JAVA”、“JAVAC”三个命令，当出现相应的指令而没有报错是则JDK安装正确。3安装MYSQLMYSQL是现在最常用的数据库，操作比较方便，所以雪霏古筝工作室采用的数据库也使用MYSQL数据库，MYSQL的安装相对来比较简洁1）下载MYSQL56；2）安装MYSQL；3）由于是WIN7系统，与之前用的有所不一样，用鼠标右击“我的电脑”属性高级系统设计，继续选择右下角的“环境变量”选项；4）新建变量MYSQL_HOME,变量值设为DMYECLIPSEMYSQL56这里是根据自己的版本和路径而设置的；5）编辑变量PATH，在变量值中加入MYSQL_HOMEBIN；4TOMCAT安装TOMCAT是开发和调试JSP程序的首选，最新的SERVLET和JSP规范总是能在TOMCAT中得到体现。因为其先进的技术，稳定的性能，运行占用资源小，扩展性能好而且免费，所以深受广大网站制作者的爱好。因此我也选择TOMCAT。安装完毕后，接着可以启动TOMCAT，在IE中访问HTTP/LOCALHOST8080，如果可以看到TOMCAT页面就说明TOMCAT安装成功了。5MYECLIPSE安装MYECLIPSE是JAVAWEB开发的集成开发环境，可以将上面选择的WEB服务器和数据库服务器集成进来，极大地方便了开发过程中各类软件的统一管理和使用。安装好MYECLIPSE之后，有一个步骤一定要处理，那就是需要将TOMCAT配置上去。（二）数据库设计合理的数据库设计是本网站成功的关键，通过对需求资料的分析和总结，设计合理的数据库结构，充分体现在设计合理的字段名称和数据库字段名，有助于在开发阶段对数据库表的快速识别和操作；在设计数据库字段的时候需要经过反复考虑，既能够保证当前数据库使用的稳定性，也考虑到将来数据库使用的稳定性。根据雪霏古筝的上述的需求分析，数据库设计如下表31YONGHU（用户表）字段名称字段描述数据类型长度约束YHID用户编号INT11主码YHM用户名VARCHAR40非空MM密码VARCHAR40非空XM姓名VARCHAR40非空表32JXSB（教学随笔表）字段名称字段描述数据类型长度约束JXSBID教学随笔编号INT11主码BT标题VARCHAR40非空NR内容VARCHAR4000非空SJ时间VARCHAR40非空DD地点VARCHAR40非空FBR发布人VARCHAR40非空表33LIUYAN（留言表）字段名称字段描述数据类型长度约束LYID留言编号INT11主码BT标题VARCHAR40非空NR内容VARCHAR4000非空SJ时间VARCHAR40非空NC昵称VARCHAR40非空表34KCSZ（课程设置表）字段名称字段描述数据类型长度约束KCSZID课程设置编号INT11主码BT标题VARCHAR40非空NR内容VARCHAR4000非空SJ时间VARCHAR40非空FBR发布人VARCHAR40非空表35XXLB（信息类别表）字段名称字段描述数据类型长度约束XXLBID信息类别编号INT11主码LB类别VARCHAR40非空表36XINXI（信息表）字段名称字段描述数据类型长度约束XXID信息编号INT11主码BT标题VARCHAR40非空NR内容VARCHAR4000非空SJ时间VARCHAR40非空FBR发布人VARCHAR40非空LB类别VARCHAR40非空表37JSDL（介绍大类表）字段名称字段描述数据类型长度约束JSDLID介绍大类编号INT11主码DL大类VARCHAR40非空表38JSXL（介绍小类表）字段名称字段描述数据类型长度约束JSXLID介绍小类编号INT11主码XL小类VARCHAR40非空表39JIESHAO（介绍表）字段名称字段描述数据类型长度约束XXID介绍编号INT11主码BT标题VARCHAR40非空NR内容VARCHAR4000非空SJ时间VARCHAR40非空FBR发布人VARCHAR40非空XL小类VARCHAR40非空TP图片VARCHAR40非空（三）网站关键实现技术雪霏古筝工作室使用JSP技术创建WEB页面，采用STRUTS2的框架来开发程序，运用MYSQL来创建数据库，添加数据，TOMCAT服务器来测试JSP的页面。1JSPJSP（JAVASERVERPAGES是由SUNMICROSYSTEMS公司倡导、许多公司参与一起建立的一种动态网页技术标准。它的页面由HTML代码和嵌入其中的JAVA代码所组成，也就是在传统的网页HTML文件HTM,HTML中插入JAVA程序段SCRIPTLET和JSP标记TAG，从而形成JSP文件JSP。同时，它具备了JAVA技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。而相对于ASP和PHP来说，虽然三种技术都是提供在HTML代码中某种程序代码，有语言引擎解释程序执行代码的能力，但是JSP在SERVERET和JAVABEAN的支持下，能完成功能更加强大的站点程序。而且JSP最大的特点就是可以将内容的产生于显示进行分离，这样在程序的后期维护上面也比较方便。总的来说JSP的入门门槛低，更加容易被理解和学习。2MVC设计模式MVC是一个设计模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分为3个核心部分模型视图控制器。它们各自处理自己的任务，MVC模式是目前制作网站中比较流行的一种设计模式，其优点为各自处理自己的任务，不干涉它人的任务；有利于网站制作时的分工合作；有利于组件的重用。1）模型（MODEL）实现系统中的业务逻辑，通常可以用JAVABEAN或EJB来实现。程序员编写程序应有的功能（实现算法等等）、数据库专家进行数据管理和数据库设计可以实现具体的功能。2）视图（VIEW）界面设计人员进行图形界面设计用于与用户的交互，通常用JSP来实现。3）控制器（CONTROLLER负责转发请求，对请求进行处理。CONTROLLER层是MODEL与VIEW之间沟通的桥梁，它可以分派用户的请求并选择恰当的视图以用于显示，同时它也可以解释用户的输入并将它们映射为模型层可执行的操作。MVC模式的处理流程是首先用户的请求传输到控制器，控制器接收后，选择调用哪个合适的模型来进行处理，然后那个相应的模型调用业务逻辑来处理用户的请求并返回对应的数据，最后控制器用相应的视图返回数据，并通过表示层，也就是页面呈现在用户眼前。以下为MVC设计流程图31所示图31MVC设计模式3STRUTS2框架简单地讲，STRUTS是一个MVC框架，是MVC模式的一个实现。是实现某种功能的半成品，供开发人员用来实现某一功能或行为。使用STRUTS2框架必须先导入6个包到系统里面，这六个包分别为STRUTS2COREJARSTRUTS2的核心包；XWORKCOREJARCOMMAND模式框架，WEBWORK和STRUTS2都基于XWORK；COMMONSLOGGINGJARJAVA日志工具类包；COMMONSFILEUPLOAD121JAR文件上传；FREEMARKERJAR一个基于模板生成文本输出的通用工具；OGNLJAROBJECTGRAPHNAVIGATIONLANGUAGE，表达式语言，用来获取和设置JAVA对象属性。STRUTS2框架主要有3部分组成核心控制器（FILTERDISPATCHER）；业务控制器（ACTION）；STRUTS2的配置文件（STRUTSXML和WEBXML）。1）核心控制器FILTERDISPATCHER是STRUTS2框架的核心控制器，该控制器作为一个FILTER运行在WEB应用服务器上，它负责拦截所有的用户请求。FILTERDISPATCHER的作用A）执行ACTION；B）实际上是判别当前请求是否要调用ACTION；C）清出ACTIONCONTEXT（以免内存信息泄露，如果配置）；D）提供精通资源（根据URL判别是否要调用JAVASCRIPT、CSS等静态资源）；E）启动处理用户请求的过滤器链；F）交由ACTIONPROXY；2）业务控制器ACTION是STURS2的核心组件，由程序员编写；ACTION的开发比较简洁，直接使用ACTION的属性作为页面输入属性，ACTION的属性可以通过WEB上的TAGLIB访问，不需要将页面和对象绑定；开发者需要实现的STRUTS2核心组件是业务控制器；业务控制器就是一个ACTION，是STRUTS2的基本程序单元；ACTION可以包含对用户请求的处理逻辑。用户提交的所有请求，都是交给ACTION进行处理的，ACTION是实现企业应用的关键部分。ACTION接口定义了SUCCESS、NONE、ERROR、INPUT和LOGIN常量，开发者在编写自己的ACTION类时，实现ACTION接口，就可以在EXECUTE方法中返回SUCCESS、NONE、ERROR、INPUT和LOGIN，而不是自己随意书写的字符串，这样就规范了代码。在STRUTS配置文件中，可以使用上面对应的规范字符串来定义RESULT和相应的字符视图，更好地实现模块化结构。该接口声明了一个抽象方法EXECUTE，ACTION类需要对该方法进行改写，实现自己的业务控制逻辑。3）配置文件STRUTS2需要配置两个文件一个为WEBXML，一个为STRUTSXML。在STRUTSXML中配置创建的ACTION，对ACTION配置3个信息ACTION所处理的URL，通过ACTION的NAME属性值指定；下面将雪霏古筝工作室的STRUTSXML展示出来/LOGINJSP/UPLOAD/UPLOAD_REJSPYONGHU/YONGHUADDJSPYONGHU/YONGHUADDJSPYONGHU/YONGHULISTJSPYONGHU/YONGHULISTJSPYONGHU/YONGHUMODIFYJSPYONGHU/YONGHUDETAILJSP雪霏古筝的WEBXML如下DEFUALTJSPSTRUTS2ORGAPACHESTRUTS2DISPATCHERNGFILTERSTRUTSPREPAREANDEXECUTEFILTERSTRUTS2/STRUTS2框架的大致处理流程1）以雪霏古筝为例，管理员点击后台管理，此为一个HTTP请求；2）根据雪霏古筝的WEBXML的配置，请求通过过滤器，然后经过插件过滤器，当请求经过核心过滤器FILTERDISPATCHER，根据请求决定调用合适的ACTION；3）STRUTS2的拦截器链自动对请求应用通用功能；4）回调ACTION的EXECUTE方法，该EXECUTE方法先获取用户请求参数，然后执行某种数据库操作，既可以将数据保存到数据库，也可以从数据库中检索信息。实际上，因为ACTION只是一个控制器，它会调用业务逻辑组件来处理用户的请求；5）一旦ACTION执行完毕，则会返回RERSULT，处理结果信息将被输出到浏览器中，这样雪霏工作室的管理员后台就打开了。STRUT2框架处理流程如图32所示图32STRUT2框架处理流程图4在线编辑器KINDEDITORKINDEDITOR是一套开源的在线HTML编辑器。使用方法非常的方便，体积小，加载速度快，功能丰富，所有功能都是插件，添加需要的功能就非常的简单，使用的时候只需要把它下载下来解压，放入程序的WEBROOT文件夹下，然后再需要添加编辑器的头部添加以下代码最后在要显示编辑器的位置添加TEXTAREA输入框，代码如下KESHOWIDCONTENT_1四、网站建设后期工作（一）页面功能整合静态页面制作好以后，功能代码研发也成功后，接下去要做的时候，页面与功能的整合，首先把做好的页面放入到WEBROOT文件夹下面相对应的页面文件夹中。然后把利用STRUTS2框架开发出来的ACTION方法（在系统研发的时候，我们针对每个功能都设置了一个相应的ACTION方法），在页面中找到相对应要使用这个功能的链接，把方法写进去。（二）网站测试全部完工以后，剩下的就是网站的测试。将页面和功能整合好的系统放在TOMCAT中，运行每一个链接和功能，看数据库是否能被读取到，页面是否显示完整，是否还有可以优化的地方，并且要使用IETEST测试浏览器的兼容问题，最后直到系统完全没有问题，在测试的时候也要考虑网站在后期维护方面的问题。在针对古筝工作室网站的测试过程中，发现后台的内容在输入的时候，需要一个类似WORD一样的编辑器。针对这个问题，解决方法是在百度上搜索一般系统的后台输入使用什么方法，是否存在WORD这样的编辑器，可以在后台直接排好版输入保存到数据库，最后发现有在线编辑器，于是查找了很多的在线编辑器，最后找到一个简单适合JSP语言的KINDEDITOR。五、总结结合古筝工作室网站，可以得出，网站设计与实现的思路很重要，无论是先实现功能再去制作页面还是先制作出页面再去实现功能，都需要清晰的思路和一定的技术基础，还要善于利用资源和工具，像在线编辑器就为整个程序节省了很大的时间和经历。网站设计与实现重要的环节就是数据库的设计，数据库设计的时候合理关系到网站的整个工程，合理的数据库设计可以使程序员多作很多个页面。系统的开发和论文的研究由于时间紧迫，有一些地方做的还不是很完美。使用STRUTS2框架来开发网站的经验不够，所以在进行系统后台开