中央民族大学动态网页的设计与实现论文2014年03月16日动态网页的设计与实现摘要随着网络技术的发展，通过互联网实现棋类的人机博弈成为了当前计算机博弈领域迫切需要的一项关键技术，就此，项目拟研究棋类人机博弈的动态网页技术，并开发实现一个可通过互联网登陆进行人机博弈的动态网站。
项目将使用HTML5来编写前台，JSP为主要语言编写后台，结合Photoshop、Flash、JavaScript等技术完善网页设计。
为实现人机博弈技术而采用C/S结构来增强交互性，提高软件效率，并采用多线程技术从而满足多用户共同安全使用的需求。
最终实现一款人机博弈动态网站，即中央民族大学博弈网站。
本网站页面主要由Dreamweaver软件设计的静态html页面和利用JSP技术制作的动态页面构成。
其中详细介绍了关于用户注册、用户登录、信息发布、留言板的设计与实现。
关键词:Dreamweaver JSP技术MYSQL数据库The design and implementation of a dynamic WebpageABSTRACTWith the development of network technology,through the Internet to achieve human-computer game chess has become a key technology,the urgent need for the current computer game field thereon,dynamic Webpage technology study chess computer game project,and development to achieve a dynamic web site through the Internet on human-computer game.The project will use HTML5to write the front,JSP as the main language background,combined with Photoshop,Flash,JavaScript and other technology to improve Webpage design.In order to realize the man-machine game technology and using C/S structure to enhance interaction,improve the efficiency of software,and the use of multi threading technology to satisfy multi-user common security usage requirements.The realization of a man machine game dynamic website finally,namely Minzu University of China game website.This web page is mainly composed of a dynamic page and make use of JSP technology of Dreamweaver software to design the static HTML pages.The detailed introduction on the user registration,user login, information publication,the design and Realization of the message board.Key words:Dreamweaver JSP's technique MYSQL database目录引言 (2)1.开发工具及编程环境 (3)1.1.开发工具 (3)1.2.编程环境 (3)2.动态网站的工作原理 (4)2.1.WEB工作原理 (4)2.2.动态页面工作原理 (5)3.JSP简介及JSP技术工作原理 (7)3.1.JSP简介 (7)3．1．1.JSP页面的结构 (7)3．1．2.JSP的运行环境 (7)3.1.2.1.JSP对硬件的要求 (7)3.1.2.2.JSP对操作系统的要求 (8)3.1.2.3.JSP对软件环境的要求 (8)3．1．3.JSP的内置组件 (8)3.2.JSP技术工作原理 (9)3.3.JSP访问数据库 (9)4.需求分析 (10)4.1.系统功能分析 (10)4.2.各个模块具体功能 (11)4.2.1.会员注册与登录模块 (11)4.2.2.留言模块 (11)4.2.3.信息发布模块 (12)5.数据库设计 (12)5.1.数据库需求分析 (12)5.2.数据表的设计 (12)6.动态网站系统实现 (14)6.1.系统编码原则 (14)6.1.1.编码实现原则 (14)6.1.2.代码编写规范 (14)6.2.系统实现 (14)6.2.1.网站首页 (14)6.2.2.用户注册页 (15)6.2.3.信息发布页面 (16)6.2.4.留言板页面 (17)6.2.5.后台管理页面 (17)结束语 (17)引言最早互联网出现时，站点内容都是以HTML静态页面形式存放在服务器上，访问者浏览到的页面都是这些实际存在的静态页面。
从此，国内外多年来一直是采用静态页面的模式，这种方式极为原始，客户端浏览的是固定非交互式页面，但随着业务的复杂度和用户需求的不断增加，静态页面带来许多困难，主要有：(1)不易维护，为了不断更新网页内容，你必须不断地重复制作HTML文档。
(2)网站的内容(新闻、产品数据等)不能保存在数据库中成为永久信息资源，不能用于搜索、查询、分类、统计。
(3)无法自动更新、与用户交互，以及无法因时因访问者而变。
随着技术的发展，特别是数据库和脚木技术ASP，PHP和JSP等的发展，美国等发达国家，在越来越多站点上大量采取动态的页面发布手段。
比如，在www．GOOGLE．COM上搜索一个内容，得到的搜索结果(页面文件“本身”)在GOOGLE服务器上并不存在，而是通过程序在我们输入搜索内容时调用后台数据库实时生成的，也就是说，这些结果页面是动态的。
静态页面的站点只涉及文件的传输问题，而动态站点则复杂得多，用户和站点之间出现大量的交互，网站不再仅仅是内容的发布，而是成为了一种“软件应用”，是软件业向互联网上的扩张，从软件的角度看，动态站点是逻辑应用层和数据层的分离，数据库负责站点数据的存储管理，而ASP，PHP，JSP等负责处理站点的逻辑应用。
这样做的好处除了增加很多交互功能外，更重要的是站点的维护、更新和升级都方便了许多。
在计算机技术和通信技术的推动下，“网络地球”迅速形成，并一下在深刻地影响着人类社会生活的方方面面。
通过网络获取信息、通过网络展示自身已是个人和单位生存与发展的重要手段。
如何建设一个信息更新准确快捷、网上运行流畅高速、界面美观引人入胜的高水平网站自然成为网站主人的追求，也网络技术人员的重要课题1.开发工具及编程环境1.1.开发工具本系统是在Windows7下开发的，使用MYSQL作为后台数据库,采用JSP技术编写服务器端应用程序，利用辅助开发工具、可视化网页编辑器Dreamweaver8来进行前台页面的开发。
Dreamweaver是Macromedia公司推出的一款专业网页开发软件，提供了高度可视化的集成编辑环境，强大的网页编辑功能和站点维护功能，具有强大便捷的数据库作支持，多种动态网页技术的支持，强大的操作功能和便捷直观的操作界面。
1.2.编程环境Windows7操作系统，Microsoft Personal Web Server。
利用IIS可以在个人电脑上发布自己的主页。
在将站点上载到Internet提供商之前，可将PWS用做开发平台，并可以用浏览器预览站点，以查看外观和所提供的功能。
2.动态网站的工作原理2.1.WEB 工作原理WEB 工作方式基于客户机和服务器。
一个客户机可以向许多不同的服务器请求，一个服务器也可以向多个不同的客户机提供服务，一个客户机启动与某个服务器的对话，服务器通常是等待客户机请求的一个自动程序。
协议是客户机请求服务器和服务器如何应答请求的各种方法的定义。
如图2.1所示：图2.1客户机和服务器的关系在这个结构中，充当服务器(有许多可用的WEB 服务器，最常用的是Apache ，IIS 和Iplanet 的Enterprise 服务器)的就是WEB 服务器软件，而计算机上运行的WEB 浏览器(Netscape ，Microsoft Internet Explorer 等)就是对服务器发出请求的客户机程序，当WEB 服务器接收到WEB 浏览器的请求后，将请求的数据发送到WEB 浏览器，浏览器对接收到的数据进行解释并在屏幕上显示出来。
这实际上是一个请求一应答的过程，这个过程遵循以下步骤：(1)在计算机上运行一个WEB 浏览器客户机程序，如Netscape 或者MicrosoftInternet Explorer 。
(2)通过网络与Internet 建立连接。
(3)向Internet 上的服务器请求一个页面。
为此，浏览器要发送以下消息：含传输协议的URL 地址：例如：http ：／／cdqf ．xicp ．net 。
(4)服务器收到请求后，查找所请求的HTML 到组成的页面文件。
(5)服务器将所请求的页面传到客户机上。
(6)浏览器接收到服务器传来的HTML 文件后，将对它解释并在屏幕上显示出来。
根掘以上的步骤，要解WEB 原理，除了知道它是客户机服务器结构外，还需了解在WWW 中，WEB 服务器做什么工作、客户机上的浏览器傲什么工作，客户机和服务器通讯时采用的协议。
下面，我们对这些内容逐一解释。
客户机服务器协议WEB服务器及浏览器的功能一个WEB服务器的功能是：(1)接受请求。
(2)请求的合法性检查。
(3)针对请求获取并制作数据，包括Java脚本和程序、CGI脚本和程序、为文件设置适当的MIME类型来对数据进行前期处理和后期处理。
(4)把信息发送给提出请求的客户机。
WEB服务器发送给客户浏览器的是一个HTML文件，服务器对浏览器的请求信息的传输是分次的，先传输纯文本信息，再传输多媒体信息。
一个WEB浏览器的功能是：(1)制作一个请求(通常在单击某个链接点时启动)。
(2)通过网络将请求发送给某个服务器。
(3)解释服务器传来的HTML文档，并把结果显示在屏幕上。