1、1网络教育学院专 科 生 毕 业 大 作 业题 目： 网站的搭建与设计 2内容摘要环境美容服务公司网站的开发是为了解决社会中的一些与环境有关的问题，这个网站涉及到的行业有建筑业、房屋装修装潢业、汽车美容业、园林设计业和公共广场设计业。由于社会在飞速发展，国家的政策和法律跟不上这个步伐，所以这些行业在社会的竞争中有些不正规，在一些大城市里，这些行业出现了欺骗的手段，使市民的利益受到了损害。在这些行业中，尤为严重的是房屋装修行业，在一些报刊上常出现相关的报道。为了让这些行业能够健康稳定的发展，在社会中公平、公开、公正地竞争，因此我开发了这个网站。当今社会里，人们的工作比较繁忙，没有很多时间去了解上
2、述那些行业的知识，这个网站里提供了很多这些方面的知识，可以供人们了解这些行业，不会再被欺骗。关键词 ： 环境美容 环境保护 AbstractThe purpose of development of website on the environment hairdressing is for resolving some problems for having something to do with environments within societies. The website involves a few of fields, such as building industry, h
3、ouse repair and decoration industry, automobile hairdressing industry, park designing industry and public squares designing industry. Because the society is developing faster and faster, the policy and laws of the nation can not keep up with this step, so these professions in the competition of the
4、society are not very normal, and even in some big cities, these professions appear with the beguiling means, making the citizenrys benefits are subjected to the damage. In these professions, the most serious one is the house repair industry, and some related reports often appear on newspapers and ma
5、gazines. For the sake of the development that can let these professions stabilized and healthy development, compete equitably, I developed this website.Nowadays, people are often busy, and have no plenty of time to understand above-mentioned professions. Luckily, the website provides lots of the kno
6、wledge in the aspects, and these can be provided for people to understand these professions. And they will not be cheated again in these professions.Keyword environment hairdressing environment protection 3前 言从来没有任何事物像互联网那样，对人类的活动产生如此深刻的影响，无论是政府、企业、以及个人、都是如此，以此同时，IT 行业也正面临着一场技术性的变革由传统应用向基于 Internet/
7、Web 的服务模式转化。 一路走来有许多语言和技术可以用于上述那个方面的开发，但是，由于社会的发展和人类文明的进步，那些语言和技术开发出来的很多东西已经不能满足广大人民群众的要求，人类的要求也不是像以前那样单一，这样的情况一出现，就有这样的专家会来解决。他们是怎样来解决的呢？Java 语言是一种完全面向对象的程序设计语言，它是复杂的，它包含的东西非常之多，它代表着一种新的设计和编程体系。Java 是由 SUN 公司发明的，但是它的发展已经脱离了这个公司的完全控制，Java 是由整个 Java 社区推动发展，Java 和开发力量的结合为用户提供更先进、更简洁、更多重的选择。本网站就是用 Java
8、 中的 JSP 技术来完成的，JSP 是开发 Web 动态网站的重要而快速、有效的工具，它是全新的网络服务器端编程环境。JSP 充分利用了 Java 的强大功能，是一种优秀的服务器端技术。 本网站就是使用了 JSP 的 JavaBeans 来实现 Java 的强大功能，用 JavaBeans 来封装与数据库的连接，实现用户登录的 JavaBeans,这样就很好地实现了代码重用，而且编写 JavaBeans 非常容易、也好维护。在 JSP 页面中使用它，可以有效地分离静态工作部分和动态工作部分。 使用 JSP 技术，必须要有较好的 Java 语言为基础，以及还要有 HTML 语言、JavaScr
9、ipt 脚本语言为基础。 有了上面的知识基本上就可以了，另外还要知道相关服务器的配置，和一些相关软件的环境变量的设置。例如要安装 JDK、Tomcat 服务器或者其他服务器，除要了解Java 语言外，还要有 HTML 语言和 JavaScript 等方面的知识。4上述提到的那些软件，是在代码实现时要用到的，但是除了这些外，还有就是对图片的处理，这些方面的知识也要会，最基本会一点 FLASH 和 PHOTSHOP。有了这些方面的知识，就可以让你的网站更具有活力。5目 录前 言 .1第一章 环境美容服务网站分析 3一、网站针对的用户 .3二、简单的问题暴露 .3三、解决问题 .3四、网站功能的简单
10、描述 .4五、本网站的未来 .5第二章 网站所用技术的特点 .6一、 JSP 的特点 6二、 相关 JSP 技术软件的环境配置 6三、与 ASP 和 PHP 的比较 .7第三章 网站的规划 8一、 网站的整体结构和站点的创建 8二、 数据库的建立 8三、公共页面的设计 .9四、 JSP 中 JavaBeans 的使用 .9第四章 用户注册和登录 .12一、 用户注册 .12二、 用户登录 .13第五章 网站的页面功能 .14一、网页中的特殊效果文件 14二、导航和底部文件 14三、页面内容 14第六章 网站的特色功能 .20一、 关于留言 .20二、关于聊天 23三、公司专卖店 26结 束 语
11、 29致 谢 29附 录 30参考文献 406第一章 环境美容服务网站分析一、网站针对的用户此网站是针对建筑公司、房屋装修、装潢公司、汽车美容公司、专业园林广场设计公司设计开发的网站。还有就是社会各阶层的所有的用户，主要包括房地产公司用户，商品房用户，拥有轿车和其他车辆的用户，还有就是将要有广场或者园林建造工程的政府部门用户。二、简单的问题暴露最近在报刊杂志上常常看到一些报道，某某家庭或某家公司被骗，又损失了多少资金，这次欺骗是这个月来第几次出现的现象。又看到某记者采访某汽车用户，他（她）在抱怨自己的车很容易出毛病，每次都要花不少的钱来修理，既花了不少的钱又耽误了很多事情。对这样的情况，他们很
12、是没有办法。还有就是现在社会的欺骗手段比较多，又加上广大的普通用户对他们要进行的工程了解不多，对上述的相关行业的公司的信誉和工作能力也不了解，还加上现在社会的城市非常之大，这种公司又非常之多，自己的工作又非常忙，根本没有办法也没有那么多时间去了解这些公司的信息，有很多民工游击队抓住广大用户的弱点就打着是什么公司的幌子，用很多方法欺骗用户，有些也不是完全的欺骗，但是他们做出的工程与用户的期望工程相差甚远，毫无信誉可言，这些公司都有一个心态：就是你也不能把我怎么样，下次还用同样的方法去坑害其他人，很多用户呢！他们又有另外一种想法，还基本过得去也就算了，也没有用心去理会它，就这样使得那些公司更加为所
13、欲为，反而让那些正规的公司遭到冷落，还有就是现在大城市的汽车拥有量日益增长，汽车美容公司的数量也在增长，轿车出了毛病，修理一次就被修理公司或者是修理店坑害一次，可是自己也没有很好的解决办法，这种现象在广州、深圳、杭州、北京、上海等大城市里频繁出现。随着社会的发展和进步，这种现象会流传到其他小型城市。三、解决问题为了不让这种现象的蔓延，让那些已经被骗的用户以后不在被骗，让那些将要有广场、园林或者其他大厦要建设的政府部门能建造出优质漂亮的工程，让那些有房屋7设计、装修的用户能有多方面选择，轿车出了毛病，要多了解这些方面的知识，要使相关公司也有竞争意识，使轿车有毛病的用户多一些选择的余地，使建筑业、
14、房屋装修装潢业、汽车美容业、专业园林广场设计业有一个公平、公正、公开的环境，使上述行业能够健康稳定的发展，营造一个良好的社会环境。让那些没有信誉，不负责任坑害他人的公司早日淘汰，保护那些正规的良好的有信誉的公司。使上述行业在社会的竞争中增加透明度。我在网上查看相关方面的网站，发现根本没有什么网站能解决这些问题，所以我就有了做这个网站的想法。我的知识面不广，也许有了这样的想法，不一定能做得很完美。四、网站功能的简单描述（一）、建筑设计对建筑行业的介绍，以及一些相关知识的描述，能让浏览者对该行业有个大概的了解，并对当今社会或者该城市有哪些知名的建筑公司能符合自己的要求。通过建筑设计样品可以查看到一
15、些设计得比较好的建筑物。如果您将要有这样的工程，您可以到我们公司的专卖店里购买。（二）、房屋装修装潢设计对房屋装修装潢行业的介绍，以及一些相关知识的描述，能让浏览者对该行业有个大概的了解，并对当今社会或者该城市有哪些知名的房屋装修装潢公司能符合自己的要求。本网站提供了一间设计并装修好的卧室样品。（三）、汽车修理对汽车美容行业的介绍，主要是对汽车的相关配件的价格进行描述，对汽车公司的收费标准作一些描述，还对他们的一些服务态度进行描述。提供他们曾经的一些收费例子。让浏览者有选择他认为比较便宜的公司去进行修理他的汽车。（四）、专业园林设计对园林设计行业作一些简单的介绍，主要是要详细介绍园林广场公司已
16、经设计过的图纸和方案，要让浏览者从中了解到某公司的一些设计风格，从而选择出符合自己要求的公司为自己设计。一般要进行园林设计并建造的是国家政府部门，所以有这项功能是一件非常有用的，一是可以为自己的公司作一次宣传，二是可以把这项工程推向竞争市场，也可以起到大众对国家政府部门的监督。另外一种就是在个人的别墅里有这样的建造，这有的园林就更要有技术、有特色，一定要体现出舒服和美观的特点。8（五）、专业公共广场设计对相关公共广场的知识作一点简单介绍，要进行这样的设计和建造也是国家政府部门，同样也是要将这样的工程推向市场，让社会决定哪家公司最有能力来接管这项工程，一顶要使这种工程做得很好。因为它是全天下人民
17、的。（六)、关于留言留言是实现用户与本网站的管理员的留言，用户可以查看自己的留言。它的实现是与数据库的连接，前面第三章已经用过了 JavaBeans 封装与数据库的连接，这儿是方法不是用 JavaBeans 来实现的，而是用另外一种方法实现。就是直接与数据库连接。如果你有什么想法或是其他的对本网站的要求，都可以通过这里的留言功能与数据库管理员进行交流。（七）、聊天聊天功能就是让用户们进行聊天，只要你输入你的名字和你的聊天内容，就可以和所有的用户进行聊天，但是就是没有数据库来管理这些数据，但是只要服务器不关，你的内容都存在，它是通过 JSP 的内置对象 application 来实现的，appl
18、ication 对象是一个非常的对象，它能为多个用户提供共同的信息，就是因为如此，就可以不用数据库来实现聊天功能。你只要知道某个用户的名字、或是通过留言人名字，你就可以和某个人进行聊天，只是这些聊天内容是公开的，每个用户都可以看到。（八）、公司专卖店公司经营的所有货物已经列出来了，你可以到公司专卖店里购买你想要的货物，你可以添加货物到你的购物车里，也可以删除你已经选择了的货物，不管是你添加的货物，还是你删除了货物之后，都可以查看到你的购物车里的货物。 五、本网站的未来我做的这个网站是属于企业网站，但是我在设计中提到的公司是我虚构的，我认为这样的公司是是应该在社会中出现的，因为也需要有这样的一个
19、公司可以来维持社会的竞争。我在确定这个论文题目时，查阅了一些报刊杂志和网站，与本网站相关的其他网站或是其他类似的软件还没有，由于时间的关系，我完成得还不完美，我相信这样的想法和思路会让广大群众所认同的，还有就是软件行业的公司会对这样的问题感兴起，一定会为社会有一点贡献。在外国，像日本，他们就已经把汽车美容这个行业真正地推向了社会的竞争市场。并且已经被广大的人民群众接受。给人们带来了很多方便。 910第二章 网站所用技术的特点一、 JSP 的特点（一） 将内容的生成和显示分离使用 JSP 技术，页面开发人员可以使用 HTML 或者 XML（可扩展标记语言）来设计和格式化最终页面，使用 JSP 标
20、记或者脚本来生成页面上的动态内容。生成内容的逻辑被封装在标记和 JavaBeans 组件中。那么其他也设计者就可以直接使用这个 JavaBeans 而且还不会影响内容的生成。 （二） 使用可重用的组件绝大多数 JSP 页面依赖于可重用的组件（JavaBeans）来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使用这些组件为更多的用户使用。基于组件的方法加速了总体开发过程。（三） 采用标记简化页面开发Web 页面开发人员不一定都是熟悉脚本语言的编程人员。JSP 技术封装了许多功能，这些功能是在 XML 标记中生成动态内容所需要的。标准的 JSP 标记能够访问和
21、实例 JavaBeans 组件，设置或者检索组件属性，下载 Applet 等。通过开发自定义的标记库，可以扩展 JSP 技术，用户可以为常用功能创建自己的标记库。Web 页面开发人员能够使用这些工具简化页面开发。二、 相关 JSP 技术软件的环境配置任何与 Java 语言有关的开发，都必须要安装 JDK 这个软件，它可以从 SUN公司的网站上下载得到，下载得到的是一个压缩文件。只需要将其解压到你想安装的目录下就可以了。安装完之后，还要设置环境变量，这一步非常简单，就不描述了。安装服务器，JSP 可以使用多种服务器，这里将介绍一种服务器，就是Tomcat 服务器，获得它也像获得 JDK 一样简单
22、，安装也一样，在设置环境变量时，是要同时设置 JDK 和 Tomcat 的安装路径。设置方法为：在系统桌面上，右击我的电脑图标，点击属性命令，在点击高级，最后点击环境变量，就可以进行设置了。假如：JDK 安装在 C:JDK11Tomcat 安装在 D:Tomcat则就要在系统环境变量里新建 CLASSPATH 变量、JAVA_HOME 变量、TOMCAT_HOME 变量。CLASSPATH=”C:JDKbin”;JAVA_HOME=”C:JDK”;TOMCAT_HOME=”D:Tomcat”。三、与 ASP 和 PHP 的比较 ASP 内含于 ISS 中，提供一个服务器端的脚本应行环境。ASP
23、 无须编译即可解释执行，可以同任何 Activer 脚本语言兼容。除了可使用 VBScript 和 Jscript 语言来设计外，还可以通过 Plug_in的方式，使用第三方提供的其他脚本语言，例如 PerlScript 语言。但是在执行这样的脚本语言时，它的安全性不是很好，而且还要安装补丁程序及时更新系统。PHP 使用的是类似 Perl、C+和 Java 语言的跨平台的服务器嵌入式脚本语言，代码被 Zend引擎解释执行。PHP 支持目前绝大多数的数据库并且有同许多数据库相连接的函数，它与 MYSQL数据库是最好的组合。但是它提供的接口支持不统一，这就是它的不好的地方，另外，它还缺乏规模支持和
24、多层结构支持，不支持分布计算。JSP 使用的是 Java 语言的代码，可跨平台运行，具有速度快、运行开销小、可扩展性好及支持分布式处理等特点，是开发电子商务和大型网站的最佳工具。它具有了 ASP 和 PHP语言的绝大多数的优点。12第三章 网站的规划一、 网站的整体结构和站点的创建对于我的这个网站,首先要安装 JDK,然后安装 Tomcat,才可以在 Tomcat 的安装目录中，创建自己的新目录。如下代码所示，就可以在目录下创建新目录 test1 这样，除了原来的 examples 和 Root,又多了一个目录。站点环境美容服务公司是在 webapps/test1 目录下。这样该站点的地址就是
25、：http:/localhost:8080/test1/二、 数据库的建立在这里我就只列举数据库里的两个表：message 表里有三个字段，分别为：name、emote、content，name 的数据类型是 text（16）,emote 的数据类型是 char（10）, content 的数据类型是 text(16)。表 1： message 表member 表里有八个字段，分别为：logname、password、sex、age、eamil、phone、address、message,logname 的数据类型是 char(50),passage 的数据类型是 char(16),sex 的
26、数据类型是 char(2),age 的数据类型 int(4),email 的数据类型是 varchar(50),phone 的数据类型是 varchar(15),address 的数据类型是 varchar(50)。表 2： member 表13三、公共页面的设计为了使程序一致，我把多次出现的部分代码封装在几个公用的页面中。我将每个页面的顶部和底部包含在 header.inc 和 footer.inc 文件中。header.inc 这个文件放在部分文件的开头处，作为页面的顶部导航栏。它是用 HTML 语言来实现的，首先，要包含一些页面要用到的属性，文字的的属性为”gb2312”,文件格式为“t
27、ext/html”,可能会用到的语言，我这里用到的是 JavaScript 语言，然后是头文件里的内容，包含有：用户注册、站务联系、环境美容服务公司、一个滚动条、建筑设计、建筑样品、房屋装修装潢设计、汽车美容、汽车美容实例、园林设计、公共广场、公司转专卖店、给我留言、查看留言、聊天。这些内容都连接到相应的页面。它的运行效果如图 1 所示： 图 1 头文件图footer.inc 这个文件放在部分页面的底部，它是用 HTML 语言来实现的，它包括一些说明性的信息。它的运行效果如图 2 所示：14图 2 底文件图四、 JSP 中 JavaBeans 的使用（一）、JavaBeans 的特点本网站用到
28、了几个 JavaBeans 组件，下面将分别加以介绍它的一些特性。JavaBeans 是一个可重复使用的软件组件。实际上 JavaBeans 是一种 Java 类，通过封装它们所有的属性和方法成为具有某种功能或者处理某个业务的对象。在 JSP 页面中调用 Beans，可有效地分离静态工作部分和动态工作部分。 （二）、怎么编写 JavaBeansJavaBeans 分为可视组件和非可视组件。在 JSP 中使用的是非可视组件。对于非可视组件，没有必要去设计它的外观，主要关心它的属性和方法。编写 JavaBeans 就是编写一个 Java 类，所以只要会编写 Java 类就会编写Beans。这个类创
29、建的一个对象就是叫做一个 Beans 的类。为了能让使用这个 Beans的应用程序构建工具知道这个 Beans 的属性和方法。只需在类的方法命名上遵守以下几点：1、如果类的成员变量的名字是 xxx，那么为了更改或者获取成员变量的值，即更改获取属性，在类中可以两个方法。getXxx(), 用来获取属性 xxx。setXxx(Type x), 用来修改属性 xxx。2、对于 boolean 类型的成员变量，即布尔逻辑类型的属性，允许使用“is“代替上面的 get()和 set()。3、类中方法的访问属性都必须是”public”(公共型)的。4、类中如果有构造方法，那么这个构造方法也是 ”publi
30、c”(公共型)的，并且是无参数的。5、类中的成员变量应该都是”private”的。（三）、怎么使用 Beans15为了在 JSP 页面使用 Beans，必须要使用 JSP 的动作标签 useBean。uaeBean 的格式：或当服务器上含有 useBean 动作标签的 JSP 页面被加载时，JSP 引擎将首先根据的名字，在一个同步块中，查找 JSP 引擎内置 pageContent 对象是否有名字 id 和作用域 scope 的对象，如果这个对象存在，JSP 引擎就分配一个这样的对象给客户，这样，客户就获得了一个作用域是 scope，名字是 id 的 beans。如果在 pageContent
31、 中没有查找到指定作用域、名字是 id 的对象，就根据class 指定该 beans 的作用域是 scope，同时 JSP 引擎分配给客户一个作用域是scope、名字是 id的 beans。Scope 的取值有： 1、 page：JSP 引擎分配给每个客户的 beans 是互不相同的，也就是说，尽管每个客户的 beans 功能相同，但是它们占有不同的内存空间。该 beans 的有效范围是当前页面，当客户离开这个页面时，JSP 引擎取消分配给该客户的 beans。 2、 request：JSP 引擎分配给每个客户的 beans 是互不相同的，该的有效范围是 request期间。客户在网络的访问期
32、间可能请求过多个页面，如果这些页面含有 scope取值是的 useBean 标签，那么 pageContent 对象在每个页面分配给客户的beans 也是互不相同的。引擎对请求作出响应之后，取消分配给客户的这个beans。3、 session：JSP 引擎分配给每个客户的 beans 是互不相同的，该的有效范围是客户的会话期间，也就是说，如果客户在多个页面中相互连接，每个页面都含有一个16useBean 标签，这些 useBean 标签中 id 的值相同，并且 scope 的值都是session，那么，该客户在这些页面得到的 beans 是相同的一个。如果客户在某个页面更改了这个 beans
33、的属性，其他页面得到的这个 beans 的属性也将发生同样的变化。当客户关闭浏览器时，JSP 引擎取消分配给客户的 beans。4、 application:JSP 引擎为每个客户分配一个共享的 beans，也就是说，所有的客户共享这个 beans， 如果一个客户改变这个的某个属性的值，那么所有客户的这个的属性值都发生了变化。这个直到服务器关闭才被取消。(四)、Beans 的存放位置以及怎么引用为了使服务器的所有 Web 服务器目录下的 JSP 页面文件能使用 Beans。必须将上面生成的字节码文件即是（.class）复制到 JSP 引擎的 classes 文件下。也就是把这个文件放在 Tom
34、cat 的安装目录的 classes 目录下的中。如果你的机器的 Tomcat 服务器安装目录为：D:Tomcat,则你的字节码文件就应该放在这层目录的 calsses 的文件里。如果你是另外创建的目录，就应该在你创建的目录下再创建一个文件夹，命名为 WEB-INF,在这个文件下再创建一个文件夹，命名为 classes，把你的经过编译生成的字节码文件（.class）存放在这个目录下，这样 JSP 引擎就能找到这个文件了， 当然，第一种方法也可以用到第二种方法中，也能找到字节码文件。在使用 beans 的 JSP 页面中，必须要在页面开头处有如下的 import指令： 。17第四章 用户注册和登
35、录一、 用户注册用户注册页面的内容有：用户名称、设置密码、用户性别、用户年龄、电子邮箱、用户电话、联系地址、其他信息。用户通过提交用户名称、设置密码、用户性别、用户年龄、电子邮箱、用户电话、联系地址、其他信息实现注册。当 request 对象获取这些信息后，首先检查输入的用户名称的形式是否符合要求，如果不符合要求就提示用户输入的用户名称不对，然后再检查散列表对象是否已经存在这个名字，该散列表存储了已经注册了用户的名字。如果目前准备注册的用户提交的用户名称在散列表中已经存在，就提示客户更换用户名称，顺次下来，检查输入的密码是否符合规定的格式，例如：规定的密码位数是（610）之间的字符串，最后检查
36、输入的 E_mail 格式是否符合要求，输入的电子邮件地址里是否有”和“.”这样的字符。如果都对，将被允许注册。散列表是使用相关关键字查找被存储的数据项的一种数据结构，关键字不可以发生逻辑冲突，即两个数据项不能使用相同的关键字。散列表在它需要更多的存储空间时会自动增加容量。例如。如果散列表的装载因子是 0.75，那么当散列表的容量被使用了 75%时，它就把容量增加到原来的 2 倍。对于数组和链表这两种数据结构，如果要查找它们存储的某个特定的元素却不知道它的位置，就需要从开始访问元素直到找到匹配的为止，如果数据结构中包含很多的元素，就会浪费时间，这时最好使用散列表来存储要查找的数据。如果就这样使
37、用散列表，当服务器重新启动将会刷新散列表。所以应当将散列表存储到文件中，当客户访问时首先从文件中读出散列表，在这个散列表中查找已经注册的名字，如果文件不存在，那么该客户就是第一个注册的人，并负责将散列表写入到文件。其注册界面的效果如图 3 所示：18图 3 注册图二、 用户登录网站首先进入的就是登录界面，如果没有登录，就进不了本网站，登录页面的内容有：用户名和密码，当客户输入用户名称和密码后，提交这些信息后，就会到散列表所在的文件里去查找这些信息是否存在，它首先是去查找散列表所写入的文件里是否有用户名称，如果有用户名称就去查看是否与密码相匹配，如果与散列表里的用户名称和密码不匹配，则不能登录成
38、功，只有完全与注册时的数椐相同，才能登录成功。登录成功进入以后，服务器就为这个用户分配一个 Session 的 ID 号。登录界面的效果如图 4 所示：19图 4 登录图20第五章 网站的页面功能 本网站是通过下面这些文件来展示一些功能的，进入本网站的主页时，任何人都可以查看这些页面，但是其他页面只有当您登录进入后，才可以去实现网站的特殊功能。一、网页中的特殊效果文件这类文件有： shubiaozou.htm、wenzixiaoguo.htm、wenziguendong1.htm、wenziguendong2.htm，这些文件实现了某些特殊的功能和美观的效果。其中用到了 HTML 语言和Jav
39、aScript 语言，尤其是 JavaScript 语言实现了特殊的效果。其中shubaiozou.htm 文件实现了跟着鼠标走的文字效果。wenziguendong1.htm 和wenziguendong2.htm 文件实现了一串文字滚动的效果。这里就只描述鼠标功能的代码。定义存放坐标的变量（var x,y）,定义代表字符间隔的变量（var step），定义标志变量（var flag）, 下面定义的变量用于存放游动的字符串(var message; step=20; flag=0), 指定鼠标指针后面的文字(指定鼠标指针后面的文字), 把上面的字符串拆成单个的文字序列(message=mes
40、sage.split(“),定义一个数组用来存放鼠标指针后各个字符的横坐标(var xpos; xpos=new Array(),把该数组各项值赋成-50, 定义一个数组用来存放鼠标指针后各个字符的纵坐标, 把该数组各项值赋成-50, 定义用于处理鼠标移动的函数(function mousemove(e), 定义实现跟随鼠标的功能函数(function snaketext()30 毫秒后,再次执行该功能函数(setTimeout(“snaketext()“,30)。有了上述这些定义后就可以实现鼠标的移动功能 。其中 shubaiozou.htm 的部分重要代码参见附录：二、导航和底部文件 这类
41、文件有：header.inc 和 footer.inc。这些文件就是装载在表格之中的，这两个（.inc）文件就是已经提到过的公共页面中的头部文件和底部文件。头部文件就是放在每个文件的开头的文件，底部文件是放在每个文件的底部，这两个文件的一些功能已经在前面第三章中描述过了，这里就不再描述了。有关代码参见附录。21三、页面内容 （一）、建筑物设计这两个页面是建筑设计的内容，其功能和作用是让用户了解建筑行业和建筑设计方面的相关知识。其中的技术有：两个页面都用了同一种技术，就是进入该页面后，每当移动鼠标时，就会有一行字跟随着鼠标移动，它是通过“JavaScript”语言实现的，当鼠标移动位置时，这行字
42、的首字就去寻找鼠标所在的位置，所以当移动鼠标时，就会让你看到这行字也在闪动。就因为这样，使你错误的感觉到这行字会动。让你看起来很美观，该页面上主要显示的是文字的东西，只是让这些字都居中了，在文字两旁加载了两个图片。这样看上去非常美观。其实现过程是：可以从 shubiaozou.htm 文件中代码后的注释行里看出，具体的代码见附录。在这两个(.jsp)里就是用 JSP 里的动作标签来完成的，在这两个文件里都用到了这样的语句，,和。建筑设计图纸可以到我们公司的专卖店里买到。它的效果如图 5 所示：22图 5 建筑设计图（二）、建筑设计样品这三个页面是建筑案例的内容，其功能和作用是让用户了解本公司的
43、一些建筑特色和建筑设计技术，这三个页面完全是显示本公司的建筑特色，本公司可以设计并建造各种建筑物，这里指的建筑物是只可供人们使用的一切建筑物（商品房），这三个页面显示了我们公司曾经设计并建造了的一些体现各种特色和各种类型的建筑物，它们体现了古典建筑的特点、现代化和浪漫别墅型的建筑物。设计这三个页面的技术是用 HTML 语言中的表格，用它把这些建筑图片部署得更加得体，使你看上去更加美观。我们公司还可以为你设计你想要的任何建筑图纸，并可以为你修建。它的效果如图 6 所示：23图 6 建筑样品图（三）、房屋装修装潢设计社会在进步，人类在发展，人们的各个方面的消费也不是过去的那么单纯，对自己的居所也要
44、求更高了，就这样使得商品房有了一个很大的市场，这样又显现出另外一个市场，因为花钱买过来的商品房是苍白的，不可以使用，就需要装修、装潢，使其美观、舒适。本网站就是提供给有房屋装修、装潢设计，house_dedign.jsp，该页面直接就显示了本公司的一些成功例子，也同样也是使用 HTML 语言中的表格设计，把这两个图片装载在其中，使你看上去很舒服。它的效果如图片 7 所示：24图 7 房屋装修、装潢图（四）、 汽车修理及案例 跟上述情况基本相同，在大城市里机动车辆非常之多，车辆众多，车出毛病的自然也很多，这样就使得很多人常为这样的一件事烦心，可是法律也没有一个合理的修车收费标准，很多人都拿这件事
45、没有办法，这是因为这个市场还没有真正走上竞争市场，换句话说某家这样的修理公司或是修理店就能垄断当地的那个市场。我们公司拥有一批纯技术的蓝领工人，技术很高。服务态度非常之好，而且本公司还推出一项新服务，就是上门修理，或是用本公司的拖车载你的车到本公司所在地进行修理，修理好之后，还送车上门，甚至解决了你的痛苦。(car_repair.jsp)页面显示了本公司的修理库、工厂和一些车的零件，使用 HTML语言的表格技术把这些图片布局得合理美观。而(car_example.jsp)页面显示了一些被本公司修理后的车，仍然跟以前一样新，性能也没有任何减退。本公司专卖店里为你提供了大量的进口名牌新车和国产名牌
46、车新车和二手车，进口的和国产的都有。您可以到本公司的专卖店里购买。它的效果如图 8 所示：25图 8 房屋装修、装潢图（五）、 园林和公共广场设计这两个页面体现了本公司在园林设计和公共广场设计方面的技术和特色，还布局了你个成功样式在该页面，使你读本公司的技术和服务满意。这两个页面使用一种技术，就是 HTML 语言的框架技术，这样使得层次和页面都很清楚，使用户在浏览这些页面时更方便、视觉上更舒服。其中 park_design.jsp 包括有下面这些页面：park_design.jsp、park_design2.jsp、park_lest.jsp、park_right1.jsp、park_righ
47、t2.jsp、park_right3.jsp、park_right4.jsp 和 park_riht5.jsp。它的效果图片列举两个如图 9 和图 10 所示： 这个是园林设计图，它是由框架来设计的。26图 9 园林设计图这个是园林设计中的一种设计，相地园林，这种园林主要是就地取材，将当地的好风景利用到园林中来。图 10 相地园林图27第六章 网站的特色功能一、 关于留言（一）、 留言留言页面是由(give_message.jsp)来实现的，它是实现用户与本网站的管理员的留言用户可以查看自己的留言。它的实现是与数据库的连接，前面第二章里已经描述了 JavaBeans 的相关知识，JavaBea
48、ns 同样可以用来封装与数据库的连接，这里就不再重复描述，这里的方法不是用 JavaBean 来实现的，而是用另外一种方法实现。就是直接与数据库连接，建立与数据库的连接需要五个步骤：1、导如 JDBC 标准类库JDBC（Java DateBase Connectivity ,Java 数据库连接）是一种可执行 SQL（Structured Query Language 结构化查询语言）语句的应用程序接口，为了将服务器从客户端接收到的信息存如数据库，需要使用 JDBC 标准类库，所以需在此程序的开始加入以下语句：import java.sql.*;2、注册数据库驱动程序在一个 JDBC 的驱动程
49、序被用来建立数据库连接之前，必须向数据库驱动程序管理器注册该驱动程序。管理器的主要职责是保证所以的驱动程序对象可被JDBC 的用户程序访问。当一个 JDBC 驱动程序被载入时，它将自动地在驱动程序管理器上注册。可以通过调用 Class.forName()方法来载如一个 JDBC 驱动程序：String sDBDriver=”sun.jdbc.odbc.JdbcOdbcDriver”;Class.forName(“sDBDriver”);Class.forName()是 Java 的 Class 类的静态方法，它是使 Java 虚类机动态地寻找，载如并连接指定的类。如果该类无法被找到，则该方法将抛出 ClassNotFoundException 类的异常。28一个 JDBC 的驱动程序就是一个可以通过 classpath 找到的一个 Java类。这里载入的 JDBC_ODBC 桥驱动程序就在 sun.jdbc.odbc 包中。3、建立数据库连接载入有个正确的驱动程序后，就可以用它来建立与数据库的连接了，一个 JDBC 的数据库连接是用数据库 URL 来标记的。连接标记将告诉驱动程序管理器使用哪个驱
