毕业设计（论文）ASP软件学院网站设计.doc

《毕业设计（论文）ASP软件学院网站设计.doc》由会员分享，可在线阅读，更多相关《毕业设计（论文）ASP软件学院网站设计.doc（58页珍藏版）》请在三一办公上搜索。

1、摘 要本文的叙述围绕着如何实现一个功能完善的网站进行展开。依据本次毕业设计的要求，主要从可行性分析、需求分析、总体设计、详细设计、编码、测试几个阶段进行毕业设计论文的编写。接着在需求分析中，根据用户的角度，分析了所设计的网站需要实现哪些基本功能；从设计者的角度，分析了设计一个网站所用的编辑工具和编程语言及网站的软硬件开发环境。根据分析的结果，主要采用FrontPage，Dreamweaver编辑器，结合PHP（vbscript,javascript,Ajax）编程编程语言，进行网站的页面设计；网站的主要功能主要分为新闻、下载、友情链接、网上调查，图片几大模块。详细设计阶段的任务就是把解法具体化

2、。在详细设计阶段，依据总体分析的结果，进行具体页面的组织和数据库结构的设计。页面的组织主要是设计网页之间的联系，同时根据这些联系实现网页基本功能的构架；数据库的设计主要考虑各程序模块的基本功能，设计相应的表格、字段，用来存贮相应的数据记录，为页面的生成提供数据来源。在编码阶段，进行具体网页的编码设计。在设计中，根据网页的程序界面，表单，需要的数据等，写出实际的程序代码。由于本次设计的页面比较多，不可能尽数地写出全部程序的代码，因此，在这一章节中，主要解释了在此次设计中主要用到的页面设计和数据库的编码技术。测试的主要任务是为了发现程序中的错误，软件测试的过程亦是程序运行的过程。在本次设计中，主要

3、采用边测试边修改的方法，在测试网页的同时根据结果及时进行相应的修改。在测试过程中，主要从外观、链接、速度方面测试网页是否能够实现相应的功能。关键字PHP、FrontPage、DeamweaverABSTRACTThe textual description is around how to realizes the perfect website of a function proceeds to launch.According to the request of this graduate design, primarily analyze from the viability asses

4、sment, analysis of need, total design, detailed design, code design, test this five stage to proceed this graduate design.Immediately after analyze the inside in the need, according to the customers angle, analyzed basic functions of which demand in website for designing of realizeses;From angle of

5、the design, analyzed to design a development environment of soft hardware for editor tool for using with weaving the language and website.According to the analysiss result, mostly use Dreamweaver , and connected PHP( vbscript, javascript，Ajax) language, proceed the design of websites page;The websit

6、es main function is primarily divided with the news, forums, message the guestbook , net investigate, amusement.The mission of the detailed design stage is to embody the solution method.In the result of the total analysis of detailed design stage, basis, proceed the buildup of the concrete page is w

7、ith the design of construction database.Page 构 for contact for of buildup primarily iswhich design web paging, at the same time according to these contacts realizing basic function of web page;Main each procedure mold of consideration of the databases design piece form, word for of basic function, d

8、esign cowgirl segment, use to come the data of cowgirl the record, for the page of born provide the data source.In the coding stage, proceed the coding design of the concrete web page.In the design, according to the web pages procedure the data etc. of the interface, form and list, demand, write out

9、 actual of procedure code.Because of the page of this design coding technique for page for code for manyly, impossible whole amount ground writing all procedures ofs, therefore, in this chapter, primarily explaining here time design inside primarily using design with database.Process of testing that

10、 main mission is for the sake of the process that detection mistake in the procedure, software testing and as well is a procedure to circulate.In this design, main adoption side test side method that modify, in the test web page of at the same time according to the modification that result on time p

11、roceeds cowgirl.In the test process, main connect from the external appearance, flat-out aspect test whether web page can realize or not cowgirl of function.前 言就目前来讲，随着Internet的迅猛发展,网页设计技术已成为计算机学习的重要内容之一. 近几年来,网页设计技术一直在推陈出新.不断有新技术被推出并应用,实在令人眼花缭乱.这些网页设计技术可以分为静态网页技术和动态网页技术两种. 静态网页技术一般是指HTML和CSS技术.采用静态

12、网页技术的网页只能在网页中展示文字和图片,但它却是所有网页设计的基础技术.动态网页技术是指让网页能够按照用户的需求做出动态响应的技术,例如JavaScript , VBScript及ASP等技术都属于动态网页技术的范畴. 目前,大部分制作网页的方式,都是运用网页设计软件,这些软件的功能相当强大,使用非常方便.不论是那一种网页设计软件,最后都是将所设计的网页转化为HTML,CSS,JavaScript/VBScript和ASP.所以说,虽然有这些网页设计软件帮助我们设计网页,但是一个专业设计者仍需了解HTML,.等网页设计语言和技术的使用,这样才能充分让我们了解网页的真正设计理念。因此毕业设计再

13、次选择这个题目来检验自己的能力。 我们所用的软件主要是Dreamweaver，刚运用此软件之前，主要学习Html基础知识，为学习Dreamweaver做铺垫，而主要软件Dreamweaver是学习的核心工具，在网络上称其为“网页三剑客”（ 新版本Dreamweaver8、Fireworks8和Flash8）中的“织梦者”， 是一个“所见即所得”的可视化网站开发工具。它是一款专业的HTML编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页，Dreamweaver都会有许多工具帮助设计者完成每项工作，设计出更多完美的网页。

14、 目 录第一章 绪论11.1 设计思想11.2 开发工具介绍2第二章 网站系统分析62.1 网站系统分析62.2 主页设计62.3 数据库设计7第三章 详细设计83.1 学院概况83.2 师资队伍93.3 实训基地113.4 专业介绍153.5 教学科研203.6 答考生问233.7 教学管理系统283.8 学生管理系统31第四章 网站的测试与发布354.1 相关技术分析354.2 网站测试37第五章 网站扩展性分析435.1 网站的优缺点435.2 改进方法43总结及心得体会45一 网站总结45二 心得体会47致 谢48参考文献49附 录50第一章 绪论在Internet飞速发展的今天，互联

15、网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。而做这样一个全面宣传，展示学院风采、优点与特色，发布学校的重大活动安排与学院各种政策的网站。校园网是各种类型网络中一大分支，有着非常广泛的应用。作为新技术的发祥地，学校、尤其是高等学校，和网络的关系十分密切，网络最初是在校园里进行实验并

16、获得成功的，许多网络新技术也是首先在校园网中获得成功，进而才推向社会的。另一方面，作为学校，知识、人才的资源十分丰富，比其他行业更渴求信息、希望能有渠道获得各种各样的信息来促进自身在研究、学术上的进步。为了更好的办学，提高学校知名度，特构建河南工业职业技术学院软件学院网站。 1.1 设计思想毕业将至，我们河南工业职业技术学院2010界毕业生也面临人生的又一次转折。在毕业之际，众多的毕业设计选题中我选择我院软件学院的网站设计，这一方面是因为我个人对网站设计的喜爱，另一方面对学院各方面取材较为容易，更重要的是通过网站，全面宣传我院新生的软件学院，展示学校风采、优点与特色，发布学校的重大活动安排与招

17、生政策。1.2 开发工具介绍1、主要开发工具为DreamweaverCS3，该软件有明显优势：DreamweaverCS3是Adobe公司推出的一款非常优秀的网页制作与网站建设软件，它以制作方式简便实用、功能强大等优势受到众多网页制作爱好者和网站建设工作者的青睐。它是一款专业的HTML编辑器，是设计开发Web站点、Web页和Web应用程序的得力助手。不管是直接编写HTML代码还是直接在可视化编辑环境中制作网页，Dreamweaver都会有许多工具帮助设计者完成每项工作。另外，还可以使用Dreamweaver结合服务器语言生成支持动态数据库的Web应用程序。制作网页主要运用了该软件的以下几部分：

18、创建网页布局、网页的基本组成要素、创建图文网页、确定站点的目录结构、网站中表格的使用（主要运用表格布局网页）、使用层特效美化网页，也附加了一部分CSS样式来制作等。DreamweaverCS3新特点：1）业界领先的工具利用世界级的 Web 设计工具的所有灵活性和强大功能。在“设计”视图中进行像素完美型设计, 在“代码”视图中制作复杂的代码, 或专功一方面的研究。使用您的最佳工作方式工作。2）集成的工作流在 Dreamweaver CS3 内设计、开发和维护内容, 同时利用与其他 Adobe 工具 (包括 Adobe Flash CS3 Professional、Fireworks CS3、Ph

19、otoshop CS3、Contribute CS3 及用于创建移动设备内容的全新 Adobe Device Central CS3) 的智能集成。3）完整的 CSS 支持发现可视 CSS 工具的优势, 使用这些工具可以轻松地在文件内或文件之间查看、编辑和移动样式, 以及查明您的更改将如何影响设计。借助全新的 CSS 布局加速您的工作流, 并借助全新的浏览器兼容性检查测试您的设计。4）集成的编码环境借助代码折叠、颜色编码、行号及带有注释/取消注释和代码片断的编码工具栏, 组织并加速您的编码。应用适用于 HTML 和服务器语言的代码提示。5）支持领先的技术 利用对领先 Web 开发技术 (包括

20、HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP) 的支持。6）轻松的 XML使用 XSL 或适合于 Ajax 的 Spry 框架, 快速集成 XML 内容。指向 XML 文件或 XML feed URL, Dreamweaver CS3 将显示其内容, 这使您能够将适当的字段拖放到您的页面上。7）FLV 支持无需任何 Flash 知识, 只需五次点击, 即可轻松地将 FLV 文件添加到您的 Web 页中。自定义视频环境以匹配您的网站。8）跨平台知识挑选您的平台: Dreamweaver CS3

21、可用于基于 Intel 或 PowerPC的 Macintosh 计算机, 也可用于 Windows XP 和 Windows Vista 系统。在您的首选平台中设计, 然后跨平台交付更加可靠、一致和高性能的结果。2、ASP的优势：Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 jav

22、ascript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（lient）在浏览器中可以显示程序执行的结果，可是，客户端（lient）若使用Netscape浏览器就无法显示VBScript的执行结果。的特点：u 任何开发工具皆可发展只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果

23、所产生的HTML文件适用于不同的浏览器。u 语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。u 隐密安全性高，如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。u 易于操控数

24、据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。u 面向对象学习容易具备有面向对象（bject-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。u ASP的六大内部对象，对象名称

25、功能描述：RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理第二章 网站系统分析2.1 网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：1、 学校风采 通过学校概括、教师风采、校园之星及部分图片等内容来展现。2、 优点特色 通过新

26、闻、生动活泼的教育教学栏目来展现。3、 信息发布 通过公告栏、信息查询等栏目来实现，内容有招生政策、活动安排等。4、 部分校务 根据校务的公开程度与参与人数的多少，特选择图书管理、评优、考试查分、家校联系四大校务在网上实现。2.2 主页设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息发布，对于四大校务，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。主页结构图注：带下划线的表示是链接方式图2-1 学院首页结构图2.3 数据库设计 采用的数据库是Microsoft Access

27、 ，拟建立teach.mdb库文件，包含如下几个表文件： allmessage 留言信息表Libbooks 图书信息表Libcategories 图书类别信息表Libemps 图书馆用户信息表；stud 学生信息表第三章 详细设计3.1 学院概况3.1.1 功能：主要对河南工业职业技术学院软件学院的简单介绍，包括建校历史，历史成就，以及为各地输送各方面人才，更重要的是通过网站简单的叙述软件学院的情况。3.1.2 组成构造共分三大部分：1、 本网页是主页的一个链接网页，其中头部主要部分有一个框架实现，同时加一张我院的图片，将其置居中，作为网页的核心部分。2、 插入水平线，可起到美化的效果，同时下

28、方文本域，适当的叙述性文字，另外添加层加入图片，达到图文并茂的效果。3、 页面主要运用层和表格来实现，因为该页面是子网页，所以没有涉及太多难点。3.1.4 主要难点代码展示学院概况这些代码主要展示头部框架。3.1.5 联系紧密为了网站的紧密性，页面底部设有链接，可以链接相关网站以及返回首页链接。在创建该链接时主要运用曾效果来实现，输入文字内容，设置相关链接。3.2 师资队伍3.2.1 功能“师资队伍”主要对河南工业职业技术学院软件学院师资力量做一个简单的介绍，将我院那些具有代表性的领导以及教师根据情况简单列举一些，本页面简单明了，可达到所理想效果。3.2.2 组成构造共四大部分1、 页面主要有

29、层以及表格实现，整体色调为浅色，为了网站整体的色调选择恰当，在网页顶部同样设有一张我院的图片，因为该网页是主页的一个子网页，要保持一致，增加美观感。2、 为了更好的介绍师资力量，要选择适当的位置和顺序来一一介绍，所以选用了表格且不适用边框，适当的调整列和行，把材料填充上去。3、 字体选择部分主要选择“楷体_GB2312”，这样使页面更加美观，整体效果较好。4、 在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，另设有小图标也可增加页面的生动性。主结构图如下： 图 3-1 师资队伍结构图3.2.3 主要难点代码展示 软件学院院长    王伟 &

30、nbsp;       王伟 ，男，中共党员，教授职称，毕业于北京理工大学，研究生学历，河南工业职业技术学院党委副书记、副院长、软件学院院长。主要研究方向：计算机控制、计算机应用。承担C语言程序设计、数据库原理及应用、VB程序设计、计算机控制技术、VB程序设计、计算机网络、C+程序设计、单片机技术等课程。现任全国机械职业教育教学指导委员会委员，计算机与电子信息类专业教学指导委员会主任委员；南阳市计算机学会副理事长。近几年，主持、参加多项课题研究，获得南阳市科技进步二等奖四项；省教育厅科技成果二等奖一项；河南省教育教学成果一等

31、奖一项；CN刊物上发表论文15篇，其中5篇为中文核心刊物，主、参编教材5本，主审1本。 该代码主要运用表格不加边框，而且下面的各介绍也是运用表格，另外在文字前面加特殊字符“不换行空格”。3.3 实训基地3.3.1功能“实训基地”主要介绍了我院软件学院的实训规模以及设备条件，虽不是详细介绍，但是具有代表性的专业设备都一一列举，另外学生做实验的场景，课堂教学都有所说明，因此该页面简单而内容丰富。运用层与表格相结合以及附加图片，实现整体布局合理美观。3.3.2组成构造共四大部分1、页面主要有层以及表格实现，整体色调为浅色，为了网站整体的色调选择恰当，在网页顶部同样设有一张我院的图片，因为该网页是主页

32、的一个子网页，要保持一致，增加美观感。2、 为了更好的介绍师资力量，要选择适当的位置和顺序来一一介绍，所以选用了表格且不适用边框，适当的调整列和行，把材料填充上去。3、 字体选择部分主要选择“楷体_GB2312”，这样使页面更加美观，整体效果较好。4、在内容前加有水平线，是为了实现分清主次的效果，使主题部分与内容分割开来，另设有小图标也可增加页面的生动性。主要结构图展示如下：图3-2 实训基地结构图3.3.3主要难点代码展示实训基地实训基地代码主要说明头部与下面表格与层结合，然后添加图片以及设置图片大小。另外设置了返回主页链接，达到网站的紧密性与整体协调性。3.4 专业介绍3.4.1功能“专业

33、介绍”页面主要介绍学院所涉及到的支柱专业，重点叙述专业的性质以及主修这些专业所需要学那些课程和应拿到的相关证书。每个专业的针对性，将来的就业情况，更多的是说明专业在软件学院的代表性，让更多信息提供给每个访问者。软件学院的每个专业的基本情况都说明的很具体，很完备。3.4.2组成构造共四大部分：1、 内容叙述部分分了三部分，首段简单概况学院总体专业情况，而下面逐一分开介绍。实现效果需要现设一个层。2、 专业的介绍分了三部分，把软件学院的代表性专业具体介绍，主要分“培养目标、主干课程、就业方向。3、 每个专业的标题都是另设层来实现，标题文字主要运用“新宋体、加粗”实现。黑色字体使专业得显眼度提高，增

34、加渲染力。各小标题字为蓝白色，使页面生动活泼。4、各专业大标题前加有Gif图片，可适当的引起注意力，为了网站的紧密一致性页面底部设有返回链接。主要结构图如下：图3-3 专业介绍结构图3.4.3 主要难点代码展示 软件学院开设五个专业:软件技术专业、网络技术专业、计算机应用技术、动漫设计与制作、计算机多媒体技术。2009年招生专业为：软件技术和计算机网络技术。 软件技术专业 一、培养目标： 培养拥护党的基本路线，德、智、体、美、劳等方面全面发展，适应信息技术行业发展第一线需要，掌握软件开发的基础理论知识，熟悉软件开发基本流程，能够从事软件开发与设计、软件测试、数据库规划设计与管理、软件分析与系统

35、设计、项目管理等工作，政治坚定、作风优良、爱岗敬业、诚实守信、身心健康、情操高尚、长于动手、勇于创新的高等技术应用性人才。 二、主干课程： .Net方向：C#程序设计、ADO.Net数据访问技术、WinForms 应用程序设计、ASP.NET程序设计、数据库技术、.Net Framework程序设计、XML+Web Service技术及应用、UML及应用、软件分析与系统设计、软件项目管理与质理控制。 Java方向：J2SE、J2EE、JAVA开发框架、数据库技术、统一建模语言UML及应用、软件分析与系统设计、软件项目管理与质理控制等课程。 三、就业方向： 毕业生主要在软件开发企业从事程序开发、

36、软件测试等工作，在政府机关、企事业单位从事数据库管理、信息系统运行管理、信息系统处理等工作。 四、资格证书： 学生毕业时可获得高等学校英语应用能力A级和全国计算机等级考试二级以上证书；同时获得全国计算机信息高新技术职业资格考试程序员或全国计算机技术与软件专业技术资格（水平）考试程序员、信息处理技术员、信息系统运行管理员、网页制作员等证书之一。 计算机网络技术专业 一、培养目标 培养拥护党的基本路线，德、智、体、美、劳等方面全面发展，适应信息技术行业发展第一线需要，掌握计算机网络基础理论知识，熟悉常见的网络体系结构和组网方法，主要从事网络设计、安装、调试、维护及信息系统管理等工作，政治坚定、作风

37、优良、爱岗敬业、诚实守信、身心健康、情操高尚、长于动手、勇于创新的高等技术应用性人才。 二、主干课程 思科网络技术方向：Linux网络操作系统、网络安全技术、网络数据库、网络基础、思科路由与交换、广域网技术、综合布线、计算机网络系统集成。 神州数码网络技术方向：Linux网络操作系统、网络安全技术、网络数据库、网络基础、现代网络信息技术、交换机互联网基础、路由器互联网基础、创建高级交换和路由网络、网络综合布线、计算机网络系统集成。 三、就业方向 在计算机网络企业中从事计算机网络的规划、设计、安装、调试和维护等工作；在政府部门、企事业单位中从事与信息化有关的网络技术服务及管理工作；在电子商务类公

38、司从事网络应用开发等工作。 四、资格证书 学生毕业时可获得高等学校英语应用能力A级和全国计算机等级考试三级网络证书；同时获得CCNA、DCNA或全国计算机技术与软件专业技术资格（水平）网络管理员、信息处理技术员、信息系统运行管理员等证书之一。  代码以及相关内容在层与表格中实现，另外字体和页面的整体布局效果协调合理。3.5 教学科研3.5.1 功能“教学科研”主要是说软件学院的教学成果以及实训结果的总结，页面与其他页面不同的是网页内容不是详细叙述，而是用各个链接来实现，每个教学科研成果都是一个连接，每个连接以新闻形式表示出来，按日期的前后一次排列。因此，网页整体看起来内容简单布局较小，但整体的协调性较好，另外加了网页制作小图标增加网页色彩。3.5.2 组成构造共三大部分1、 头部运用软件学院图片，与其他网页设计相同，大标题运用“层”效果实现，在标题的前面运用图片来点缀，提高色彩度。2、 主要内容部分的设计是先设计一个层，然后根据内容需要运用适当行列的表格，调整表格使表格紧凑，内