《奉化黄贤村网站设计毕业设计论文.doc》由会员分享，可在线阅读，更多相关《奉化黄贤村网站设计毕业设计论文.doc（21页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、毕业技术实践项目综合实训报告奉化黄贤村网站设计学生姓名： 专业班级： 06多媒体（1）指导教师： 完成日期： 2008-1-15 宁波大红鹰职业技术学院软件学院20081目 录 摘 要 3第1章 概述 4 第2章 基本思路及制作过程 42.1 52.2 5第3章 制作技巧及心得 6 3.1 9 3.2 113 21 数据库连接部分3 22系统基本表生成部分3 23模板选择和网页生成部分3. 2. 4网页预览和修改部分第4章 详细设计 1141系统的实现42系统开发环境总结 20致谢： 21参考文献 22 奉化黄贤村村网制作摘要：Web开发技术是Internet应用的一个重要方面，而JSP又是W
2、eb开发的最先进的技术，是当前Web开发人员的首选技术。但是由于JSP对Web开发人员要求较高，所以许多一般的Web开发人员还不能够使用这一项先进的技术。讨论基于模板和标签库的JSP网页自动生成工具的设计和实现，提出具体的设计思想和实现方法。 关键词：JSP；自动生成；Web开发；标签；标签库；模板 第1章概 述：随着WWW（World Wide Web）的普及，动态网页技术也急速发展。从原来的CGI（Common Gateway Interface）到ASP（Active Server Page），都从某种程度上满足了网页开发人员对动态网页开发技术的需求。但是不管是CGI还是ASP都存在一定
3、的局限性，如CGI对服务器资源的耗费，ASP只能同Microsoft IIS一起使用等，这些都限制了这些技术的使用范围，极大地阻碍了它们的推广。广大的页面开发人员都热切地盼望一种统一的页面开发技术，该技术应该具有的特点：与操作平台无关，能够在任何Web或应用程序服务器上运行；将应用程序逻辑和页面显示分离；提供代码重用，简化开发基于Web的交互式应用程序的过程。 JSP（Java Server Page）技术就是被设计用来满足这样的要求的。JSP是由Sun Micro System公司于1999年6月推出的新的网页开发技术，它是基于Java Servlet以及整个Java体系的Web开发技术，是
4、Servlet21API的扩展。利用这一技术，可以建立先进、安全和跨平台的动态网站。 第二章基本思路及制作过程Java是未来的主流开发技术，具有很多优势。JSP则是Java在InternetIntranet Web上的重要应用技术，得到了广泛的支持和承认，它可以和各种Java技术完好地结合在一起，从而实现非常复杂的应用。 2.1 作为一种基于文本的、以显示为中心的开发技术，JSP提供了Java Servlet的所有好处。为了做到逻辑功能和显示功能分开，JSP已经可以和Java Beans、Enterprise Java Beans（EJB）和Servlet一起工作。JSP的开发人员可以通过使用
5、Java Beans、EJB和Servlet来完成大部分与网站逻辑相关的工作，而仅仅把显示的工作交给JSP页面来完成。内容和显示逻辑分开的好处在于，更新页面外观的人员不必懂得Java代码，而更新Java类的人员也不必是设计网页的行家。这就可以用带Java类的JSP页面来定义Web模板，以建立一个具有相似外观的页面组成的网站。Java类完成数据提供，在模板中就没有Java代码，这意味着这些模板可以由一个HTML编写人员来维护。 2.2JSP作为当前主流的网页开发技术，具有如下特点。 1）将内容的生成和显示进行分离：使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终
6、的页面。使用JSP标识或者小脚本来生成页面上的动态内容（内容是根据请求来变化的）。生成内容的逻辑被封装在标识和JavaBeans组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。如果核心逻辑被封装在标识和JavaBeans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。 2）强调可重用的组件：绝大多数JSP页面依赖于可重用的、跨平台的组件来完成应用程序所要求的更为复杂的处理。得益于Java的操作平台无关性，开发人员能够很方便共享和交流执行普通操作的组件，或者使得这些组件为更多的使用者所使用。基于组件的方法加速了总体的开发过程，极大地提高了项目整体
7、开发的效率。 虽然JSP功能强大，但是它要求网页开发人员对Java要相当熟悉。而现在Java程序员还比较少，对一般的网页开发人员来说，JSP的语法还是比较难于掌握的。所以，就需要有一种网页开发工具，为一般的网页开发人员提供常用的JSP应用，让只懂得一般页面开发技术（HTML）的开发人员也能够使用JSP的强大功能。 第三章 制作技巧及心得 3.1 设计目标 本系统的设计目标是为只懂得HTML但完全不了解JSP的一般网页开发人员提供一个网页开发工具，使他们能够根据系统文档，通过标签使用JSP的常用功能，最后生成一个只包含静态HTML和JSP标签的动态JSP网页。 3.2主要技术 本系统在设计时，主
8、要考虑使用模板和JSP标签的技术来实现。 模板技术 模板技术被广泛地应用于各种开发和应用系统中。它预先生成一些常用的框架结构，使用户可以根据自己的需要方便地从模板库中选择模板，而不用自己重新去搭建，节省了用户的开发时间，方便了用户的使用。在本系统中，将页面按照功能类型进行分类，归纳出常用的页面类型，生成模板库。 标签库技术 在JSP中，动作是可以创造与访问程序语言对象和影响输出流的元素。JSP定义了六个标准的动作。除了这六个标准动作以外，用户可以定义自己的动作来完成特定的功能。这些动作被称为客户化动作，它们是可重用的程序模块。通过这些动作，程序员就可以在JSP页面中把页面的显示功能也部分地封装
9、起来，使整个页面更加简洁和易于维护。在一个JSP页面中，这些客户化动作是通过客户化标签来调用的。而标签库（Tag Library）就是客户化标签的集合。 JSP标签库是一种通过Java Beans生成基于XML的脚本的方法。它是JSP的最大特点之一。通过标签库，能够无限制地扩展JSP应用，完成任何复杂的应用需求。 JSP标签库具有以下特点。 1）易于使用：JSP中的标签和一般的HTML标记外表上是完全一样的，使用起来和普通的HTML标记一样方便。 2）易于代码重用：标签库中的每一个标签都能完成一定的功能。一旦定义好了一个标签库，只需要把这个标签库包装成一个Jar文件，那么以后只要在别的系统中使
10、用这个标签库就行了，而不用重新开发代码，极大地提高了系统开发效率，降低了开发成本。 3）易于代码维护：所有的应用逻辑都封装在标签处理器和JavaBeans中，所有的标签都集中在一个标签库中。如果需要更新代码或者需要修改一个网页上的功能，只需要修改相应的标签即可。通过这种统一维护方式，不用在每个网页上去作修改，极大地减少了维护的工作量，节约了维护成本。 4）易于系统扩充：如果需要向系统中添加新的功能，只需要定义一个新的标签来完成这一功能即可，无需对系统的其它方面作任何改动。标签库可以继承JSP规范各方面的特性。这样就可以无限制地扩展和增加JSP的功能，而不需要等待下一版本JSP的出现。 系统的组
11、成和实现 本系统主要由四个部分组成:1）数据库连接部分：本系统支持常用的几个数据库，包括Oracle、Sybase、MSSQLServer、MySQL和DB2，根据用户选择的数据库类型和用户提供的数据库名称、用户名、密码使用JDBC同数据库相连。 2）系统基本表生成部分：和数据库连接以后，根据同数据库相连的用户名生成两个系统基本表TCTables和TCColumns，TCTables表包含在该数据库中属于该用户的所有的表的英文名称、中文名称和一些属性，如是否可修改、是否可查询等；TCColumns表包含在该数据库中属于该用户的所有的表的所有列的中英文名称和其它一些属性。如是否可显示、是否可查询
12、等。这两个系统基本表在整个系统的开发过程中提供用户所使用数据库的基本信息。 3）模板选择和网页生成部分：该部分是系统的核心部分。它包含了两个子模块。 模板选择部分：系统为用户提供模板选择界面，让用户根据需要从模板库中选择所要使用的模板。 模板处理部分：根据用户选择的模板，系统调用指定的模板处理模块对这个模板进行处理。当处理程序遇到模板中的标签时，就为用户提供交互界面，让用户为指定的标签输入参数，并由系统验证用户输入的标签的有效性。最后由系统完成JSP页面的生成。 4）网页预览和修改部分：网页生成出来以后，系统为用户提供了一个网页预览窗口和代码查看修改窗口。通过这个预览窗口，用户可以预览一下生成
13、出来的JSP页面的效果。如果用户对页面的静态方面的效果不太满意，用户可以通过代码查看修改窗口修改代码中的HTML代码。如果用户对页面的静态效果有进一步的要求，系统还为用户提供了一个调用DreamWeaver编辑器的接口，用户可以使用它来对生成出来的JSP页面的静态效果进行进一步的修改和完善。 3.1系统的实现 模板库和标签库的实现 标签库的规划和设计在整个系统设计中至关重要，它关系到了代码重用的程度和系统运行的效率。它的规划应该遵循以下原则。 1）在标签中应该尽量少的包含静态的HTML。对于一般用户来说，标签是透明的。用户不能够查看和修改标签。如果在标签中包含了过多的静态HTML语句，将影响用
14、户对页面的静态效果的修改和完善，限制标签的使用。 2）尽量提高代码的重用度。在对JSP应用进行分类是尽量把公用的JSP应用提取出来，形成标签。而不用在每个标签中都重复实现该应用。这样在以后要对该应用进行修改和完善时，只需对这一个标签进行修改即可，易于代码的维护。 3）方便用户的使用。在设计标签库时，应该充分考虑到用户的使用情况，使用户能够很容易和方便地理解和使用标签。 标签库的定义：定义一个标签库，必须首先定义一个标签库描述文件（TLD）。这是一个基于XML的脚本文件，在这个文件中定义了XML的版本、所使用的编码、标签库的版本、所使用的JSP的版本、标签库的名称和这个库中所包含的所有的标签的定
15、义和参数描述，包括标签的名称，标签所对应的Java类，标签的描述信息等。 标签的实现：一个标签就是一个特殊的Java 类，这个类必须继承TagSupport类，这个类是在javaxservletjsptagext包中定义的。在标签类中，包含了这个标签的参数初始化方法（SetGet）、标签的主体处理方法（Handler）以及供下一级标签调用的方法等。 模板的实现：一个模板就是一个含有标签引用的JSP文件。为了在模板中引用所定义的标签，必须首先引入标签库。 taglib uri“tagtld”prefix“ctag” 其中uri指定标签库描述文件的路径；prefix指定引用标签时所使用的前缀。 在
16、模板中引用指定的标签时，使用引入标签库时所指定的前缀，指定标签的名称；为标签的参数赋值。 3.2系统开发环境 本系统主体程序开发使用的是Borland公司的JBuilder 60，模板开发使用是Microsoft公司的FrontPage2000，标签库开发使用的是UltraEdit编辑器，JDK采用的是JDK14。系统测试环境是JRun30。 3结束语 Java是未来开发语言的主流，而Java在Web上的主要应用JSP也必将成为未来Web开发的主流技术。本系统采用了JSP的最大特点之一的标签库，使一般的Web开发人员也能够方便地使用JSP强大的动态页面功能，开发出技术先进的JSP动态Web页面
17、。由于本系统采用Java语言进行开发，所以可以在任何支持图形化界面的操作系统下运行，实现了完全的与平台无关。本系统易于扩充和完善。在以后可以考虑为用户提供接口，使用户可以自己扩充模板库和标签库，进一步增强系统的功能。 【摘要】Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。【关键字】Frontpage创建站点、新建页面、文字、超链接现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、
18、还有Adobe Pagemill 3.0-制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。第4章 详细设计工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。 选择“文件”菜单的“新建”选项，单击“站点”命
19、令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。 在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。 在文件列表里除了主页
20、之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。 “private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。 尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多
21、其他图标，这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。 我们单击“个人站点”图标， 用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，
22、 这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。 现在我们点击一下“文件夹”按钮， 双击index.htm图标， 看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。 也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。 这不仅节省了许多力气，同时也给了初如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文
23、件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其
24、它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。 现在可我们看看怎么插入图形 选择“插入”菜单的“图片”命令，单击“来自文件”按钮。在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。如果要插入的图片不在主目录下, 在“选择文件”
25、对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。 在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框, 因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了
26、我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令， 在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。(如图)：字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了工具栏上的B、I、U图标的作用是：按下B按钮，被选中的
27、文字就会变为粗体按下I按钮，被选中的文字就会变为斜体按下u按钮，被选中的文字就会带下画线字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。 还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。 在网页里，我们把这种点击后会进行页面切换的网页界面元
28、素叫超链接。 先来看一下用文字来建立链接。首先创建一个指向站点内其他网页的超链接。选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。 我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。 那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。 不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL
29、键才能激活超链接。我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。 在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。 如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。 要想取消超链接，删除所有URL地址框里的内容就可以
30、了。还有一种超链接，可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。 先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框， 选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。总结：这样我们就差不多完成了网页的制作步骤，最后可将它发布到Web服务器上。站点发布前还要对它进行检查工作，包括超链接，页面等。致谢两个星期的毕业设计时间是我学习生涯中最有价值的一段时光。这里有治学严谨而不失亲切的老师，有互相帮助的同学，更有向上、融洽的
31、学习生活氛围。借此论文之际，我想向所有人表示我的谢意。首先感谢金老师。本论文是在金老师的指导下修改完成的。在此，要对她的细心帮助和指导表示由衷的感谢。在这段时间里，我从她身上不仅学到了许多的专业知识，更感受到了她工作中的兢兢业业，生活中的平易近人。此外，严谨的治学态度和忘我的工作精神值得我去学习。感谢软件学院给了我们这么好的环境让我们学习。感谢给与我帮助的我们项目小组的其他成员，他们在我的毕业设计过程中经常给我提出许多关键性的问题，使我受益匪浅。 还要感谢两年来传授我知识的老师们，更要感谢我的家人对我学业上的支持和鼓励，感谢所有关心帮助过我的人。总之，在以后的学习、工作中，我将更加努力，以优异的成绩来回报帮助过我的人。参考文献1 网页色彩与版式设计创意实战胡主编 中国青年出版社 2006.102 Dreamweaver+Flash+Photoshop网页制作刘定林 孙海刚主编 北京 清华大学出版社 2006.73 中文版PHOTOSHOP CS标准培训教程雷波主编 中国电力出版社 2005.54 ASP动态网页设计教程袁启昌主编 北京希望电子出版社5 ASP+SQL Server网络应用系统开发与实例李晓黎 张巍编著 人民邮电出版社6 ASP信息系统设计与开发实例黄明、梁旭编著 机械工业出版社