JSP个人网站的建设—计算机毕业设计(论文)

1、毕业设计说明书JSP个人网站的建设目 录摘 要IAbstractII第1章绪论11.1课题背景及开发技术介绍11.1.1 课题背景介绍11.1.2 数据库应用开发技术11.1.3 JSP技术概述21.2 本文主要工作41.3 论文结构组织5第2章 JSP运行环境及相关开发软件简介52.1 JSP运行环境52.1.1 相关软件介绍52.1.2 JSP环境的配置方案52.2 开发软件的介绍72.2.1 Dreamweaver MX 2004的简介72.2.2 Dreamweaver MX 2004的特点72.2.3 Fireworks MX 2004的简介92.2.4 Fireworks MX 2

2、004的特点9第3章 网站的总体设计123.1 网站设计的目的和意义123.2 网站设计语言的选择123.3 网站系统简介13第4章 网站各功能模块的实现154.1 文件上传模块的实现154.2 邮件发送模块的实现164.3 免费资源下载模块的实现174.4 论坛模块的实现184.4.1 用户注册模块的实现194.4.2 用户登录模块的实现214.4.3 论坛文章显示系统224.4.4 用户发表文章系统设计224.4.5 论坛系统浏览方式的设计24第5章 数据库的设计255.1 所用到的后台数据库的设计255.2 SQL Server介绍及主要的数据库操作265.2.1 SQL Server介

3、绍265.2.2 数据库的连接28第6章 主要界面的设计与实现316.1主页的设计316.2 邮件发送及文件上传页面的设计326.3 随笔交流论坛页面的设计与实现336.5 网址大全页面的布局34第7章 总 结347.1 开发设计工作总结347.2 进一步的开发设计工作34参考文献35摘 要随着网络技术的飞速发展，各公司、学校、集团都推出了自己的网站。个人要跟上时代的发展，也必须拥有自己的个人网站。本课题就是基于JSP的个人网站开发，其开发主要包括前台的界面设计、前端应用程序开发和后台数据库的建立及维护两个方面,对于前者要求功能切实可行,界面美观大方；后者要能通过使用数据库正确实现简单的论坛功

4、能。经过分析比较,我采用了JSP加SQL数据库的形式，因此本人针对此次系统的开发要求,对Dreamweaver MX 2004, Fireworks MX 2004,SQL 2000,SQL 语言和JSP进行了较为深入的学习和应用。在本课题中，本人从学习JSP和Dreamweaver开始，逐步完成了文件上传、邮件发送、免费资源下载、交流论坛和网址大全等模块，并申请使用了免费的相册空间。总之，利用网络的优势，网站大大方便了个人和外界的工作、学习和交流。关键词：JSP，Dreamweaver MX 2004，SQL数据库IAbstractWith the development of networ

5、k technology, many corporation and university has issued their Website. People would like to own their personal website to stay abreast of the development of our times. This is a article about personal home pages are based on Java Server Pages. Its development mainly includes two aspects, such as th

6、e development of foregrounds interfacial design, application procedure and backed-databases established, service. For the former, the complete function of application procedure and Easy to use and the interfacial is in good style. The function can be run well in the bbs by used the database requeste

7、d for the latter.After analysis actual situation, I used the form with JSP and SQL database. Regarding this systematic development request to Dreamweaver MX 2004, Fireworks MX 2004,SQL 2000,SQL language and JSP ,I Has carried on a more thorough study and put it in practice。In this article, I started

8、 with studying JSP and Dreamweaver and bring about gradually their module: such as file upload, send mail, download free source, forum, apply for free album room and so on. In a word, this Website is more convenience in the work , study and community of ourselves by using the advantages of Internet.

9、Keywords: JSP, Dreamweaver MX 2004，SQL database，SQL languageII第1章绪论11.1课题背景及开发技术介绍11.1.1 课题背景介绍随着Internet的迅速发展，Web服务因为其优秀的易用性而成为Internet所提供的最重要功能之一。各公司、集团和学校都纷纷推出了自己的网站，电脑上网也在众多家庭中变得越来越普及。在良好的上网环境中，很多个人也已经不仅仅满足于网上冲浪，而是希望能够更加深入地参与其中，建设一个属于自己的网上家园个人网站。在这个“家”中，我们不仅可以充分展现自己的个性和才能，还能结交更多的朋友，所以建设好一个属于自己的W

10、eb站点就成了我们迫在眉捷的一件事情。早期的网站技术，只是简单的静态页面的制作。用户使用简单的超文本标记语言（HTML语言）来设计网页，这些简单的HTML文档在被设计完成之后保存在WEB服务器上，任何连入互联网的用户都可以访问这些页面从而获取网站的信息。然而，网页设计完成以后，它所提供的信息就不会变化。它仅仅提供小量信息服务，没有服务器端/客户端的概念；如果信息有什么变化，只能通过手工去修改里面的代码才能做到对网站的维护更新。随着技术的进步，Internet的进一步普及，广大互联网用户对Web站点的需求越来越多样化，传统的网页设计模式静态页面设计已经远远不能满足用户的要求。这时，用户希望自己的

11、Web站点能够根据用户的客户端输入做出不同的反应，能够与用户进行动态交互。为了解决这个问题，将传统的编程技术引入互联网络与Web技术相结合，通过在传统的静态页面中加入各种程序和逻辑控制等手段，从而能够实现用户与服务器之间动态和个性化的交流与互动，这也就是我们的动态网站设计技术。通过动态技术，人们将不再需要非常费时而且是十分艰巨的去手动修改一张一张的页面。在现今这个各种动态网页技术层出不穷的情况下，选择一种适时的动态网页技术进行网站的制作，突破以往网站的局限性是非常必须的；是适应时代的需要，适应社会的需要，适应个人需要的一种迫切的要求。1.1.2 数据库应用开发技术数据库技术在计算机软件领域研究

12、中一直是非常重要的主题，产生于60年代，30多年来数据库技术得到了迅速发展，并已形成较为完整的理论体系和一大批实用系统。并且，近年来，随着World Wide Web(WWW)的猛增及Internet技术的迅速发展，使得数据库技术此时成为最热门技术之一。1.1.3 JSP技术概述在网站设计技术中，常见的动态技术有CGI(Common Gateway Interface)通用网关接口，ASP技术，PHP技术及JSP技术。CGI程序对语言的适应能力强，具有良好的灵活性和可移植性，开发效率比较高，但它一般以单独程序的形式存在于Web服务器上，在重负载的情况下，使用CGI的Web性能远比其他方法要差得

13、多。PHP技术简单易用，运行速度也快，具有良好的跨平台性和数据库功能强大等优点，但它不支持未来企业计算的三层结构模型。缺乏整体架构能力和分布式特点。因此，它只能作为中、小型网站的开发工具。拿JSP和强大的ASP技术相比，我们可以总结出以下几点：1、 运行速度比较：ASP的编程语言是VBScript之类的脚本语言，JSP使用的是Java，在ASP下，VBScript 代码被ASP 引擎解释执行；在JSP下，代码被编译成Servlet并由Java虚拟机执行，这种编译仅在对JSP页面的第一次请求时发生。可以看出同等条件下，JSP的性能远远优于ASP。2、 在开发方面，ASP中COM的开发远比Java

14、Bean复杂和繁琐，学业会开发COM必须掌握烦琐的API库。而JavaBean就简单多了，会Java语言的人即可迅速掌握JavaBean的开发。3、 在组件的发布方式上，ASP中的COM必须在服务器上注册，如果修改了COM程序，就必须重新注册，甚至必须关机和重新启动。JavaBean则不需要注册 ，放在ClassPath包含的目录中就行了。4、 运行平台的比较：在目前情况下，支持ASP的Web服务器很有限，只有微软的IIS和PWS(个人Web服务器)，只能运行在Windows平台上。而JSP可以运行在IIS、Apache等任何Web服务上，可以运行在包括Windows、Unix、Linux和S

15、olaris的等绝大部分系统平台上。可见JSP的运行平台更加广泛、跨平台性、可移植性也更好。5、 另外，JavaBean是完全的面向对象开发，可以针对不同的业务方便地建立一整套可重复利用的对象库，例如用户权限控制、E-Mail自动回复等等，代码复用程度很高。功能强大的JSP技术具有以下优点：1、内容的生成和显示进行分离使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来生成页面上的动态内容（内容是根据请求来变化的，例如请求帐户信息）。生成内容的逻辑被封装在标识和JavaBeans组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。

16、如果核心逻辑被封装在标识和Beans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。在服务器端，JSP引擎解释JSP标识和小脚本，生成所请求的内容（例如，通过访问JavaBeans组件，使用JDBCTM技术访问数据库，或者包含文件），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。 2、生成可重用的组件JSP系统开发时是采用表示层与业务层分离的形式进行的，业务逻辑都封装在可跨平台使用的JavaBean或EJB组件中，由于Java良好的可移植性，开发人员可以相互利

17、用跨平台的组件（JavaBeans或者Enterprise JavaBeansTM组件），从而大大提高了开发效率。3、采用标识简化页面开发Web页面开发人员不会都是熟悉脚本语言的编程人员。Java Server Page技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。标准的JSP标识能够访问和实例化JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能。4、通过开发定制化标识库，JSP技术是可以扩展的。今后，第三方开发人员和其他人员可以为常用功能创建自己的标识库。这使得Web页面开发人员能够使用熟悉的

18、工具和如同标识一样的执行特定功能的构件来工作。5、将内容的生成和显示进行分离分段与SERVLETS相比，JSP能提供所有SERVLETS功能，但它比用Println书写和修改HTML更方便。此外，你可以更明确的进行分工，WEB页面设计人员编写HTML，只需要留出地方让SERVLETS程序员插入动态部分即可。6、由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。7、作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处运行”的特点。随着越来越多的供应商将

19、JSP支持添加到他们的产品中，您可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的应用。从应用前景来说，目前一般的脚本语言都能很好服务于小型的应用，而不能适应大型的，复杂和应用。由于Java是结构化、面向对象的，因此JSP相对容易创建和维护庞大的、组件化应用程序。JSP突出的组件技术使修改内容而不影响逻辑或修改逻辑而不影响内容变得很容易实现。企业级的JavaBeans结构整合了企业逻辑，例如数据库的访问，安全，事务完整性与独立性，做到真正的分布式应用。JSP技术是一种开放的、跨平台的结构，因此，Web服务器、平台及其他的组件能很容易升级或切换，且不会影响JSP基本的应用程序。这一

20、特点使得JSP能够适用各种Web应用程序不断的变化和发展。因为JSP技术是基于Java的开放性过程的产品，所以它能够广泛支持不同提供商提供的工具、Web服务器和应用程序的服务，这样能够使用户选择最佳的开发方法，选择最适合他们的应用程序开发的工具包，同时，有效地保护用户在代码和人员培训上的投资。1.2 本文主要工作论文先对JSP技术做一个简要介绍，然后从网站的各个角度分别做了分析，解释和做出结论。重点体现在网站所实现的功能用到的技术，还有个人网站的设计和制作，以及在制作过程中的发生或总结出的几个问题和它的解决方案。具体工作如下：（1）参考一些网站和技术资料，分析和比较WEB开发设计的目前水平和以

21、后的发展趋势，通过对比CGI、ASP、JSP、PHP等脚本技术，最后选定JSP作为本网站的脚本语言来开发网站。（2）对所用到的主要开发工具作一个简介，包括JSP的运行环境及系统配置，Dreamweaver MX 2004的简介及Fireworks MX 2004 的简介。（3）对网站的总体设计做出一个简介，然后从各功能模块逐一介绍它所用到的技术和实现过程。（4）具体的网站的开发过程中所涉及到的数据库的设计及操作，及画出所使用到的算法和流程图。（5）网站界面设计与制作的介绍及展示出部分效果图。1.3 论文结构组织本文主要针对该系统的开发所需要环境的配置及开发软件进行了简要的介绍，并介绍了个人动态

22、网站的分析，设计和最后的实现。本文的组织结构具体如下：第一章对系统的开发背景和所用到的技术进行了简明的介绍，并列出了论文的组织结构。第二章介绍了JSP运行环境及具体开发工具Dreamweaver MX 2004和 Fireworks MX 2004 的特点。第三章是对网站总体设计的介绍。第四章对网站的主要功能模块的设计及实现过程逐一进行详细介绍和讲解。包括文件上传模块，邮件发送模块，免费资源下载模块，论坛模块。 第五章对网站所涉及到的数据库部分做出详细介绍。具体列举了所用到的数据库的结构，分析了数据库的访问及读写操作的过程。第六章针对网站的界面设计和制作做一个简介，列出了部分效果图。第七章是对

23、开发设计的一个总结及日后的进一步开发工作的设想。41第2章 JSP运行环境及相关开发软件简介2.1 JSP运行环境2.1.1 相关软件介绍1J2SDK：Java2的软件开发工具，是Java应用程序的基础。JSP是基于Java技术的，所以配置JSP环境之前必须要安装J2SDK。2Apache服务器：Apache组织开发的一种常用Web服务器，提供Web服务。3Tomcat服务器：Apache组织开发的一种JSP引擎，本身具有Web服务器。的功能，可以作为独立的Web服务器来使用。但是，在作为Web服务器方面，Tomcat处理静态HTML页面时不如Apache迅速，也没有Apache健壮，所以我们

24、一般将Tomcat与Apache配合使用，让Apache对网站的静态页面请求提供服务，而Tomcat作为专用的JSP引擎，提供JSP解析，以得到更好的性能。并且Tomcat本身就是Apache的一个子项目，所以Tomcat对Apache提供了强有力的支持。对于初学者来说，Tomcat是一个很不错的选择。2.1.2 JSP环境的配置方案 在做本系统时，本人使用的是J2SDK +Tomcat的配置， 因为对于初学者，这是一个比较容易实现的方案。具体步骤如下：1安装J2SDK第一步：执行j2sdk-1_4_2_03-windows-i586-p.exe，按照向导安装到想要安装的目录，如D：J2SDK

25、1.4.2。第二步： 设定J2SDK 1.4.2_03从【开始】【设置】【控制面板】【系统】【高级】【环境变量】【系统变量】，然后到【新建】。JAVA_HOME = C:j2sdk1.4.2_03PATH = %JAVA_HOME%binCLASSPATH = C:j2sdk1.4.2_03libtools.jar；C:j2sdk1.4.2_03libdt.jar;注意1. CLASSPATH 的设定中，分号(;)用来分开两路径，切勿任意空格；2. CLASSPATH 的设定中，分号的最后还有一个点“.”。补充不论Windows 2000 或Windows XP 皆可依上述方法设定。第三步：测

26、试J2SDK。撰写一个HelloWorld.java 程序，放置在C:HelloWorld.java 中。HelloWorld.javapublic class HelloWorld public static void main(String args) System.out.println("Hello World");打开命令提示符，在D: 下输入javac HelloWorld.java，然后再输入java HelloWorld，执行HelloWorld 程序，假若顺利成功，则会显示“Hello World”。成功安装J2SDK 1.4.2_03 之后，紧接下来安装

27、Tomcat 5.0.16。2 安装Tomcat 5.0.16本网站使用的Tomcat 版本为5.0.16，它是由JavaSoft 和Apache 开发团队共同提出合作计划( Apache Jakarta Project )下的产品。Tomcat 能支持Servlet 2.4 和JSP 2.0 并且是免费使用。第一步：执行jakarta-tomcat-5.0.16.exe，按照向导将Tomcat装到想要安装的目录，如：D:Tomcat5.0。第二步：配置Tomcat的环境变量，仍然是在系统环境变量中设置Tomcat_Home= D:Tomcat5.0Classpath= D:Tomcatweb

28、appsROOTWEB-INFclasses 第五步：测试Tomcat。打开浏览器，如IE，输入http:/localhost:8080，假若Tomcat安装成功，则会看到Tomcat的欢迎界面。2.2 开发软件的介绍2.2.1 Dreamweaver MX 2004的简介对于创建专业 Web 站点而言，世界上最好的方法现在莫过于最简单的建立功能强大的 Internet 应用程序的方法。您可以在单一环境下工作，从而快速创建、建立和管理 Web 站点和 Internet 应用程序。获取 Dreamweaver® 的可视布局工具、Dreamweaver® UltraDev 的快

29、速 Web 应用程序功能以及 HomeSite® 的代码编辑支持，所有这些都可以在 Dreamweaver® MX 这一完整的集成解决方案中完成。2.2.2 Dreamweaver MX 2004的特点1 卓越的可视环境-简单易用使用macromedia的可视化开发环境，你只需通过简单的拖拉技术（Drag&Drop），将"Objects"窗口中的对象拖到"Documentwindow"中即可。2 所见即所得的强大功能没有一个Web编辑软件能像Dreamweaver一样，具有所见即所得的功能，你可以在"Properti

30、es"（属性）窗体中调整参数，即刻在"Documentwindow"窗体中看到它的改变，如果你按下"F12"，Dreamweaver会自动生成HTML文件格式，供欲览，以便开发人员进一步调整。3 方便快速的文本编排与"Word"相似，具有强大的文本编辑能力，你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗体中输入文字，通过快捷的右键，选择例如"Font"（字体）类的选项进行编辑

31、，也可以利用"Text"菜单进行更为细致的排版编辑。4 专业的HTML编辑-Roundtrip HTML Dreamweaver与现存的网页有着极好的兼容性，不会更改任何其他编辑器生成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困惑。5 高质量的HTML生成方式 由Dreamweaver生成的HTML源代码保持了很好的可读性。代码结构基本上同手工生成的代码相同，这使得设计者可以轻易掌握代码全局并加以修改。6 实时的HTML控制设计者可以在可视化或者文本这两种方式下进行页面的设计，并且可以实时的监控HTML源代码。当设计者对代码作出任何改动时，结果将立刻显示

32、出来。7 与流行的文本HTML代码编辑器之间的协调工作Dreamweaver可以与目前流行的HTML代码编辑器（如BBEdit、HomeSite等）全面协调工作。已经习惯于使用这些纯文本编辑器的设计者将在不改变他们原有工作习惯的基础上，充分享受到Dreamweaver带来更多功能。设计者可以使用文本编辑器直接编辑HTML，同时使用Dreamweaver生成较为复杂的动画、表格、Frame、JavaScript等。（Dreamweaver分别为Windows用户以及Macintosh用户提供了完全版的HomeSite及BBEdit这两个目前最流行的代码编辑器）。8 强大的DHTML支持动态HTM

33、L是4.0浏览器支持的新功能，将在未来广泛应用于网络。这项技术可以增强页面的交互性、提高下载速度、使页面更美观更易于设计且富有动感。Dreamweaver 对DHTML完全支持，并提供了与之相关联的四大功能。而其它的可视化网页编辑工具几乎不提供或只小部分提供动态HTML的制作。9 重复元素库在Dreamweaver中定义的一个站点内，设计者可以将重复使用的内容（例如Header、Footer等）独立定义。这样设计者在需要这些内容的地方只需做一个简单的插入就可以了。而且当元素库中定义的内容被修改后，整个站点中设计同样内容的地方将统一发生变化而无需再逐一修改。10 基于目标浏览器的检测目前浏览器更

34、新换代很快，从2.0到4.0层出不穷。同时又有IE和Netscape两大阵营竞争。设计者制作出的网页必须面向功能不同的浏览器并保持其正确性。这是一项比较困难的工作。而Dreamweaver不仅在设计时可以基于不同的目标浏览器进行不同的设计，而且在页面制作完毕后，Dreamweaver可以基于目标浏览器对页面进行检测并给出报告。在报告中将显示出被检测页面的兼容性以及在不同浏览器中页面的区别，同时还将指出页面中HTML的句法错误。11 FTP在Dreamweaver中包含了一个界面极为友好的FTP工具。通过它，设计者可以非常方便的将设计的单一页面或者一个站点上传至服务器。同时，设计者还可以非常方便

35、的将已经上传至服务器的文件下载以供参考和修改。在文件传输的过程中，Dreamweaver将记录下整个过程以供错误分析。12 文件锁定这是一种专为合作开发环境设置的档案机制。可以通过标记和取出机制设置只读或可编写属性来进行文档的保护。通过这种方法可以防止不必要的数据丢失，增强了安全性。2.2.3 Fireworks MX 2004的简介Macromedia® Fireworks® MX 是一种强大而使用简便的工具，用于在单一的、以 Web 为中心的环境中创建、优化和导出交互式图形。无论是 HTML 开发人员，还是设计专家，Fireworks MX 提供的工具可使每一位 Web

36、 图形专业人员都感到得心应手。Fireworks MX 优化了界面，使用户可以轻松制作图形对象，从简单的图形按钮到具有复杂变换效果和弹出菜单都易如反掌。2.2.4 Fireworks MX 2004的特点1选择性JPG压缩 通过对指定的不同区域进行不同及别的压缩使减小图片尺寸有更深层的选择。当次要区域，例如背景等进行压缩后，主场景的影像将显得更清晰亮眼。2 选择背后工具 如果你不知道这个功能，选取位于其他元件背后的元件是个痛苦的经历。在你需要选择这样的元件，可以按V键，把选择工具切换到选择背后工具。3 输出区域工具 分不同区域输出比较页面到Dreamweaver重组， 使用位于选择工具群组中修

37、剪工具下的输出区域工具。 你可以为对照文件指定不同的压缩设置，甚至不同的影像格式，而不需要进行实际切片操作。4 跨平台色调反差预览 相对于苹果机来说，视窗的视讯装置色调反差更深。所以颜色在PC下会更显暗些。要看你制作的图形在别的平台上显示的情形，根据你的现有平台选择View->Windows Gamma或View->Macintosh Gamma。5 储存最优预设值 为利于重复使用，有必要储存你最满意的影像优化设置。选择优化面版右上角弹出菜单中的Save Settings.，你的新设定选项将出现在优化面版顶端的下拉菜单内。6 自动控制功能 Fireworks提供了些自动重复作业的便

38、利选项。批处理是大量图片理想的自动创建缩图、图形优化或滤镜应用的处理手段。要创建批处理程序，选择File->Batch Process，然后根据精灵向导的指示完成你的步骤。对于快速而随性的自动化处理，历史记录面版提供了个简单的解决方案。只需要在历史记录面版选择整套步骤并回放或存成可再使用的命令即可。7 表格重建如果你有装满切片的整个HTML表格，但是你没有PNG源文件，表格重建命令将协助你解决问题。选择File->Reconstitute Tables，指定任一包含图片切片表格的HTML文件，Fireworks会把它导入并整合成PNG文件。Macromedia定义的javascri

39、pt行为命令，例如翻转图像和弹出菜单等，会一并导入并挂靠在相应的切片中。8 先进的文字与路径操作 要创建文字缠绕于复杂路径的效果，只需简单画好路径，打完字，并选择Text->Attach to Path依附路径命令。若要重建部分自由路径，可使用重画路径功能（在钢笔工具下）。六种其他有用的路径命令可在Modify->Alter Path下找到。9 量身定做的HTML输出 用户常抱怨Fireworks生成代码的质量。有些人需要在空的表格单元格中有间隔图片（spacer）；而其他人需要不间断空间；有些人需要标准兼容的XHTML表格；而有些人根本不要任何表格，他们更倾向于相对定位的CSS层

40、。Fireworks可满足所有这些代码样式，而且还更多！使用输出Fireworks的对话选项来控制代码的输出。10 与Macromedia FreeHand双向的制图作业 众所周知Fireworks跟Flash和Dreamweaver配合无间。不过FW一样整合了MM公司的另一套Studio产品FreeHand。你能够导入FreeHand设计和编排的文件到fireworks，并编辑文件、物件及实时特效。然后加上互动协作到Fireworks文件并加以优化来节省空间。当你再度输出文件回到FreeHand，它们仍会保持可编辑状态。第3章 网站的总体设计3.1 网站设计的目的和意义一谈起“万维网”,真可

41、谓无人不知、无人不晓,虽然它只是附属在Internet下的一项服务,但是WWW却以轻快的界面、美丽的图片、生动的特殊效果、高度的互动关系等其他无法替代的特征，使得它在近几年内迅速崛起，在人们心目中，它几乎已和Internet划上了等号了！处于这样一个高速发展的信息时代，我们个人要为自己、为用人单位、以及社会各界人士提供一个相互了解、学习、交流的场所，充分的利用网上丰富的资源,那么就要建立起一个属于自己的网上的家个人网站。这样如果我们想要发布一个消息，就再也不用一定要逐个人的打电话，发信函，只要在有电脑上网的地方，即可以轻而易举的一次性发出通知来，要想用人单位对自己有一个了解，也不用非常辛苦的一

42、家一家亲自去投递简历，把资料发布到网页上就可以了。网站的出现也使得我们的交流更加的灵活，方便，快捷和智能；有了个人网站，同学之间、朋友之间都可以通过这个网站互相的交流学习，取长补短、吸取别人的经验和教训；由于它的出现，使得我们的工作量下降而工作效率却得到大幅度的提高。3.2 网站设计语言的选择简单的HTML的静态页面已经不能满足目前我们对网站的要求，对网站的动态需求，目前最常用的三种动态网站开发脚本语言有ASP（Active Server Pages）,JSP(Java Server Pages)和PHP(Personal Home Page Tools)。作为一个网站建设初学者，当然希望能选

43、择一种最好的最具有长久适用性语言进行开发。在以上几种动态网站设计技术中，PHP运行速度较快，跨平台性比较好，数据库功能也比较强大，非常灵活易于扩展，但它最大的缺点是不支持未来企业计算的三层结构模型，缺乏整体架构能力和分布式特性。因此，它只能作为中小型网站的开发工具。JSP与ASP从完成功能上来讲是相近的，但它们有着以下几方面的不同：1、从分布式应用系统的角度看，ASP主要用于表示层，对于写业务层很不方便；由Servlet发展而来的JSP就是通过JSP调用JavaBean,实现表示层和业务层的整合，达到分布式应用。2、从运行速度方面看，由于ASP的编程语言是VBScript之类的脚本语言，代码被

44、ASP引擎解释执行；JSP使用Java，代码被编译成Servlet并由Java虚拟机执行，这种编译操作仅在对JSP页面的第一次请求时发生。所以JSP的运行速度要比ASP快得多。3、从运行平台看，目前支持ASP的WeB服务器很有限，只有微软的IIS或PWS（个人Web服务器），只能运行在Windows的平台上。而JSP可以运行在IIS、Apache等任何Web服务器上，可以运行在包括Windows、Unix、Linux和Solaris的等绝大部分系统平台上。可见JSP的运行平台更加广泛，跨平台性、可移植性也更好。3、从开发效率比较：ASP与JSP都为嵌入式语言，开发效率都比较高，但JSP技术的一

45、些特点使得开发更加迅速、快捷。主要表现在：（1）内容的生成和显示分离（2）可复用的组件（3）JSP可定制标签库（4）JSP的组件使用更方便。4、从应用前景看：目前来说一般的脚本语言都能很好服务于小型的应用，而不能适应大型的，复杂的应用。由于Java是结构化、面向对象的，因此JSP相对容易创建和维护庞大的、组件化应用程序。所以从长远来看，我们要掌握好JSP语言才能满足未来网站发展的需要。3.3 网站系统简介本个人网站是一个多样化的平台，它充分展示了个人风采，同时集成了一些我们最常用的功能，为我们的学习生活和交流提供了很大的方便。整个系统实现了我的相册，包括的功能模块有文件上传模块，邮件发送模块，

46、免费资源下载模块，随笔论坛模块，网址大全部分。进入这个网站，我们可以自由的发送邮件，随心所欲的到论坛进行交流灌水，还可以找到很多切实可用的免费资源，当然也可以将自己的精品收藏上传到Internet网络给大家共享。具体网站的总体结构设计图示如下：图3.1 网站总体设计图其中随笔论坛部分涉及到数据库的连接和使用，这一点将在以后章节中详细讲述。第4章 网站各功能模块的实现4.1 文件上传模块的实现我们在实际应用中，经常需要以Web的形式上载一些文件，因此设计了文件上传的功能模块。在这个模块中，是利用了J提供的一个JavaBean组件，它可以非常轻松的实现文件上载、指定类型文件上载、上载到数据库中及从

47、数据库中下载文件等强大的功能。我们先在站点目录下创建了一个upload的目录，然后它下面包含upindex.htm和upload.jsp两个文件，upindex.htm是一个典型的HTML文件，用户可以在此选择用于上载的文件，点击“上传”按钮后，此表单将提交给upload.jsp文件进行处理，在upload.jsp中，再通过调用JavaBean来实现文件的上载，同时统计已经上传的文件数目。其实现原理的基本流程图如下：图4.1 文件上传基本流程图具体实现上传的代码如下：int count=0: /定义计数变量mySmartUpload.initialize(pageContext); /初始化m

48、ySmartUpload.setTotalMaxFileSize(200000); /设定文件最大为200KmySmartUpload.upload(); /调用Bean的实例化对象的方法执行上载操作 try /在站点下的load目录中存储文件 count = mySmartUpload.save(“/mysite/load”); out.println(count+”file(s) uploaded”); /显示己上传成功的文件数 catch(Exception e) out.println(e.toString(); 4.2 邮件发送模块的实现在网上冲浪时我们经常要发送电子邮件，这一模块就

49、是为了避免大家频频切换网站的麻烦而可以很方便快捷的将电子邮件发送到各个邮箱。在本模块中用到的是Sun公司开发的为Java开发者提供的一套免费类库Java Mail API，它是一套在应用程序中加入邮件/通讯支持的简单工具，利用此套类库可以在JSP上快地实现基于Web形式的电子邮件功能。Java Mail API部分核心类的功能和作用介绍如下：javax.mail.Session类：是Java Mail API最高层入口类。通常用于为不同邮件协议控制和装载SPI（即Service Provideer Implementation）。如javax.mail.Store是通过Session类获得的。

50、javax.mail.Stroe类：用于实现特定邮件协议上的读、写、监视和查找等操作。通过javax.mail.Stroe类可以访问javax.mail.Folder类。javax.mail.Transport类：也是邮服务提供者提供的类，用于实现用特定协议发送消息/邮件。javax.mail.Message类：提供了E-mail消息模型的所有细节，如标题、发送/接收地址和发送日期等等。可以到获得此Java Mail API开发库，解开所获得压缩包后，将mail.jar所在系统ClassPath中加以指定。同样可以获得JAF(JavaBean Activation Framework)，并以同

51、样的方式处理activation.jar文件。首先编写一个HTML表单文件email.htm，主要为一封信件的典型内容项，然后HTML表单将从客户端获得的信息提交给email.jsp，email.jsp利用Java Mail API来实现在线发送邮件的主要代码如下：%page language=”java”%<jsp:useBean id=”MyMail” scope=”page” class=”Email.Email”/><% String smtp=request.getParameter(“smtp”); /获得email.htm传递的参数 String from=re

52、quest.getParameter(“from”);String to=request.getParameter(“to”);String subject=request.getParameter(“subject”);String body=request.getParameter(“body”);Out.print(“<font color=red>您给”+to+”的主题为”+subject+“的信件已经成功发出</font>”);Out.print(“<br>”);Out.print(“<br>”);MyMail.sendmail(smt

53、p,from,to,subject,body); /调用JavaBean的sendmail方法送信件%>以上的代码首先创建了邮件会话对象（session）、MIME邮件对象（message）以及系统属性对象(props)，然后实例化session与message。通过message对象和各种方法(setSubject、setText等等)设置邮件的主题、正文等各种内容。最后调用transport对象的send方法(参数为message对象)即可将信件发送。4.3 免费资源下载模块的实现 本模块为用户提供了两种途径的资源下载。一种是事先存储到站点下的各种文件，其实现下载的原理如下：只要所链

54、接文件属于浏览器无法识别的类型，（比如以.rar或.zip为后缀名的压缩格式文件）便都会使用IE浏览器直接进行下载，并保存到本地计算机中。第二种途径是直接从网上引用超链接以实现文件的下载，这样就大大节省了站点的空间。4.4 论坛模块的实现 在本模块中实现了一个简单的论坛系统，它所包括的子模块有用户注册，用户登录，论坛系统，其中论坛系统包括的版面有笑话欣赏、精品文章、计算机技术交流、英语角等。在此模块中可以将主控制模块分为两个部分：前台的显示模块前台的主控制模块主要起的作用是将所有的功能尽可能的在主页上都全部体现出来，通过JSP程序将数据库中的内容读出来显示在主页上，并且接收用户从客户端输入的信

55、息并写入数据库。当后台数据库中内容改变的时候，前台页面也要跟着发生变化。具体论坛的总体结构设计如图4.2所示：图4.2 论坛总体结构图后台的数据库模块。后台的模块主要是通过数据库来实现的，它负责存储用户从客户端输入的信息并进行编号，同时管理员也可以通过数据库对整个论坛实行动态管理，比如对贴子的删除，修改等工作。具体实现将在后面章节中详细介绍。4.4.1 用户注册模块的实现 在此模块中，用户首先通过一个完整的用户注册表单（在regindex.jsp的文件中）来填写好自己的注册信息，然后通过点击“注册”按钮，将表单信息提交给register.jsp进行处理。在regindex.jsp中，对用户的必

56、填信息进行了检测和控制，比如信息填写不完整的检测，两次密码输入不相等的检测，信息填写格式错误的检测等等。其设计的流程图如下：图4.3 用户注册流程图具体实现检测的代码如下： function isValid(form) if(form.id.value=”) alert(“登录名不能为空！”); return false; else if(form.password.value.length<3)|(form.password.value.length>8) alert(“密码必须是38位字线或数字！”);return false;else if(form.password.val

57、ue!=form.re_password.value) alert(“两次输入的密码不相同！”);return false; else if (form.e_mail.value="")|(form.e_mail.value.indexOf('',0)=-1)|(form.e_mail.value.indexOf('.',0)=-1)|(form.e_mail.value.length<6) alert("请您输入合法的E-mail地址!");return false; else return true; 在register.jsp文件中，利用request对象的getParameter()方法获得客户端提交表单的各个表单项的值，然后利用数据库连接的Bean进行判断，检测此用户名是否己经被注册，若己经被注册，则利用<jsp:forward>标签，用户将被自动引导至error.htm，否则将用户信息写入并保存在数据库中，用户注册成功，同时