毕业设计（论文）-VB.NET交互式网页设计论文.doc

中国科学技术大学本科毕业论文大 学毕业论文论 文 题 目： 交互式网页设计毕业生姓名 ： *专 业： 计算机科学与技术指导教师姓名：* 论文完成时间：200*年 6 月目 录摘 要2第一章 程序开发环境简介3第二章 序言5第三章 网页的分析7第四章 总体设计11第五章 详细设计14第六章 调试、运行和测试21第七章 联结网站及维护 22 第八章 结束语24附录 主要窗体的源代码2639 摘 要本文以网络学院网站建立为例介绍了互交式网页的设计整个过程，首先说明了程序开发环境和学校网站的网页设计与制作特点，然后介绍总体设计的步骤，最后介绍所需要完成的主要内容，以及设计、编码和调试的过程。在开发方法上本网站利用了软件工程化的思想和方法，总体上采用结构化生命周期开发方法。并采用visual basic.net作为开发工具，sql server 2000作为数据库开发工具。本网站由学院介绍、招生信息、教学管理、课件演示、教学辅导及各部分组成。其中本文以教学辅导的网上答疑、毕业论文、课件演示预告、课程作业要求、考前辅导的网页设计为对象进行讨论。学习使用可视化编程工具visual basic.net联系sql server 2000来设计交互式网页。关键字： 交互式网页, vb.net, sql server 2000数据库 第一章 程序开发环境简介 程序开发环境就是指visual studio.net系统,该系统主要用于开发企业规模web应用程序，以及高性能的桌面应用程序。所谓.net就是指net框架（这是最具代表的创新之一），它是一种用于构建、配制和运行web服务及应用程序的多语言环境。使用.net结构创建交互性更好、反映更灵敏的集中存储的软件，同时.net改善了这些工具并简化了创建过程。这意味着，用户可以使用自己所熟悉的图形控件及操作方式，而且可以依次进行动态升级，从而集中管理应用程序。visual basic.net是其中一种高级编程语言，它由basic演化而来。basic（beginners all-purpose symbolic instruction code）是60年代中期由达特茅斯大学的john kemeny 和thomas kurtz教授所开发，用来编写简单程序的语言。次后basic被广泛的应用于各种类型的计算机上，这也使它的功能得到大大增强。当bill gates创建microsoft公司的时候，他在早期的几种计算机上采用了basic。随着80年代后期和90年代前期microsoft windows 图形用户界面（gui）的开发，basic也自然演变为visual basic，并由microsoft公司在1991年正式推出。visual basic.net是一种事件驱动的可视编程语言，它用集成开发环境（ide）创建程序。在集成开发环境下，程序员可以很方便地编写、运行、测试和调试visual basic程序，从而使创建工作程序的时间比不用ide减少了许多倍。这种快速创建程序的过程叫做快速应用开发（ran）。visual basic是世界上应用最广泛的ran语言。visual basic.net的功能强大，它还包括了强大的数据库，并且启用了增强的语言互操作性：不同语言的软件组件之间能够进行交互。开发者还能组装老的软件使之能与visual basic.net程序一起工作。而且，visual basic.net程序还能通过因特网交互，使用行业标准，诸如简单对象访问协议（soap）和可扩展标记语言（xml）等。visual basic.net对microsoft的.net策略是至关重要，所以现在的visual basic开发者很容易迁移到.net 中。.net 和visual basic.net体现出的这种先进性将导致新的编程风格，即使用来自与internet的组件（web服务）创建应用程序。第二章 序 言 现代远程高等教育是以计算机网络技术为基础，多媒体技术为重要手段，与高等教育的培养目标相一致的宽进严出式新型高等教育模式，是国家面向21世纪教育振兴计划中的重要工程，是国家加快高等教育事业发展的重大举措。现代远程高等教育以网络教学与面授辅导相结合，电子教材与文字教材相结合，课件学习与网上辅导相结合，超越了时空、地域限制，充分满足了学生自主学习的愿望。较好地解决了在职从业人员的工学矛盾，极大地锻炼了学生的自学能力和网上获取知识的能力，得到了社会的广泛认可。随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。今天，计算机的价格已经十分低廉，性能却有了长足的进步。它已经被应用于许多领域，计算机之所以如此流行的原因主要有以下几个方面： 首先，计算机可以代替人工进行许多繁杂的劳动； 其次，计算机可以节省许多资源； 第三，计算机可以大大的提高人们的工作效率； 第四，计算机可以使敏感文档更加安全，等等。作为计算机科学的一部分,因特网的普及与应用，改善着人类社会的生活、学习和工作的方式，同时也推动着与网络相关的新知识、新技术的快速传播。当上网被人们普遍接受后，制作网页、在网上发布信息成为了一种新生的事物。网页是虚拟网络空间中信息表达的利用与反馈，是网络的基本构成单元。网页作为企业、政府或个人在互联网上展示自己的窗口，在宣传和传播信息方面起着越来越大的作用。制作网页的意义在于：(1) 对于大公司来说,它可以在网上开展电子商务,推销产品,发布有关产品的技术支持,在公司和客户之间架起联系的桥梁。如美国著名的dell公司,已取消了所有产品代理商,其产品完全在网上销售。对于大公司来说,一个网页发布后所起的作用,比上千个技术、销售人员全球满天飞的作用还大。(2) 对于小公司来说,制作网页的主要目的是为企业、产品做广告。网页由于不受时间、地域的限制，其广告作用有非常大的优点，有人形容网上广告是“永不落幕的交易会”。(3) 对于政府机构来说,网页有增加政府形象，提高政府办事透明度，增强社会对政府的监督及政策、法规的发布说明等优点。(4) 对于教育部门来说,网页可以进行远程教育、模拟考试、网上辅导，对提高整个国民素质水平有很大的帮助，而且节省了大量教育经费。(5) 对于个人来说,可以通过网页介绍自己，结交更多的朋友，寻求更好的工作岗位，发表自己的文章、观点、作品，甚至可以为别人编写网页而赚钱谋生。一个网站中的网页总是包括静态网页和动态网页二种。静态网页也称为静态html文件,它是一次性写成的。制作好静态网页后，内容相对稳定，不需经常修改，文件比较小，适合在网上传输，执行效率高。有关网站介绍、个人信息、销售网络、服务信息、联系信息等是一些相对不变的信息，其更改的频率不高，以静态网页的方式进行发布；动态网页是指能随数据库内容不断变化地显示数据库中的信息，可根据用户的选择返回不同的页面。有关产品的信息、网上销售的信息（产品价格、产品目录、购物车、定单等）以及其他服务（如技术支持、新闻动态、论坛系统、留言本）则采用动态网页的形式。本文讨论的网上答疑、毕业论文、课件演示预告的网页为动态的形式、课程作业要求、考前辅导的网页为静态的形式。 第三章 网页的分析 3.1 可行性分析现代远程高等教育系统是使用计算机进行网上日常教学工作的系统。通过使用计算机技术、信息技术、数据库技术，来提高网络学院的工作质量和工作效率为目标，利用先进的硬件设备，对网络教学日常工作的各个教学环节实行计算机管理、控制和远程授课。在该项目的可行性研究与计划工作中，通过对网络工作环境进行的实地调查和管理工作人员的交流，对学生日常学习的情况、教师工作流程、所完成的任务和存在的问题的研究，认为目前本网络信息系统的建设是完全可行的。主要表现如下所述。1、技术可行性 通过对远程学生的学习情况调查研究和日常教学工作的分析，拟定，采用microsoft 公司的visual basic net工具进行网络系统开发。visual basic net工具软件是microsoft公司开发的可视化应用程序的编程工具。对开发人员而言，net是一个完美的开发平台。目前，microsoft公司的visual basic net是该公司推出的最新版本。后台数据库设计使用sql server2000集成的数据库管理系统，数据表存储格式为*.dbo 。这一数据存储格式是目前最常见的数据库数据存储格式，可以很方便的进行管理，也可以很容易的移植到其他数据库系统中。因此，在技术上，开发网络学院系统在技术上是可行的。2、经济可行性目前，学校有足够容量的计算机服务器可以用来支持网站学院系统的运行。采用visual basic net开发网站学院系统本身就具有开发成本低的优点。在硬件上不需要投入多余资金，所需花费主要是软件开发的费用。以目前学校的经济情况，支持这一网络系统开发是完全可行的。3、人员可行性作为开发网站学院系统的团队，我们已经掌握了开发这一系统所需要的全部技术，完全有能力成功开发这一系统。另在老师和领导的高度重视和大力支持下，可以很方便的和工作人员交流，获取关键的信息，另外，网站学院工作人员都具备较高的文化水平，而且都已经经过严格的计算机培训。开发完成的网站学院系统的维护可以很顺利的进行，不需要太多的系统培训。因此，实现网站学院系统在人员上是完全可行的。综上所述，系统开发是完全可行的。3.2网页的规划设计一、网页的定位规划设计一个网页，首先遇到的问题就是网页定位的主题。所谓主题也就是网页的题材 。网络学院网站属于.edu网站，这类网站的设计不应制作得太过于五彩缤纷、花枝招展。因为这类网站大多数都是一些学术性网站，需表现出一种庄重而高雅的学术气氛。主要的设计特征为：（1） 网页的顶部一般都是学校的名称或校徽，左边或顶部下方是一个竖的或横的导航条，其余部分布置一些有关学校简介或体现学校特色的图片。（2） 网页的整体风格是追求古朴、庄重，给人以治学严谨、勤奋好学、科研活跃的印象。（3） 网页的主题明确，表达简练，一般均用简单的线条和文字来表达丰富的内容。（4） 在网页的色彩设计上以冷色调为主，版面安排简洁、明了。（5） 一般都附加特殊的功能，如：搜索引擎、专题论坛等功能。二、设计原则 网页的界面应该保持统一，以保证页面在浏览时有较高的下载速度，网页的性能安全可靠，具有一定的开放性，易于管理，网页的内容便于扩充，实现信息资源的有效共享。 三、网页的风格网页的风格应该统一，这样才能够突出网页所要表述的主题，也同时能够帮浏览者快速了解站点的结构和浏览机制。网页的色彩上应该突出个性不失简洁。整个页面要具有个性，主题突出 。网页的栏目保持相应的一致，使浏览者对站点的结构一目了然，便于留言者浏览。 四、规划网页浏览方式 很多站点都会包含多个网页，如何让用户知道在这些网页，并访问它们，这是网页制造者必须考虑到的事情，如果用户不知道如何访问需要的页面，也就无法得到想要的信息。应该在网页创建时规划网页的浏览机制，目的是提供清晰易懂的浏览方法，采用统一的网页组织形式，引导用户轻松自如访问每个网页。 在规划网页浏览方式应注意： *创建返回主页的链接 *显示网页当前位置 *具有能反馈信息的地方 第四章 总体设计总体设计也称为概要设计。在总体设计中要解决的问题是“怎样做”以及“做什么”问题。总体设计的任务是：划分出组成网页的物理元素。如：程序、文件、数据库、过程和文档等。设计网页的结构，确定中每个程序由哪些模块组成，并确定模块与模块之间的关系。寻找实现目标网页的各种不同的方案，然后从中选取合理的方案，列出组成网页的所有物理元素，制定实现这个方案的进一步计划。 选择一个最佳方案向用户推荐，并进一步为这个最佳方案设计软件结构，进行必要的数据库设计。一版面设计(css)css(样式表)属于dom的一部分，它的功能非常强大，几乎能够实现页面外在视觉效果的一切变化。它可以连续修改一个或几个网页的外观和格式，能够显著增强和扩展html元素，从而实现更少的编码、更少的页数和更快的下载速度。选取一个固定的版面格式，为页面设计确定方向。 二建立数据库运用sql server 2000，因其具有强大的数据仓库，并提供了一个全面的平台，从而使设计、建立、维护和使用数据仓库解决方案变得迅速而轻松，这样的数据仓库解决方案让决策过程在准确的信息基础上更为有效。在逻辑结构基本确定之后，再根据应用需要对设计结构进行适当的修改和调整以期进一步完善设计，提高应用系统的性能。这种修改和调整包括两个方面：1、根据对信息查询的响应时间的要求和查询频度要求进行数据库结构的调整。a.增加必要的冗余数据。b.如果经常要做的查询是两个关系的连接，则可以考虑是否可以将两个关系合并为一个关系。2、根据局部应用需求结合dbms特点设计用户子模式。a.使用更加符合用户习惯的别名。b.简化用户对系统的使用。根据各实体集及其联系的分析，并确定每个数据项的类型和长度，对应出相应的关系数据库表，同时要确定该数据库表的主码和外部码。95的数据传送与收发都是通过与后台数据库的连接、查找、更新等操作，在sql 2000中建立了大量的数据库表单，这样在网站易于维护。数据库试运行合格后，数据库开发工作就基本完成，即可投入正式运行了。但是，由于应用环境在不断变化，数据库运行过程中物理存储也会不断变化，对数据库设计进行评价、调整、修改等维护工作是一个长期的任务，也是设计工作的继续和提高。在数据库运行阶段，对数据库经常性的维护工作主要是由dba完成的，它包括：1、数据库的转储和恢复；2、数据库的安全性、完整性控制；3、数据库性能的监督、分析和改造；4、数据库的重组织与重构造。 三运用vb.net控件 通过使用ado.net把存储数据信息的数据库显示为web form形式，同时它还提供了连接数据库、检测和修改数据的方法。教学辅导软件下载教案下载模拟考试在线测试订阅资料考前辅导毕业论文课程预告课程作业网上答疑上答疑第五章 详细设计 详细设计阶段的根本目标是确定应该怎样具体地实现所需要的达到的目标，也就是说详细设计后的下一步，应该是编号程序的过程,详细设计不是具体地编写程序，而是设计出程序的“蓝图”，然后根据“蓝图”来编写程序，所以详细设计的好坏，直接影响到编程的效率。5.1 网上答疑一 css设计在图片区内，选出几副图片，组合成项。刊头的设计（类于）：主菜单页面：刊底的页面：二 建立数据库在sql server里选择企业管理器。三、页面内容只有已注册的学员才能点击进入网上答疑区，未注册的人员无法点击进入。把该区分解为三个页面，即提问区、解答区、显示区。进入网上答疑的主页面（即为显示区页面）后，点击提问按钮进入提问区页面，按照格式填写内容并点击提交按钮，将数据传入数据库，完成后弹出确认的信息框，点击离开按钮返回。解答区页面为老师填写区，可以看到数据绑定的内容，点击一项内容的回答框，随即弹出一个文本框，在框内书写解答的内容，写完后点击确认按钮返回。书写的答案传入数据库，并在数据库中显示答案已写入的标志。在显示区页面中的数据绑定框内显示已回答提问的数据项，点击回答框后弹出一个文本框，老师书写的答案显示在文本框内，可以点击确认按钮返回。5.2毕业论文建立一个数据库，选择其中的内容项显示于网页，便于输入。在内容框中写入毕业论文，然后点击确定按钮提交数据库。论文指导老师在数据绑定区选取毕业论文，点击后弹出一个文本框，框内显示写入的论文。5.3课件演示预告建立一个数据库，选择其中的内容项显示于网页，便于查询。老师在预告的文本框内写入课件演示的情况，确认后提交数据库。在课件演示预告网页的数据绑定区内将会显示写入的情况。网页的主要形式为：5.4课程作业要求这是一个静态网页，课程作业要求的内容写入网页即可。5.5考前辅导这是一个静态网页，考前辅导的内容写入网页即可。内容的主要格式类同与课程作业要求网页，只需要加上一个文本框，将要填入的静态内容复制到框内，在浏览器中即可显示。第六章 调试、运行和测试6.1调试网页脚本网页程序往往会产生这样或那样的错误，visual basic.net的调试器能对错误进行准确地定位，快速地找到错误的原因。调试网页程序的步骤如下：(1)打开visual basic.net可视化界面(2)打开网页程序的界面，双击进入vb脚本(3)设置好断点后，就可以在调试状态下运行应用程序。可以逐语句，逐过程调试程序，当执行到断点处时，程序暂停运行，此时可以查看变量的结果是否正确。(4)当发现问题时，纠正错误代码。6.2网页的测试过程网页程序在使用之前，必须经过一系列的测试，以尽可能多地发现和排除程序中存在的错误和缺陷。测试的目的是寻找程序中存在的错误，而不是为了证明程序没有错误，如果测试连一个错误或缺陷都没有找到，那么这次测试就是失败的，完整的应用程序测试包括下述过程：（1）单元测试：测试程序的每一段事务逻辑； 单元测试又分为两种类型：测试代码逻辑，又称白箱测试，测试人员需要设计出能够覆盖每条代码的测试用例，其缺点是十分耗时，而且不易发现错误；测试代码功能，又称黑箱测试，它不关心程序执行了哪些代码，而只注重该程序是否完成了指定的功能。（2）系统测试：把程序作为一个整体进行测试。（3）负载测试：测试程序能否适应所处理的数据量，并测试其工作效率；（4）用户测试：测试程序的设计是否满足用户最终的要求。第七章 联结网站及维护经过设计、开发、调试和试运行，排除了明显的与潜在的错误并达到预期功能后，就到了联结入主网站的时候了。将数据库生成的sql脚本同本网站的其他数据库生成的sql脚本统一编放,将html文件同本网站的其他html文件统一编放,然后进行网上调试。系统维护的重点是系统应用软件的维护工作，按照软件维护的不同性质，可以划分为下面四种类型：1. 纠错性维护由于系统测试不可能揭露系统存在的所有错误，因此在系统投入运行后频繁的实际应用过程中，就有可能暴露出系统内隐藏的错误，诊断和修正系统中遗留的错误，就是纠错性维护。2. 适应性维护适应性维护是为了使系统适应环境的变化而进行的维护工作。如代码改变、数据结构变化、数据格式以及输入输出方式的变化、数据存储介质的变化等，都将直接影响系统的正常工作。因此有必要对系统进行调整，使之适应应用对象的变化，以满足用户的要求。3. 完善性维护在系统的使用过程中，用户往往要求扩充原有系统的功能，提高其性能，如增加数据输出的图形方式、增加联机在线帮助功能、调整用户界面等等，尽管这些要求在原来系统开发的需求规格说明书中并没有，但用户要求在原有系统基础上进一步改善和提高；并且随着用户对系统的使用和熟悉，这种要求可能不断提出。为了满足这些要求而进行的系统维护工作就是完善性维护。4. 预防性维护系统维护工作不应总是被动地等待用户提出要求后才进行，应进行主动的预防性维护，即选择那些还有较长使用寿命，目前尚能正常运行，但可能将要发生变化或调整的系统进行维护，目的是通过预防维护为未来的修改与调整奠定更好的基础。三、软件维护的管理软件维护工作不仅是技术性的，还需要大量管理工作与之配合，才能保证维护工作的质量。一般维护过程如下：1、维护人员提出修改建议或要求。2、管理部门进行审查和分析，并对由于修改带来的影响作充分的估计。3、根据审批的修改方案进行修改并作严格的测试。4、更新文档资料的相关部分。第八章 结束语二十一世纪，是人类的信息时代，随着数字生活的不断拓宽和深入、随着计算机软硬件的不断升级、各种信息技术的日益完善，网站设计及网络开发便是当前有代表性的前沿科技。通过学习使用可视化编程工具visual basic.net设计交互式网页，解决visual basic.net部分控件（如ado.net访问数据库，制作项库）的使用，页面间数据传值、网页安全性等问题以及对这些问题的进一步讨论，为今后在工作岗位上的计算机深入应用和参与更大型的网站建设和软件开发打下了坚实的基础！因时间仓促等原因，本系统还存在这样那样的不足之处:一、数据库结构有待进一步完善；二、程序代码有一些重复，注释少，可读性不太好；三、一些事先计划好的网页功能无法实现，安全性比较差；四、很多地方不是很人性化。谨此感谢我的指导教师*老师，以及给我提供无私帮助、支持的老师们，使我完成了此次论文。还要感谢*等同学，在一些程序的细节问题上他们给我提了很多的有价值的建议。借此对他们表示感谢。 参考文献1 陈次白，颜端武， 网页设计与制作，东南大学出版社，2002.42 张志学， .net框架开发人员参考丛书， 清华大学出版社，2001.33 (美)h.m.deitel,p.j.deitel, visual basic.net how to program, 机械工业出版社,2003.14 matthew reynolds,richard blair, visual basic.net高级编程, 清华大学出版社，2002.55 a.russell jones，mastering asp.net with vb.net，电子工业出版社，2002.96 陈辉,肖辉, sql server 2000 轻松掌握，中国人民大学出版社，2001.1 附录:主要窗体的源代码刊头的html代码为： 相应的vb代码为：public mustinherit class top inherits system.web.ui.usercontrol protected withevents img2 as system.web.ui.htmlcontrols.htmlimage protected withevents img3 as system.web.ui.htmlcontrols.htmlimage protected withevents font1 as system.web.ui.htmlcontrols.htmlgenericcontrol protected withevents img1 as system.web.ui.htmlcontrols.htmlimage#region web 窗体设计器生成的代码 该调用是 web 窗体设计器所必需的。 private sub initializecomponent() end sub private sub page_init(byval sender as system.object, byval e as system.eventargs) handles mybase.init codegen: 此方法调用是 web 窗体设计器所必需的 不要使用代码编辑器修改它。 initializecomponent() end sub#end region private sub page_load(byval sender as system.object, byval e as system.eventargs) handles mybase.load 在此处放置初始化页的用户代码 end subend class主菜单的html代码为：欢迎光临!返回首页学院介绍招生信息教学管理课件演示教学辅导机构设置bbs 相应的.vb代码为：public mustinherit class mainmenu inherits system.web.ui.usercontrol protected withevents td1 as system.web.ui.htmlcontrols.htmltablecell protected withevents a1 as system.web.ui.htmlcontrols.htmlanchor#region web 窗体设计器生成的代码 该调用是 web 窗体设计器所必需的。 private sub initializecomponent() end sub private sub page_init(byval send