关 键 词：

机械 键盘 网站 设计

资源描述：

凯酷机械键盘网站设计,机械,键盘,网站,设计

内容简介：

华科学院HUAKE INSTITUTE OF TAIYUAN UNIVERSITY OF SCIENCE & TECHNOLOGY 毕业设计（论文）题目：凯酷机械键盘网站学 生 姓 名 宋辰坤 学 号 201022080126 班 级 通信102201H 所属院（系） 电子信息工程系 指 导 教 师 王丽霞 2014 年 5 月 15 日太原科技大学毕业设计（论文）任务书学院（直属系）：电子信息工程系 时间: 2014年 3 月 4 日学 生 姓 名宋辰坤指 导 教 师王丽霞设计（论文）题目凯酷机械键盘网站主要研究内容1、 整个网站风格定位及各页面布局设计。2、 网页整体图形的制作。3、 div+css布局。4、 网站测试与后期优化。研究方法采用网站开发的思路进行设计，具体设计作品可根据自己搜集资料的详细程度来自行选择。主要技术指标(或研究目标)JavaEE企业核心技术(servlet、jsp、jdbc、框架ssh)主要参考文献1.实践者的研究方法 （美）普雷斯曼 2.Java Web整合开发王者归来 刘京华3.JavaScript权威指南 （美）弗兰纳根4.Java与模式 闫宏 5.HTML+CSS网页设计与布局从入门到精通 温谦凯酷机械键盘网站摘要计算机和计算机网络的飞速发展，人们对计算机网络的依赖是越来越大。互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便。人们在网上聊天交友，在网上请教问题，查阅资料，还在网上听音乐。除此之外，人们还会在网上进行商务交易、下载信息，有着众多的使用者。尤其是电子商务大大的减少了人们对周围环境的依赖，无论是哪里的网友，都可以浏览到世界各地的各类信息，非常的方便，由于以上的优势，各类网站如雨后春笋般的出现，企业网站也不例外。Web设计的健康发展依靠web标准的采用，没有web标准就不会有真正的可访问性和连贯的设计。不用web标准，就跟不上时代。在这样的标准时代，我们需要网页更加容易扩展，适合自动数据交换，并且更加规整。而css，则实现了页面内容与样式分离。鉴于web标准，本论文着重对div+css布局进行了讨论；同时根据需求，采用div+css实现了交流经验网页的设计，具体实现了首页、产品展示、精彩评测、企业介绍、联系我们，心得交流等功能，系统符合公司网站的需求。经测试合格后，本人凯酷机械键盘网站可以实现的功能包括：1. 会员注册 游客进入网站后可通过自身的信息注册公司网站的会员，会员分为普通会员和管理员；2. 会员登陆 注册成功的会员可以通过注册时的信息登录网站，以实现更多功能；3. 个人信息管理 会员可以在个人信息页面查看个人信息，同时也可以进行除用户名以外的修改；4. 查看产品 在产品展示页面可以查看公司的各类产品，以及产品的规格，作用，特点，价格，以挑选适合自己的产品；5. 精彩评测 在本页面，用户可以查看有购买过产品的用户分享的感受，经验，了解产品的特性，以结合自己的需求，挑选出最适合自己的产品；6. 企业介绍 了解公司的发展历程，掌握公司文化；7. 联系我们 提供公司的各种联系方式，供给用户与公司进行交流，咨询；8. 留言板 用户可以在留言板上发表自己的看法，心情，以便与其他用户进行交流，不同于评测；9. 管理留言 普通用户可以在个人信息页面查看自己的留言并进行管理，管理员则可以在留言板页面对所有留言进行管理，以维持留言板环境正常；本系统的上述功能实现了对企业的详细介绍，用户的交流，基本满足了企业提出的要求。关键字:网站，介绍，交流IIIKeycool mechanical keyboard websiteAbstractThe rapid development of computers and computer networks , people rely on computer networks is growing. The Internet is a highly interactive platform that freedom, tolerance , equality, sharing, and make the voice of participation from the private sector to build mainstream discourse initiative.Development of computer technology , especially the rapid development of network technology, to store and manage documents provide great convenience.People in online chat friends, ask questions online , access to information, the Internet is still listening to music. In addition, people will conduct business transactions online , download information , with many users. In particular, e-commerce greatly reduce people s dependence on the surrounding environment , whether it is where friends , you can navigate to the various types of information from around the world , very convenient , because the above advantages, such as the emergence of various types of websites have mushroomed ,corporate website is no exception.Web design relies on the healthy development of the use of web standards , there would be no real standard web accessibility and coherent design. No web standard, behind the times . In such a standard times, we need to expand the page easier for automatic data exchange , and more regular. The css, then realized the page content and style separation. Given web standards , the paper focuses on the div + css layout discussed ; while according to demand , using div + css to achieve the exchange of experience web design , concrete realization of the Home , Products , wonderful evaluation, corporate presentations, contact us, experience .exchanges and other functions, the system meets the needs of the company s website.After passing the test, Keycool mechanical keyboard website can be achieved include: 1) Visitors enter the site after membership registration by registered members of the company s own information site , members are divided into ordinary members and administrators2) Login successfully registered members can log in via the website registration information , in order to achieve more functionality 3) Personal Information Management members can view personal information personal information page , but can also be modified except username4) View the Products page to view the companys various products and product specifications , functions, features , price, to pick their own products 5) Wonderful reviews on this page , the user can view the user has purchased the product to share feelings , experiences, understand the characteristics of the product, in order to combine their needs, select the most suitable products 6) Introduction about the company s development process, grasp the corporate culture 7) Contact us to provide a variety of contact company supplying the user to communicate with the company , consulting 8) Message board users can express their views on the message board , the mood to communicate with other users , unlike the evaluation9) Management Comments ordinary users can view their personal information page and message management, message board administrators can manage the page for all messages , message board environment in order to maintain normalThe above features of the system to achieve a detailed , user -to-business exchanges , basically meet the requirements put forward by enterprises Web , presentation , communicationKeywords: Web , presentation , communication太原科技大学华科学院毕业设计（论文）目 录摘要I关键字:网站，介绍，交流IIAbstractIVKeywords: Web , presentation , communicationV第一章 系统概述- 1 -1.1 网站设计背景- 1 -1.2 项目开发的环境- 2 -1.2.1 硬件环境- 2 -1.2.2 软件环境- 2 -1.3 技术介绍及开发工具- 2 -1.3.1 Eclipse- 2 -1.3.2 MySQL- 2 -1.3.3 Tomcat- 3 -1.3.4 Dreamweaver8.0- 3 -1.4 任务概述- 3 -第二章 系统需求分析- 5 -2.1 网站实现的基本功能- 5 -2.2 数据库设计- 6 -2.2.1数据库概念结构设计- 6 -2.2.2数据库逻辑结构设计- 7 -2.2.3数据库物理设计- 8 -第三章 网站总体设计- 10 -3.1 网站结构- 10 -3.2 模块- 11 -第四章 网站详细设计和实现- 12 -4.1 人机界面设计- 12 -4.1.1会员注册- 12 -4.1.2登录首页- 13 -4.1.3 个人信息管理- 14 -4.1.4 浏览信息- 18 -4.1.5 精彩评测- 24 -4.1.6 留言板- 27 -4.2 技术介绍- 29 - 30 -4.2.4JavaScript- 30 -4.2.6DIV+CSS- 30 -4.2.7 AJAX技术- 32 -4.2.8 JQuery技术- 33 -4.2.9 JavaEE- 33 -4.2.10 增删改查的实现- 33 -第五章 测试- 36 -5.1 测试目的- 36 -5.2 测试目标- 36 -5.3 测试用例- 36 -结束语- 47 -参考文献- 49 -致 谢- 50 -附录 英文资料翻译- 51 -II- 0 -第一章 系统概述1.1 网站设计背景网站是企业向用户和网民提供信息的一种方式，是企业开展电子商务的基础设施和信息平台。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站则是反映企业形象和文化的重要窗口。在建站的可行性分析方面，设计中，我主要针对已经确定的需求和目标，研究网站建设的社会环境、市场等可行性、技术可行性，经济可行性以及开发人员等问题。在IT行业迅速发展的今天,企业网站的建设已经成为一个企业发展必不可少的存在。对于创意设计有限公司来说，我们将建立一个以宣传为目的的网站类型。将于短期内强力打造公司的宣传力度，让更多的客户了解，信任公司。网站的建设，也是公司对于宣传方面的长期投资。对于一个以生产为主的大型企业而言，企业的品牌形象至关重要。特别是对于互联网技术高度发展的今天，大多客户都是通过网络来了解企业产品、企业形象及企业实力，因此，企业网站的形象往往决定了客户对企业产品的信心。建立具有国际水准的网站，能够极大的提升企业的整体形象。一般其他营销模式的企业网站都是注重产品展示来加强企业的宣传力度，但是对于创意设计有限公司来说，没有其实际物品展示，只有展现其出众的业绩实例才能让客户信服，才能从侧面展现出公司的实力，让客户更放心的把业务交给公司处理。公司介绍具体介绍出公司的发展史，结构，业务流程等等一系列来加大公司的宣传力度，好让客户能全面的了解公司。公司的详细信息，都将批注在网页上，好让顾客方便联系。在推销的同时更要注重企业的特色推广和服务信息等。网站的建设将会为企业内部的管理带来一种全新的模式。网站是实现这一模式的平台。在降低企业内部资源顺好、减低成本、加强企业员工与员工，企业与员工之间的联系和沟通等方面发挥巨大的作用，最终使企业的运营和运作打到最大的优化。1.2 项目开发的环境1.2.1 硬件环境酷睿I7处理器，4GB以上内存容量。1.2.2 软件环境Microsoft Windows7操作系统，mysql 数据库， Eclipse 开发工具，服务器采用Tomcat 6.0.32。1.3 技术介绍及开发工具本系统采用Java语言，基于JavaEE企业级开发，前台采用用HTML，JavaScript，CSS，JQuery技术得到页面，后台用JQuery框架实现与数据库的交互，数据库采用mysql，选用 Hibernate框架实现访问数据库，并用Spring框架来管理整个开发过程。1.3.1 EclipseEclipse，是一个十分优秀的用于开发Java, JavaEE的Eclipse插件集合。利用它我们可以在数据库和JavaEE的开发，他有着功能丰富的JavaEE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML,Struts,JSP,CSS,JavaScript,Spring,SQL,Hibernate。在本设计中用Eclipse作为开发工具的角色出现。1.3.2 MySQL MySQL是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，目前属于Oracle公司。Mysql是最流行的关系型数据库管理系统，在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据库的最常用标准化语言。MySQL软件采用了双授权政策（本词条“授权政策”），它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。由于其社区版的性能卓越，搭配PHP和Apache可组成良好的开发环境。1.3.3 TomcatTomcat 是一个轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。当在一台机器上配置好Apache 服务器，可利用它响应对HTML 页面的访问请求。本设计中，Tomcat是作为服务器的角色出现的，利用Tomcat来响应HTML页面的请求。1.3.4 Dreamweaver8.0Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的RoundtripHTML技术允许用户随意导入HTML文档而无需重新设置代码格式。Dreamweaver可以为用户做到：使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种：文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。装载器中包含一些打开和关闭常用检查器和模板的按钮。对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。属性检查器显示选定对象的属性。快捷菜单可以使用户对当前选择或区域快速执行某些命令。可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。1.4 任务概述本设计借助山西维信科技有限公司网站设计帮助学生强化软件开发的流程和规范，需要实现的功能大致包括。1.完成对各种不同种类的人员（普通会员，管理员）管理、人员调整。2.实现对用户的管理（增加，查看，删除）。3.实现对各部门之间的日程管理（增加，查看，删除），导出表。4.权限管理，管理员和一般操作员，只有管理员能执行导出和删除、修改功 能。5.信息发布，管理员和一般操作员，只有管理员能执行增加、删除的操作，普通操作员只能进行查看操作。第二章 系统需求分析本系统运用Windows7作为操作平台，数据库采用mysql数据库，运用的软件开发平台为Eclipse，属于浏览器/服务器模式，数据库在浏览器上能运行，并提供数据库之间的数据复制功能，人员具备知识：Java核心，数据库的基本操作，Web网页的基本开发。从技术可行性的角度可以完成此设计。公司网站，一是使浏览者或潜在的客户迅速了解公司大部分已经完成或正在进行的项目及相关的资料，这就要求网站的文字要简练，尽量减少大篇幅的文字叙述，项目效果图要精彩，当然网页的页面效果也要漂亮，以使浏览者或潜在的客户感觉到公司的设计水平高；二是使浏览者或潜在的客户迅速了解公司对业务的一般操作流程，以便能够与公司方便快捷地进行联系和沟通，减少不必要的中间环节及由此带来的麻烦。确定软件产品是否能够被最终的用户所接受，用户是否能操作最终的产品：由于网站的操作是基于B/S结构，简单明了，用户只需相关电脑的基本知识，而管理员也无需具备专业知识，只需要对一些数据进行输入以及平时的日常维护就够了。所以，从可操作性上来看，也是合理的。2.1 网站实现的基本功能1）个人资料管理 ：所有信息的脚本验证是必须的增加新员工:录入新员工基本信息,包括编号，姓名，密码，性别，出生日期，加入日期，地址，内部邮箱，电话，部门ID，角色ID，其他手工填写。职务包含：会员，管理员2）员工管理:查询:完成员工的查询,显示所有员工，在此处要提供按名字查询的功能，要求是模糊查询(要分页显示)，用户点击该员工姓名,系统立刻显示该员工的所有详细信息。同时显示效果要求使用界面友好的提示效果。3) 权限管理:查询权限:完成员工权限的查询,显示所有员工，在此处要提供按名字查询的功能，要求是模糊查询(要分页显示)，用户点击该员工姓名,系统立刻显示该员工的职位和权限。同时显示效果要求使用界面友好的提示效果。修改权限：显示所有员工，用户首先输入姓名，然后系统列出该姓名的所有员工，点击员工姓名即可显示员工现有的权限，点击修改便可对员工的权限进行修改；修改时有友好的提示效果。4） 经验交流:显示所有评测，提供给用户进行查阅。5） 留言板:主要功能是网友和网站之间的交流平台，也是提出意见的主要渠道。在留言板中用户可以发表意见，这些意见可以让所有人看到，管理员可以登录后台对留言进行管理，是否发表或删除。2.2 数据库设计2.2.1数据库概念结构设计针对本网站，得到的总E-R图（见图2.1）和实体属性图（见图2.2、图2.3、图2.4、图2.5、图2.6、图2.7、图2.8）。图2.1 总E-R图图2.1 角色实体-属性图图2.2权限实体-属性图图2.3 员工实体-属性图2.2.2数据库逻辑结构设计把上述的E-R图模型转化成关系模型为：员工（员工编号，姓名，性别，出生日期，入职日期，员工密码，部门id，地址，联系电话，邮箱，员工代码，角色id，备注）；用户（id，用户名，密码，角色）。留言（id，留言内容，时间）；2.2.3数据库物理设计根据需求，本设计采用4张表4个序列来实现，包括员工信息表 kaiku_user，见表2.1，留言表 dream xuanyao tucao这4张表中的id是用序列来实现的。表2.1 员工表(kaiku_user) 字段名 描述数据类型数据长度NULLPrimarykeyDEPARTMENT_ID员工编号VC220PKUSER_PASSWORD员工密码VC220NUSER_USERNAME员工用户名VC220NUSER_EMAIL员工邮箱VC220NUSER_HIREDATE加入日期DATENAME名字VC2100AGE年龄VC2100SEX性别VC2100ADDRESS地址VC2100SALARY收入VC2100BIRTH生日DATEEDUCATION教育程度VC2100KEYBOARD键盘VC2100DREAM梦想VC2100WORD格言CLOBINTRODUCE介绍CLOBLINK联系方式VC2100表2.2.留言表(xuanyao)字段名描述数据类型数据长度NULLPrimarykeyUSER_USERNAME用户名VC220NHIRE_DATE发表日期DATENWORD内容VC2100ID编号NUMBER表2.3 留言表(dream)留言表(OA_dept)字段名描述数据类型数据长度NULLPrimarykeyUSER_USERNAME用户名VC220NHIRE_DATE发表日期DATENWORD内容VC2100ID编号NUMBER2.4 留言表(tucao)字段名描述数据类型数据长度NULLPrimarykeyUSER_USERNAME用户名VC220NHIRE_DATE发表日期DATENWORD内容VC2100ID编号NUMBER第三章 网站总体设计3.1 网站结构根据需求，本网站分为主页、公司简介、产品列表、售后相关、精彩评测、留言板六个模块，如图3.1.图3.1 系统功能模块3.2 模块会员管理模块包括：会员注册、会员登录、修改会员信息；模块图如图3.21.会员注册：按用户个人信息注册网站会员。2.会员登录：根据会员注册时候的信息进行登录。3.修改会员信息：登录以后的会员可以修改出用户名意外的各项数据。员工管理员调整会员注册会员登录修改信息图3.2 员工管理模块图留言管理模块包括：发表留言，查看留言，管理留言；模块图如图3.31.发表留言：登录成功的用户可以在留言板执行发表留言功能。2.查看留言：会员或游客可以在留言板查看留言，会员可以在个人信息页面查看自己的发言。3.管理留言：用户可一删除自己的发言，管理员可以删除所有留言。留言管理员调整发表留言查看留言管理留言图3.3 员工管理模块图第四章 网站详细设计和实现4.1 人机界面设计人机界面接口是接口设计的一个重要的组成部分。对于交互式系统来说，人机界面设计和数据设计、体系结构设计及过程设计一样重要。4.1.1会员注册此网站有会员注册的功能，在此也中选择是管理员还是一般操作员的注册，页面如图4.1，其对应的流程图如图4.2。图4.1 注册页面图4.2 注册流程图4.1.2登录首页此系统有用户登录的功能，在此也中选择是管理员还是一般操作员的登录，页面如图4.3，其对应的流程图如图4.4。图4.3 登录页面图4.4 系统登录流程图4.1.3 个人信息管理个人信息管理包括查看信息，修改信息，查看留言，管理留言，查看信息如图4.5，修改信息如图4.6，查看留言如图4.7，管理留言见图4.8。图4.5 查看信息图4.6 修改信息图4.7 查看留言图4.8 管理留言4.1.4 浏览信息浏览信息包括主页、公司简介、产品列表、售后相关。主页如图4.9，公司简介如图4.10，产品列表如图4.11，售后相关如图4.12。图4.9 主页图4.10公司简介图4.11 产品列表图4.12 售后相关4.1.5 精彩评测精彩评测包括评测列表，详细评测内容。评测列表如图4.13，详细评测内容4.14。图4.13 评测列表图4.14 详细评测内容4.1.6 留言板留言板包括留言主页，发表留言，查看留言，管理留言。留言主页如图4.15，发表留言如图4.16，查看留言如图4.17，管理留言如图4.18。图4.15 留言板主页图4.16 发表留言图4.17 查看留言图4.18 管理留言4.2 技术介绍本设计的所使用的结构是Javascript+jsp+servlet+javabean+数据库。jsp+servlet+javabean+数据库,是WEB应用开发中经典的MVC设计模式，这样的运行机制可以起到分工明确，职责清晰，各尽所长的效果。而在软件开发的过程中，这样的方式无疑可以有效的区分不同的开发者，尽可能减少彼此间的联系，充分发挥每个开发者的特长，在这开发大型复查的WEB项目时体现的尤为重要。4.2.1JavaScriptJavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。Javascript主要的作用是与用户进行交互，以及进行一些页面上的优化。本文中，在登录，注册页面都有使用javascript技术，以达到检测的效果， 用户交互进行了如上的设置后，可以在注册和登录的时候进行密码检测，以防止没有输入用户名，重复输入密码出错，邮箱格式出错缩导致的注册失败，出错后会产生如上图提示 页面优化页面优化主要使用现成的JS插件配合插件本身的CSS达到一些java+html所达不到的效果，如div切换，下拉菜单等效果4.2.2DIV+CSS一、什么是divdiv标签和其他HTML标签没有什么区别，需要由关闭标志。如果不加入任何css样式，它的效果类似标记。Div示例代码如下：内容把css的扩展属性放入div标签中，就可以控制div容器中的所有HTML元素显示在屏幕上的具体位置，为了实现这种1:1的精确控制，必须给当前的div加上唯一的id，用来区分其他div标记。还有一种情况是：你想让一类或者说几个div具有相同的样式属性时，可以给每个div加上class属性，这样具有同样class属性的div标记样式相同。代码如下：内容内容二、什么是CSSCSS是英文CascadingStyleSheet缩写形式，中文译为层叠样式表或级联样式表。Web设计者可利用它来定义文档的样式，这里指的文档不仅限于（X）HTML。通过CSS，设计者可控制文档的字体、颜色、图像、表格、链接和布局格式，同时设计者也可以将表示样式外观的信息从内容中分离出来，集中放置在页面的某一部分，甚至可保存为独立的文件，从而减少文件的大小，节省网络的宽带、节约web设计者维护代码的时间。CSS有如此多的好处，掌握和使用好它对于web设计者来说是非常必要的。三、何为样式样式一词对于我们来说并不陌生，即使尚未接触CSS的人也不难理解样式的含义。当你使用MicrosoftWord一类的字处理程序时，几乎总要更爱某些样式以达到更好的效果，比如设定标题为加粗的三号黑体字，每一段的开始流出两个空格等。样式表不能孤立地使用，因为它本身并不包含任何内容信息。当然CSS也不仅仅能同Web文档一起使用，它还能定义XML甚至软件界面的样式。四、何为层叠与样式相比，了解层叠一词的CSS初学者可能就比较少了，层叠是CSS中的术语，它包含了一系列的规则，浏览器根据这个规则来确定样式应该如何应用到页面的各个元素中去。五、DIV+CSS简介DIV+CSS是网站标准（或称“WEB标准”）中常用术语之一，div+css是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式,真正地达到了w3c内容与表现相分离。HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。XHTML语言是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。以下是DIV+CSS的特点简介：符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。4.2.3 AJAX技术在本设计中运用Ajax技术在添加新用户时提醒现在输入的用户名是否可用，在用户名的输入框失去焦点的时候出发一个checkUsername()函数，js代码如下：function checkUsername() var user = $(#username).val(); $.get(checkUserHave.action, name: user,temp:Math.random(), function(data) $(#userMessage).html(data); );将判断这一任务交给checkUserHave.action处理，即CheckUsernameAction（在配置文件中实现的），核心代码为：public String execute() throws Exception System.out.println(isHave:);HttpServletResponse response = ServletActionContext.getResponse();response.setContentType(text/html;charset=utf-8);Connection conn = null;PreparedStatement pstmt = null;ResultSet rs = null;boolean isHave = false;PrintWriter out = response.getWriter();/ 获得连接conn = DBUtil.getConnection();/ 创建pstmtString sql = select * from p_user where u_username=?;try pstmt = conn.prepareStatement(sql);/ 赋值pstmt.setString(1, name); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();try / 执行sqlrs = pstmt.executeQuery();/ 处理结果集isHave =rs.next(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); finally DBUtil.closeAll(rs,conn,pstmt);System.out.println(isHave:+isHave);if(isHave)out.print(该用户名已存在，请更换其他用户名);elseout.print(该用户名可用);return NONE;4.2.4 JQuery技术JQuery是JavaScipt的一个框架，对JavaScipt进行封装，使其使用步骤简单。4.2.5 JavaBean通常情况下用于页面接受HTTP/POST或者GET请求。另外页面和请求范围的bean可以用于减少大型站点服务器上的负载，如果使用对话bean，耽搁的处理就可能会消耗掉很多资源。4.2.6 增删改查的实现我们在做一个增删改查的时候，在SSH框架下，基本可以按这个步骤来做先写bean，再写dao，service，action。在此，以用户管理为例。1.用户列表1)Bean:创建一个dreamBean对应于数据库中的dream表，在dreamBean.hbm.xml文件中配置，内容如下：package com.weixin.Bean;public class dreamBean private String user_username;private String hire_date;private String word;private String id;public String getUser_username() return user_username;public void setUser_username(String User_username) user_username = User_username;public String getHire_date() return hire_date;public void setHire_date(String Hire_date) hire_date = Hire_date;public String getWord() return word;public void setWord(String Word) word = Word;public String getID() return id;public void setID(String ID) id = ID;2） dao：dreamrDao，继承HibernateDaoSupport，文件如下package com.weixin.Dao;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import java.sql.Statement;import java.util.ArrayList;import java.util.Iterator;import java.util.List;import com.weixin.Bean.dreamBean;import com.weixin.DBUtil.DBUtil;public class dreamDao public List getEmpMsg(int page)int pageSize = 34;int startRow = (1)*pageSize;int endRow = page*pageSize;PreparedStatement pstmt = null; ResultSet rs = null;Connection conn = DBUtil.getConn();ArrayList list = new ArrayList();String sql = select*from + (select rownum rn,user_username,hire_date,word,id from dream where rownum =? order by hire_date desc;try pstmt = conn.prepareStatement(sql); pstmt.setString(1, endRow+); pstmt.setString(2, startRow+); rs = pstmt.executeQuery(); while(rs.next() dreamBean eb = new dreamBean(); eb.setHire_date(rs.getString(3); eb.setWord(rs.getString(4); eb.setUser_username(rs.getString(2); eb.setID(rs.getString(5); list.add(eb); catch (SQLException e) e.printStackTrace();finallyDBUtil.close(rs, pstmt, conn); return list; public int count() Connection conn = DBUtil.getConn(); String sql = select count(*) from dream; Statement stmt = null; ResultSet rs = null; int pageSize=34; int co=0; try stmt = conn.createStatement(); rs = stmt.executeQuery(sql); if(rs.next() co = Integer.parseInt(rs.getString(1); catch (SQLException e) e.printStackTrace();if(co%pageSize != 0)co = co/pageSize+1;elseco=co/pageSize;return co; 2.增加用户增加用户所使用的是由jsp页面填入信息，跳转至servlet执行增加语句，代码如下Jsp：Servlet：package com.weixin.Servlet;import java.io.IOException;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.SQLException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import com.weixin.DBUtil.DBUtil;public class registerinsert extends HttpServlet protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException request.setCharacterEncoding(utf-8);String USER_USERNAME = request.getParameter(username);String USER_PASSWORD = request.getParameter(password);String USER_PASSWORD1 = request.getParameter(password1);String USER_EMAIL = request.getParameter(email);String DEpart_id = request.getParameter(depart);String s = insert into kaiku_user(USER_PASSWORD,USER_USERNAME,USER_EMAIL,USER_HIREDATE,department_id)values(?,?,?,to_date(?,),?);Connection conn = DBUtil.getConn();PreparedStatement psata;try psata = conn.prepareStatement(s);if(USER_PASSWORD.equals(USER_PASSWORD1)psata.setString(1,USER_PASSWORD);psata.setString(2,USER_USERNAME);psata.setString(3,USER_EMAIL);psata.setString(4,sysdate);psata.setString(5,DEpart_id);psata.executeUpdate();response.sendRedirect(login.jsp);elseresponse.sendRedirect(register.jsp); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException doGet(request, response);3.修改用户修改用户使用同删除一样的方式，具体代码如下：Jsp： 格言自我介绍+ Information密码姓名年龄性别住址收入生日邮箱联系方式教育程度+ Keyboard + Dream Servlet：package com.weixin.Servlet;import java.io.IOException;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.SQLException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import javax.servlet.http.HttpSession;import com.weixin.DBUtil.DBUtil;public class information_insert extends HttpServlet protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException request.setCharacterEncoding(UTF-8);HttpSession session = request.getSession();String USER_USERNAME = (String)session.getAttribute(USER_USERNAME);String USER_PASSWORD = request.getParameter(USER_PASSWORD);String USER_EMAIL = request.getParameter(USER_EMAIL);String NAME = request.getParameter(NAME);String AGE = request.getParameter(AGE);String SEX = request.getParameter(SEX);String ADDRESS = request.getParameter(ADDRESS);String SALARY = request.getParameter(SALARY);String BIRTH = request.getParameter(BIRTH);String EDUCATION = request.getParameter(EDUCATION);String IMAGE = request.getParameter(IMAGE);String KEYBOARD = request.getParameter(KEYBOARD);String DREAM = request.getParameter(DREAM);String WORD = request.getParameter(WORD);String INTRODUCE = request.getParameter(INTRODUCE);String LINK = request.getParameter(LINK);Connection conn = DBUtil.getConn();String s = update kaiku_user set USER_PASSWORD=?,USER_EMAIL=?,NAME=?,AGE=?,SEX=?,ADDRESS=?,SALARY=?,BIRTH=to_date(?,yyyymmdd),+EDUCATION=?,IMAGE=?,KEYBOARD=?,DREAM=?,WORD=?,INTRODUCE=?,LINK = ? where USER_USERNAME=?;PreparedStatement psata;try psata = conn.prepareStatement(s);psata.setString(1,USER_PASSWORD);psata.setString(2,USER_EMAIL);psata.setString(3,NAME);psata.setString(4,AGE);psata.setString(5,SEX);psata.setString(6,ADDRESS);psata.setString(7,SALARY);psata.setString(8,BIRTH);psata.setString(9,EDUCATION);psata.setString(10,IMAGE);psata.setString(11,KEYBOARD);psata.setString(12,DREAM);psata.setString(13,WORD);psata.setString(14,INTRODUCE);psata.setString(15,LINK);psata.setString(16,USER_USERNAME);psata.executeUpdate();response.sendRedirect(person_information.jsp); catch (SQLException e) e.printStackTrace();protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException doGet(request, response);4. 查看留言在查看留言功能上，使用了bean+dao+jsp的设计，是的所有留言能够成功按照日期顺序展示出来，并打到分页的效果，代码如下：5. 删除留言代码如下：Servlet：package com.weixin.Servlet;import java.io.IOException;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.SQLException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import com.weixin.DBUtil.DBUtil;public class Dream_delete extends HttpServlet protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException request.setCharacterEncoding(utf-8);String word_id = request.getParameter(word_id);Connection conn = DBUtil.getConn();String s = delete from dream where id= ?;try PreparedStatement psata = conn.prepareStatement(s);psata.setString(1, word_id);psata.executeUpdate(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();response.sendRedirect(Dream_guanli.jsp);protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException doGet(request, response);第五章 测试5.1 测试目的软件测试就是用来测试软件的功能和性能是否能够达到用户的需求，测试的目的是确保软件完成既定功能。 5.2 测试目标任何开发平台所开发的系统，测试的目标都是确保所开发软件的功能符合用户的要求。具体表现在以下几个方面：1 确保用户提出的需求能实现；。2 确保系统在要求的硬件和软件平台上工作正常。5.3 测试用例针对我做的模块设计测试用例，用户管理测试用例见表5.1，发表，查看，管理留言功能用例见5.2。表5.1 用户管理测试用例测试场景测试项目预测结果（正常）测试结果用户管理用户注册1正常情况下，注册用回，输入正确的用户名，密码将注册成功用户登录1正常情况下，输入正确的用户名密码，登录成功，进入主页面查看信息1正常情况下，进入添加员工页，会显示需要添加信息：用户名，密码，权限2单击留言按钮，可以产看当前用户的所有发言修改信息1. 正常情况下，用户进入修改页，显示这条信息的原有内容2单击提交按钮，如果没有输入用户名，提示“修改失败”3. 单击提交按钮，如果信息填写都正确，并正确保存后，返回到列表页，保存失败将回到添加页。表5.3 留言板用例测试场景测试项目预测结果（正常）测试结果留言板发表留言1.输入要发表的内容后，点击发表留言按钮，会出现信的留言查看留言1.进入留言板，可以看到当前的所有留言管理留言1.点击管理，可以进入留言管理页面，可以对留言进行删除，点击删除按钮，删除当前留言图 5.1 注册图 5.2 登录图 5.3 个人信息图 5.4 修改个人信息图 5.5 个人信息修改成功图 5.6 查看个人留言图 5.7 删除内容为123123的留言图 5.8 查看留言图 5.9 发表留言图 5.10 发表留言成功图 5.11 管理留言图 5.12 删除刚才发表的留言结束语在本次设计的全过程中，我对所学的知识有了一个比较系统的认识和理解。涉及了各方面的知识，大大扩展了我的知识面，同时是我学会了如何使用所学的知识去解决一些实际的问题。在设计中我深知自己掌握的知识还远远不够，掌握的一些理论知识应用到实践中去，总会出现这样或那样的问题，不是理论没有掌握好，而是光知道书本上的知识是远远不够的，一定要把理论知识和实践结合起来。把学到的知识应用到时间中去，多做多练，才可以把理论的精华发挥出来。知识不是知道，了解就好，一定要去应用它，发展它，让它在现实生活中得到充分的应用，从而解决一些问题，这才是学习的根本目的。而且知识又不是单一的，它是互相联系的，学科与学科之间都有着内在的联系。计算机是一门非常复杂且庞大的学科，一项课题往往需要多项技术才可以完成的。在设计阶段，通过对课题的深入分析与研究，迫使我对技术有了一定的了解。在遇到问题时，得到了指导老师与同学的悉心帮助，使我感受到集体的力量是无穷的。通过这次设计，我学会了和别人配合工作，因为一个人所学的知识不可能面面俱到的，只有通过合作，发挥自己的优点，体现团队精神，才能使工作做得更为出色。通过这次设计，我学到了许多书本上学不到的知识，增强了自己的动手能力。即将毕业我十分珍惜这次锻炼的机会，我按部就班的完成了自己的设计任务，但由于自己的知识水平有限，仍然存在很多的不足之处，恳请老师多多指教！当今的社会是竞争的社会，而人才的竞争则是竞争的焦点，毕业设计对于我们即将离校的同学来说，是离校前很好的一次锻炼，使我们各方面的能力都有了很大的提高，为我们踏出校门，走上社会增强了能力与自信！计算机技术的高速发展，使我深深地认识到只有不断的加强学习，才能在计算机技术方面不至于被淘汰，今后，我还要加强学习，努力使自己成为一位专业的计算机人员，为我自己所从事的工作服务。参考文献1 William Stallings.操作系统-精髓与设计原理:电子工业出版社，2009年2 萨师煊,王珊.数据库系统概论.北京：高等教育出版社，2000年3 王怀民.企业应用架构模式:机械工业出版社 ，2004 年 4 张海藩.软件工程导论:清华大学出版社，2008年5 李钟尉,马文强，陈丹丹.java从精通到入门:清华大学出版社，2010年致 谢最后感谢我的母校太原科技大学四年来对我的大力栽培。毕业设计完成之际，我由衷地感谢维信科技各位指导老师们的大力帮助和支持，感谢我的同学与朋友，在我遇到各种各样复杂问题的时候，给与我鼓励和帮助，使我的分析问题和解决问题能力有了很大的提高。设计期间，指导老师严肃的科学态度、严谨的治学精神、精益求精的工作作风深深地感染和激励着我。从课题的选择到项目的最终完成，都始终给予我细心的指导和不懈的支持。在论文即将完成之际，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意！附录 英文资料翻译英文原文：The technique development history of JSPBrian Wright Michael FreedmanThe Java Server Pages( JSP) is a kind of according to web of the script plait distance technique, similar carries the script language of Java in the server of the Netscape company of server- side JavaScript( SSJS) and the Active Server Pages( ASP) of the Microsoft. JSP compares the SSJS and ASP to have better can expand sex, and it is no more exclusive than any factory or some one particular server of Web. Though the norm of JSP is to be draw up by the Sun company of, any factory can carry out the JSP on own system. The After Sun release the JSP( the Java Server Pages) formally, the this kind of new Web application development technique very quickly caused the peoples concern. JSP provided a special development environment for the Web application that establishes the high dynamic state. According to the Sun parlance, the JSP can adapt to include the Apache WebServer, IIS4.0 on the market at inside of 85% server product.This chapter will introduce the related knowledge of JSP and Databases, and JavaBean related contents, is all certainly rougher introduction among them basic contents, say perhaps to is a Guide only, if the reader needs the more detailed information, pleasing the book of consult the homologous JSP.A. GeneralizeThe JSP(Java Server Pages) is from the company of Sun Microsystems initiate, the many companies the participate to the build up the together of the a kind the of dynamic the state web the page technique standard, the it have the it in the construction the of the dynamic state the web page the strong but the do not the especially of the function. JSP and the technique of ASP of the Microsoft is very alike. Both all provide the ability that mixes with a certain procedure code and is explain by the language engine to carry out the procedure code in the code of HTML. Underneath we are simple of carry on the introduction to it.JSP pages are translated into servlets. So, fundamentally, any task JSP pages can perform could also be accomplished by servlets. However, this underlying equivalence does not mean that servlets and JSP pages are equally appropriate in all scenarios. The issue is not the power of the technology, it is the convenience, productivity, and maintainability of one or the other. After all, anything you can do on a particular computer platform in the Java programming language you could also do in assembly language. But it still matters which you choose.JSP provides the following benefits over servlets alone: It is easier to write and maintain the HTML. Your static code is ordinary HTML: no extra backslashes, no double quotes, and no lurking Java syntax. You can use standard Web-site development tools. Even HTML tools that know nothing about JSP can be used because they simply ignore the JSP tags. You can divide up your development team. The Java programmers can work on the dynamic code. The Web developers can concentrate on the presentation layer. On large projects, this division is very important. Depending on the size of your team and the complexity of your project, you can enforce a weaker or stronger separation between the static HTML and the dynamic content.Now, this discussion is not to say that you should stop using servlets and use only JSP instead. By no means. Almost all projects will use both. For some requests in your project, you will use servlets. For others, you will use JSP. For still others, you will combine them with the MVC architecture . You want the appropriate tool for the job, and servlets, by themselves, do not complete your toolkit.B. Source of JSPThe technique of JSP of the company of Sun, making the page of Web develop the personnel can use the HTML perhaps marking of XML to design to turn the end page with format. Use the perhaps small script future life of marking of JSP becomes the dynamic state on the page contents.( the contents changes according to the claim of).The Java Servlet is a technical foundation of JSP, and the large Web applies the development of the procedure to need the Java Servlet to match with with the JSP and then can complete, this name of Servlet comes from the Applet, the local translation method of now is a lot of, this book in order not to misconstruction, decide the direct adoption Servlet but dont do any translation, if reader would like to, can call it as small service procedure. The Servlet is similar to traditional CGI, ISAPI, NSAPI etc. Web procedure development the function of the tool in fact, at use the Java Servlet hereafter, the customer need not use again the lowly method of CGI of efficiency, also need not use only the ability come to born page of Web of dynamic state in the method of API that a certain fixed Web server terrace circulate. Many servers of Web all support the Servlet, even not support the Servlet server of Web directly and can also pass the additional applied server and the mold pieces to support the Servlet. Receive benefit in the characteristic of the Java cross-platform, the Servlet is also a terrace irrelevant, actually, as long as match the norm of Java Servlet, the Servlet is complete to have nothing to do with terrace and is to have nothing to do with server of Web. Because the Java Servlet is internal to provide the service by the line distance, need not start a progress to the each claimses, and make use of the multi-threading mechanism can at the same time for several claim service, therefore the efficiency of Java Servlet is very high.But the Java Servlet also is not to has no weakness, similar to traditional CGI, ISAPI, the NSAPI method, the Java Servlet is to make use of to output the HTML language sentence to carry out the dynamic state web page of, if develop the whole website with the Java Servlet, the integration process of the dynamic state part and the static state page is an evil-foreboding dream simply. For solving this kind of weakness of the Java Servlet, the SUN released the JSP.A number of years ago, Marty was invited to attend a small 20-person industry roundtable discussion on software technology. Sitting in the seat next to Marty was James Gosling, inventor of the Java programming language. Sitting several seats away was a high-level manager from a very large software company in Redmond, Washington. During the discussion, the moderator brought up the subject of Jini, which at that time was a new Java technology. The moderator asked the manager what he thought of it, and the manager responded that it was too early to tell, but that it seemed to be an excellent idea. He went on to say that they would keep an eye on it, and if it seemed to be catching on, they would follow his companys usual embrace and extend strategy. At this point, Gosling lightheartedly interjected You mean disgrace and distend. Now, the grievance that Gosling was airing was that he felt that this company would take technology from other companies and suborn it for their own purposes. But guess what? The shoe is on the other foot here. The Java community did not invent the idea of designing pages as a mixture of static HTML and dynamic code marked with special tags. For example, Cold Fusion did it years earlier. Even ASP (a product from the very software company of the aforementioned manager) popularized this approach before JSP came along and decided to jump on the bandwagon. In fact, JSP not only adopted the general idea, it even used many of the same special tags as ASP did.The JSP is an establishment at the model of Java servlets on of the expression layer technique, it makes the plait write the HTML to become more simple.Be like the SSJS, it also allows you carry the static state HTML contents and servers the script mix to put together the born dynamic state exportation. JSP the script language that the Java is the tacit approval, however, be like the ASP and can use other languages( such as JavaScript and VBScript), the norm of JSP also allows to use other languages.C. JSP characteristicsIs a service according to the script language in some one language of the statures system this kind of discuss, the JSP should be see make is a kind of script language. However, be a kind of script language, the JSP seemed to be too strong again, almost can use all Javas in the JSP.Be a kind of according to text originally of, take manifestation as the central development technique, the JSP provided all advantages of the Java Servlet, and, when combine with a JavaBeans together, providing a kind of make contents and manifestation that simple way that logic separate. Separate the contents and advantage of logical manifestations is, the personnel who renews the page external appearance need not know the code of Java, and renew the JavaBeans personnel also need not be design the web page of expert in hand, can use to take the page of JavaBeans JSP to define the template of Web, to build up a from have the alike external appearance of the website that page constitute. JavaBeans completes the data to provide, having no code of Java in the template thus, this means that these templates can be written the personnel by a HTML plait to support. Certainly, can also make use of the Java Servlet to control the logic of the website, adjust through the Java Servlet to use the way of the document of JSP to separate website of logic and contents.Generally speaking, in actual engine of JSP, the page of JSP is the edit and translate type while carry out, not explain the type of .Explain the dynamic state web page development tool of the type, such as ASP, PHP3 etc., because speed etc. reason, have already cant satisfy current the large electronic commerce needs appliedly, traditional development techniques are all at to edit and translate the executive way change, such as the ASP ASP+;PHP3 PHP4.In the JSP norm book, did not request the procedure in the JSP code part( be called the Scriptlet) and must write with the Java definitely. Actually, have some engines of JSP are adoptive other script languages such as the EMAC- Script, etc., but actually this a few script languages also are to set up on the Java, edit and translate for the Servlet to carry out of. Write according to the norm of JSP, have no Scriptlet of relation with Java also is can of, however, mainly lie in the ability and JavaBeans, the Enterprise JavaBeanses because of the JSP strong function to work together, so even is the Scriptlet part not to use the Java, edit and translate of performance code also should is related with Java.D. JSP mechanismTo comprehend the JSP how unite the technical advantage that above various speak of, come to carry out various result easily, the customer must understand the differentiation of the module develops for the web page of the center and the page develops for the web page of the center first. The SSJS and ASP are all in several year ago to release, the network of that time is still very young, no one knows to still have in addition to making all business, datas and the expression logic enter the original web page entirely heap what better solve the method. This kind of model that take page as the center studies and gets the very fast development easily. However, along with change of time, the people know that this kind of method is unwell in set up large, the Web that can upgrade applies the procedure. The expression logic write in the script environment was lock in the page, only passing to shear to slice and glue to stick then can drive heavy use. Express the logic to usually mix together with business and the data logics, when this makes be the procedure member to try to change an external appearance that applies the procedure but do not want to break with its llied business logic, apply the procedure of maintenance be like to walk the similar difficulty on the eggshell. In fact in the business enterprise, heavy use the application of the module already through very mature, no one would like to rewrite those logics for their applied procedure.HTML and sketch the designer handed over to the implement work of their design the Web plait the one who write, make they have to double work- Usually is the handicraft plait to write, because have no fit tool and can carry the script and the HTML contents knot to the server to put together. Chien but speech, apply the complexity of the procedure along with the Web to promote continuously, the development method that take page as the center limits sex to become to get up obviously. At the same time, the people always at look for the better method of build up the Web application procedure, the module spreads in customers machine/ server the realm. JavaBeans and ActiveX were published the company to expand to apply the procedure developer for Java and Windows to use to come to develop the complicated procedure quickly by the fast application procedure development( RAD) tool. These techniques make the expert in the some realm be able to write the module for the perpendicular application plait in the skill area, but the developer can go fetch the usage directly but need not control the expertise of this realm.Be a kind of take module as the central development terrace, the JSP appeared. It with the JavaBeans and Enterprise JavaBeans( EJB) module includes the model of the business and the data logic for foundation, provide a great deal of label and a script terraces to use to come to show in the HTML page from the contents of JavaBeans creation or send a present in return. Because of the property that regards the module as the center of the JSP, it can drive Java and not the developer of Java uses equally. Not the developer of Java can pass the JSP label( Tags) to use the JavaBeans that the deluxe developer of Java establish. The developer of Java not only can establish and use the JavaBeans, but also can use the language of Java to come to control more accurately in the JSP page according to the expression logic of the first floor JavaBeans. See now how JSP is handle claim of HTTP. In basic claim model, a claim directly was send to JSP page in. The code of JSP controls to carry on hour of the logic processing and module of JavaBeanses hand over with each other, and the manifestation result in dynamic state bornly, mixing with the HTML page of the static state HTML code. The Beans can be JavaBeans or module of EJBs. Moreover, the more complicated claim model can see make from is request other JSP pages of the page call sign or Java Servlets.The engine of JSP wants to chase the code of Java that the label of JSP, code of Java in the JSP page even all converts into the big piece together with the static state HTML contents actually. These codes piece was organized the Java Servlet that customer can not see to go to by the engine of JSP, then the Servlet edits and translate them automatically byte code of Java.Thus, the visitant that is the website requests a JSP page, so the code of JSP in the web page does not need when the every time requests that page is explain. The engine of JSP need to be edit and translate after Servlet the code end is modify only once, then this Servlet that editted and translate can be carry out. The in view of the fact JSP engine auto is born to edit and translate the Servlet also, need not procedure member begins to edit and translate the code, so the JSP can bring vivid sex that function and fast developments need that you are efficiently.Compared with the traditional CGI, the JSP has the equal advantage. First, on the speed, the traditional procedure of CGI needs to use the standard importation of the system to output the equipments to carry out the dynamic state web page born, but the JSP is direct is mutually the connection with server. And say for the CGI, each interview needs to add to add a progress to handle, the progress build up and destroy by burning constantly and will be a not small burden for calculator of be the server of Web. The next in order, the JSP is specialized to develop but design for the Web of, its purpose is for building up according to the Web applied procedure, included the norm and the tool of a the whole set. Use the technique of JSP can combine a lot of JSP pages to become a Web application procedure very expediently.中文译文：JSP技术发展史Brian Wright Michael FreedmanJava Server Pages(JSP)是一种基于web的脚本编程技术，类似于网景公司的服务器端Java脚本语言 server-side JavaScript(SSJS)和微软的Active Server Pages(ASP)。JSP比SSJS和ASP具有更好的可扩展性，并且它不专属于任何一家厂商或某一特定的Web服务器。尽管JSP规范是由Sun公司制定的，但任何厂商都可以在自己的系统上实现JSP。 在Sun正式发布JSP(Java Server Pages)之后，这种新的Web应用开发技术很快引起了人们的关注。JSP为创建高度动态的Web应用提供了一个独特的开发环境。按照Sun的说法，JSP能够适应市场上包括Apache WebServer、IIS4.0在内的85%的服务器产品。本文将介绍JSP相关的知识，以及JavaBean的相关内容，当然都是比较粗略的介绍其中的基本内容，或者说仅仅是一个Guide，如果读者需要更详细的信息，请参考相应的JSP的书籍。A. 概述JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准，其在动态网页的建设中有其强大而特别的功能。JSP与Microsoft的ASP技术非常相似。两者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。下面我们