某网站的设计与实现 毕业论文.doc

《某网站的设计与实现 毕业论文.doc》由会员分享，可在线阅读，更多相关《某网站的设计与实现 毕业论文.doc（34页珍藏版）》请在三一办公上搜索。

1、某网站的设计与实现 目 录引 言- 3 -1 开发网络游戏网站的目的- 3 -1.1课题来源- 3 -1.2开发本系统的目的- 3 -2 系统开发环境- 5 -2.1编程环境的选择- 5 -2.1.1操作系统的选择- 5 -2.1.2 开发技术的选择- 5 -2.1.2.1 HTML静态网页技术简介- 5 -2.1.2.2 JSP动态网页技术简介- 6 -2.2数据库软件- 7 -2.2.1 数据库软件的选择- 7 -3 搭建系统开发环境- 8 -3.1 JSP与数据库的结合- 8 -3.2 JSP软件的安装和运行环境的设置- 8 -3.2.1 安装JDK和Apache服务器- 8 -3.2.

2、2 设置环境变量- 8 -3.2.3 安装Tomcat- 8 -4 系统分析设计- 10 -4.1 系统调研与设计- 10 -4.1.1 本系统模块图- 10 -4.1.1.1 系统功能模块图- 10 -4.1.1.2 模块功能- 10 -4.2 数据库的设计- 11 -4.2.1数据库设计- 11 -4.2.2 数据字典- 11 -5 程序设计与实现- 11 -5.1 建立数据库- 11 -5.2 访问数据库的方法- 13 -5.2.1数据库连接Bean- 13 -5.2.1.1导入JDBC标准类库- 13 -5.2.1.2注册数据库驱动程序- 14 -5.2.1.3建立数据库连接- 14

3、-5.2.1.4 数据操作- 15 -5.2.1.5关闭- 16 -5.2.2 配置ODBC数据源- 17 -5.3 主界面的实现与设计- 18 -5.4新闻中心模块的实现与设计- 19 -5.5 游戏介绍模块的实现与设计- 20 -5.6 游戏图片模块的实现与设计- 21 -5.7 职业宝典模块的实现与设计- 24 -5.8 注册模块的实现与设计- 25 -5.9 留言模块的实现与设计- 26 -结 论- 28 -致 谢- 29 -参考文献- 30 -引 言网络游戏产业是一个新兴的朝阳产业，经历了20世纪末的初期形成期阶段，及近几年的快速发展，现在中国的网络游戏产业处在成长期，并快速走向成熟

4、期的阶段。在中国整个网络经济的发展过程中从无到有，发展到目前成为中国网络经济的重要组成部分。网络游戏产业之所以可以打破在原来中国整个网络经济中的平衡，主要缘于在20世纪末中国网络经济泡沫破灭整个网络经济大受打击的时候，网络游戏却异军突起成为整个网络经济发展的领头羊，得到迅猛的发展。1 开发网络游戏网站的目的1.1课题来源 网络游戏产业是一个新兴的朝阳产业，经历了20世纪末的初期形成期阶段，及近几年的快速发展，现在中国的网络游戏产业处在成长期，并快速走向成熟期的阶段。在中国整个网络经济的发展过程中从无到有，发展到目前成为中国网络经济的重要组成部分。网络游戏产业之所以可以打破在原来中国整个网络经济

5、中的平衡，主要缘于在20世纪末中国网络经济泡沫破灭整个网络经济大受打击的时候，网络游戏却异军突起成为整个网络经济发展的领头羊，得到迅猛的发展。1.2开发本系统的目的2008年上半年国产网游发展迅猛，主要原因有两个：一是政策环境、舆论环境转好，二是代理模式的弊端暴露无遗。网络游戏运营商市场格局方面，2008年第二季度盛大、网易、巨人位居行业排名前3位。每一个产业，在其发展成熟的道路中，都必须经历由不规范走向规范的过程，而这一过程中必将伴随着这样或那样的阻碍因素，中国的网络游戏产业也不例外。因此需加大政府的扶持力度、加快人才培养步伐、重点研发精品网络游戏等。中国游戏市场潜力巨大，在未来几年内，中国

6、将从资金投入、创造产业环境、保护知识产权以及加强对企业引导等方面对国内的游戏企业加以扶持。亚洲将是未来全球网络游戏的重要市场，而中国和日本将成为地区最大的两个在线游戏市场2 系统开发环境2.1编程环境的选择2.1.1操作系统的选择目前可供选择的操作系统有很多，有Windows、Linux和Unix等。Windows具有界面图形化、多用户、多任务、网络支持良好、出色的多媒体功能、硬件支持良好和众多的应用程序等特点。Linux是一种类Unix系统，是一个免费的操作系统，具有许多Unix系统的功能和特点，能够兼容Unix，但它没有Windows操作系统应用广泛，其上的应用软件种类较Windows少了

7、很多，Windows上的很多应用软件在该系统上通常无法正常运行。而且许多硬件设备面对Linux的驱动程序也很不足。Unix适用于一些大型的网络。Unix与Linux这两种操作系统与Windows操作系统相比是比较复杂的, 而且Linux在技术上还不很成熟。经过多番比较，为了更好的开发和操作本系统，决定采用以下系统软件：操作系统：microsoft Windows XP professional2.1.2 开发技术的选择2.1.2.1 HTML静态网页技术简介HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是

8、构成网页文档的主要语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 另外，HTML是网络的通用语言,

9、一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面！ HTML只不过是组合成一个文本文件的一系列标签。它们像乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂。HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragraph），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(使

10、文字变粗)还有一些其他标签提供在页面上不显示的信息例如标题。 基本HTML页面以DOCTYPE开始，它声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效，接着是标签，以结束。在它们之间，整个页面有两部分-标题和正文。 2.1.2.2 JSP动态网页技术简介JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.js

11、p)。 用JSP开发的Web应用是跨平台的，即能在Linux下运行，也能在其他操作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。JSP

12、与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。JSP的1.0规范的最后版本是1999年9月推出的，12月又推出了1.1规范。目前较新的是JSP1.2规范，JSP2.0规范的征求意见稿也已出台。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向

13、对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。自JSP推出后，众多大公司都支持JSP技术的服务器，如IBM、Oracle、Bea公司等，所以JSP迅速成为商业应用的服务器端语言。2.2数据库软件2.2.1 数据库软件的选择Access （Microsoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一。Access能够存取 Access/Jet、Microsoft SQL Serve

14、r、Oracle(甲骨文软件公司)，或者任何 ODBC 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的进阶用户则能使用它来开发简单的应用软件。虽然它支援部份面向对象（OO）技术，但是未能成为一种完整的面向对象开发工具。它的使用方便程度和强大的设计工具为初级程序员提供许多功能。不过，这种便于使用可能使人误解。这类开发者都是没有在应用或者数据设计方面训练的办公室从业人员。因此许多人以为这样的开发者能够创造可用的系统，但也有很多人认为工具本身的局限性产生了这样的误导。一些专业的应用程序开发人员使用 Access 用作 快速应用开发，特别是给街道

15、上的推销员制作一个初型或独立应用程序的工具。可是如果是透个网络存取数据的话，Access 的可扩放性并不高因此当程序被较多使用者使用时，他们的选择多会是倾向于一些客户端-服务器为本的方案，例如 Oracle、DB2、Microsoft SQL Server、Windows SharePoint Services、PostgreSQL、MySQL、Alpha Five、MaxDB，或者Filemaker。无论如何，不少 Access 的功能（表单，报告，序列和VB代码）可以用作其他数据库的后期应用，包括 JET（档案为主的数据库引擎，Access 缺省使用）、Microsoft SQL Serv

16、er、Oracle和任何其他跟ODBC兼容的产品。这种方法允许开发者把一个成熟的应用的数据移动到一台更大功率的服务器而没有已经在适当的位置牺牲发展。数据库软件：microsoft office access 2003。3 搭建系统开发环境3.1 JSP与数据库的结合SUN公司为JSP连接数据库的JDBC技术提供了四种类型的驱动，数据库连接对动态网站来说是最为重要的部分，Java中连接数据库的技术是JDBC（Java Database Connectivity）。Java程序通过JDBC驱动程序与数据库相连，执行查询、提取数据等操作。Sun公司还开发了JDBC-ODBC bridge，用此技术J

17、ava程序就可以访问带有ODBC驱动程序的数据库，目前大多数数据库系统都带有ODBC驱动程序，所以Java程序能访问诸如Oracle，Sybase，MS SQL Server和MS Access等数据库。3.2 JSP软件的安装和运行环境的设置3.2.1 安装JDK和Apache服务器双击j2sdk-tomcat-5.0.30.exe可以开始安装，安装到C:jdk1.3.1_06后重启。双击apache服务器的安装程序，使用默认配置进行安装。3.2.2 设置环境变量Sun公司的JDK是Java应用程序和组建的开发环境，是编译和测试工具，也是提供Java程序的Java虚拟机平台，是调试和运行JS

18、P所不可缺少的工具。其安装步骤如下： 1.双击JDK安装程序开始安装，在安装过程中使用默认配置即可。2.重新启动计算机。 3.更新环境变量。3.2.3 安装TomcatTomcat是最先实现Servlet2.2和JSP1.1技术标准的服务器软件。它既可以用作小型独立的服务器来测试和运行JSP页面，也可以集成到Apache服务器中。Tomcat是Apache上实现JSP+JavaBean环境的接口程序。安装Tomcat的方法如下：第一步：安装和配置你的j2sdk和tomcat：执行j2sdk和tomcat的安装程序，然后按默认设置进行安装即可。1.安装j2sdk以后，需要配置一下环境变量，在我的

19、电脑-属性-高级-环境变量-系统变量中添加以下环境变量。2.安装Tomcat后，在我的电脑-属性-高级-环境变量-系统变量中添加以下环境变量。第二步：建立自己的jsp app目录。 第三步：建立自己的Servlet。 第四步：建立自己的Bean。4 系统分析设计4.1 系统调研与设计4.1.1 本系统模块图游戏网站主页4.1.1.1 系统功能模块图 用户注册职业宝典游戏图片游戏介绍介绍游戏中各职业新闻中心留言版登陆 详细内容官方游戏公告登录密码密码修改4.1.1.2 模块功能1、系统功能调查系统有五个模块，注册模块，新闻中心模块，游戏介绍模块，游戏图片模块，职业宝典模块，留言模块。2、注册模块

20、可以经行会员注册。3、新闻中心模块对官方游戏公告，以及最新新闻，包括活动公告，临时停机公告，维护公告。4、游戏介绍模块游戏的简介。5、职业宝典模块游戏中各个角色的介绍，职业技能介绍。6、留言模块注册用户可以经行留言。7、游戏图片模块介绍游戏的图片4.2 数据库的设计4.2.1数据库设计创建任何一个数据库的第一步是仔细的规划数据库，设计必须是灵活的、有逻辑的。创建一个数据库结构的过程被认为是数据模型设计。精确地设计数据库是一件非常重要的事情，因为一旦有了应用以后，再更改数据库设计是一件非常花时间而且复杂的事情。4.2.2 数据字典表4.1 数据字典数据项数据类型是否为空说明E-mail文本NUL

21、L电子邮箱serial_no自动编号NULL留言ID标识name 文本NULL留言人(大小：80)emote 文本NULL表情(大小：15)guest_time日期/时间NULL留言时间(默认值：Date()content 备注NULL留言内容(大小：250)id自动编号NULLpassword文本NULL密码5 程序设计与实现5.1 建立数据库本系统的开发数据库使用的是microsoft office access 2003。具体的配置步骤如下：新建一个空数据库，取名为data。在data中建立表guestbook、user。如图4.1图 5.1 显示库中表1、guestbook表：记录留言

22、内容。图 5.2 guestbook表设计视图图 5.3 guestbook表内容2、user表：记录注册会员信息。图 5.4 user表设计视图图 5.5 user表内容5.2 访问数据库的方法5.2.1数据库连接Bean创建一个简单的数据库连接Bean需要5个步骤：导入JDBC标准类库、注册数据库驱动程序、建立数据库连接、数据操作和关闭。5.2.1.1导入JDBC标准类库JDBC（Java DataBase Connectivity，Java数据库连接）是一种可用于执行SQL（Structured Qurey Language，结构化查询语句）语句的应用程序接口，为了将服务器从客户端接受的

23、信息存入数据库，需要使用JDBC标准类库，所以需在此程序的开始加入以下import语句：import java.sql.*;5.2.1.2注册数据库驱动程序在一个JDBC的驱动程序被用来建立数据库连接之前，必须向数据库驱动程序管理器注册该驱动程序。管理器的主要职责是保证所有的驱动程序对象可被JDBC的用户程序访问。当一个JDBC驱动程序被载入时，它将自动地在驱动程序管理器上注册。可以调用Class. forName()方法来载入一个JDBC驱动程序：String sDBDriver = sun.jdbc.odbc.JdbcOdbcDriver;Class.forName(sDBDriver);

24、Class. forName()是Java的Class类的静态方法，它将使Java虚拟机动态地寻找、载入并连接指定的类。如果该类无法被找到，则该方法将抛出ClassNotFoundException类的异常。一个JDBC的驱动程序就是一个可以通过classpath找到的一个Java类。这里载入的JDBC_ODBC桥驱动程序就在sun.jdbc.odbc包中。5.2.1.3建立数据库连接载入一个正确的驱动程序后，就可以用它来建立与数据库的连接了。一个JDBC的数据库连接是用数据库URL来标记的。连接标记将告诉驱动程序管理器使用那个驱动程序和连接那个数据源。数据库URL的基本形式是：jdbc:：U

25、RL的第一部分表示使用JDBC建立数据库连接。第2部分表示所用的JDBC驱动程序名或网络协议名。第3部分是数据源标记，它映射所需要连接的数据库。本系统数据库的数据源标记是examination则同JDBC_ODBC桥连接该数据库所用的数据库URL为jdbc:odbc:examination。可以通过DriverManager类的静态方法getConnection()来建立一个数据库连接：String sConnStr = jdbc:odbc:examination;conn = DriverManager.getConnection(sConnStr);一旦建立数据库连接，就可以打该目标数据库

26、，并通过该连接向目标数据库发送SQL指令。SQL指令通常会执行查询、插入、更新和删除等数据库操作。要执行SQL指令，必须通过Connection对象的createStatement()方法创建一个stmt对象。Stmt对象提供了许多方法来执行不同的数据库操作。可以通过以下方法创建stmt对象：stmt = conn.createStatement();数据库操作5.2.1.4 数据操作与数据库建立了连接，接着就要进行数据操作了。数据操作包括查询、插入、更新和删除等操作。查询数据要进行查询操作，可以使用stmt对象的executeQuery()方法。executeQuery()方法接受一个SQL

27、指令字符串作为参数，返回含查询结果信息的ResultSet对象。具体如下：public ResultSet executeQuery(String sql) rs = null; try conn = DriverManager.getConnection(sConnStr); /创建Connection对象 stmt = conn.createStatement();/建立数据库连接对象stmt rs = stmt.executeQuery(sql);/把查询结果赋给ResultSet对象rs catch(SQLException ex) System.err.println(aq.exec

28、uteQuery: + ex.getMessage(); return rs; 插入、更新、删除和查询数据对插入、更新和删除数据库等操作，可以使用executeUpdate()方法。而对数据库数据的查询操作，可以使用executeQuery()方法。具体如下：public void executeUpdate(String sql) stmt = null; rs=null; try conn = DriverManager.getConnection(sConnStr); /创建Connection对象 stmt = conn.createStatement();/建立数据库连接对象stmt

29、 stmt.executeQuery(sql);/执行查询数据的操作 stmt.close();/对象关闭 conn.close();/关闭数据库连接 /异常处理 catch(SQLException ex) System.err.println(aq.executeQuery: + ex.getMessage(); 5.2.1.5关闭因为数据库连接是宝贵和有限的资源，因此必须在数据库操作完毕后及时释放数据库连接。Connection对象提供了一个简单的关闭数据库连接的方法close()方法，具体如下：closeStmt()方法 public void closeStmt() try stmt

30、.close(); catch(SQLException e) e.printStackTrace(); closeConn()方法 public void closeConn() try conn.close(); catch(SQLException e) e.printStackTrace(); 除此之外，还应关闭ResultSet对象（这一步将在JSP页面完成，rs对象的关闭方法是rs.close()）。编写完上述代码后，要进行编译。在Dos模式下，进入路径，用javac进行编译。编译通过生成 data1.class 文件，把此文件存放在Tomcat 5.0 webapps ROOT

31、WEB-INF classesdata1目录下。图 5.1 编译java文件编译后得到文件data1.class，表示成功。5.2.2 配置ODBC数据源点击开始程序管理工具数据源（ODBC）进入系统DNS项图 5.2 在数据源管理器（ODBC）中创建数据源data，添加库data.mdb图 5.5 添加完成。5.3 主界面的实现与设计1.进入首页。如图图 5.6 游戏网站主页在主页面中可以进行会员的注册，新闻预览，游戏介绍，留言，游戏图片，职业宝典。5.4新闻中心模块的实现与设计新闻中心对官方游戏公告，以及最新新闻，包括活动公告，临时停机公告，维护公告。在主页面中点击 图 5.7图 5.8图

32、 5.9 新闻中心5.5 游戏介绍模块的实现与设计游戏介绍模块：游戏的简介。在主页中点击。如图5.10图 5.10 游戏介绍5.6 游戏图片模块的实现与设计游戏图片模块：介绍游戏的图片点击图 5.11图 5.12图 5.13图 5.14图 5.15图 5.16 游戏图片5.7 职业宝典模块的实现与设计职业宝典模块：游戏中各个角色的介绍，职业技能介绍。点击图 5.17 图 5.18图 5.19 5.8 注册模块的实现与设计注册模块：可以经行会员注册。图 5.20图 5.21部分代码：register.jsp新会员注册function isNum(passedVal)if (passedVal=)

33、 return false; for (i=0;ipassedVal.length;i+) if(passedVal.charAt(i) 9) return false; return true; function isValid() if(form1.user_name.value=) alert(user_id must not be null!); document.form1.user_name.focus(); return false; if(form1.password.value.length8) alert(the 密码 must be 3-8 characters !);

34、document.form1.password.focus(); return false; if(form1.password.value!=form1.re_password.value) alert(the password is not the same !); document.form1.re_password.focus(); return false; if(form1.e_mail.value=) alert(email must not be null!); document.form1.email.focus(); return false;    新

35、会员注册 用户名： 密  码： 确  认： Email：                      register_confirm.jsp 注册确认 INPUT TYPE=hidden name=user_name value=INPUT TYPE=hidden name=password value=INPUT TYPE=hidden name=e_ma

36、il value=你好,请检查您的注册信息是否正确！ 登录名： 密码： E-mail    5.9 留言模块的实现与设计点击注册用户可以留言，发表看法。图 5.22 留言板首页进行留言 图 5.23 留言页部分代码：guestbook.jsp留言板% int pageLine=5; int totalRec=0; int totalSub=0; int intPage=1; int i; if (request.getParameter(page)!=null) intPage=Integer.parseInt(request.getParameter(page); try ResultSet countrs=null; /取得总记录数 countrs=showBean.executeQuery(select count(*) as cnt from guestbook);