ASPNet MVC课程教学网站毕业设计.docx

1、ASPNet MVC课程教学网站毕业设计 MVC课程教学网站作者：唐淑飞 指导老师：杨晔、朱冬冬摘 要随着网络技术的快速发展,网络教学以它的交互性、开放性、共享性和自主性的特点逐渐成为了当今重要的一种教学方式,所以开发一个功能全面的教学网站,实现教学资源的共享,为老师和学生提供一个便利的在线交流的平台,其具有重要的现实意义。本论文主要介绍了我们开发的系统的网站。此网站能够实现学生注册、登录、课件下载、课件浏览、留言；教师可以实现登录、上传资料、回帖等功能。文中介绍了制作此网站所需要的开发工具及开发过程中所应用到的各种实用技术，总体上列举了整个网站的组成和基本功能的实现，并且详细介绍了网站数据库

2、的搭建和用户登陆功能的实现。关键字SQL SERVER、Dreamweaver、ASP.NET、教学网站第1章 绪论1.1课题背景随着计算机互网络信息技术的逐渐发展和其在社会生活中的各个领域中的应用，它对社会、教育和大学产生着猛速、广泛和深入的影响。网络一旦产生，就会迅速地在教育中得到广泛的应用。应用网络进行教学，已经成为当金世界的一个主要趋势。建立教学网站不但可以对课件资源进行浏览、整理和应用，实现了课件资源的共享与交流，而且还提高了学生学习的积极性、主动性、及时性、有效性与高效性。建立教学网站除了能帮助学生进行课外学习，也是实现教学交往的一种有效方式。它既可以作为传统课堂上教学交流的补充与

3、延伸(它是以班级授课制为主的教学组织形式，老师与学生的交流，特别是“一对一”的交流严重不足);又可以为教师和学生敞开心扉，提供了便利，可以实现师生双方的情感交流(网络交流中主体的虚拟性，可以在一定的程度上排除面对面交流中情感、地位、态度等带来负面的影响);同时还可以为教师之间的合作与交流提供了平台。在越来越重视素质教育的今天，这一点越来越显得重要和迫切。同时建立教学网站，带有鲜明的个人特色或校本特色，也是其他商业网站甚至是同行的教学网站无法取代的，例如与学生间的交流，随着教学的进度，学生的不同反应而不断更新的教学内容。建立教学网站，不仅实现了师生之间、学生和学生之间的互动，使大家都能在统一的平

4、台基础上进行沟通和交流，也使自己的思想在网上延伸，精神在网络中释放。1.2国内外研究现状网站，在刚刚出现的时候，它就以其强大的资源共享性赢得了无数用户的认同，也吸引了很多国内外很多专家的兴趣，而后其交互性也奠定了未来迅速发展的基石，3W技术的出现使这股史无前例的旋风席卷全世界，尤其是近几年来，网站建设业务呈迅速上升趋势，行业市场越来越大，范围也更加广阔。任何事物的发展与壮大都会引起技术的变革，网站自然也不会例外，由最初的单纯注入代码到各种编程工具的出现再到后来的各种编程语言的应运而生，而且随着技术融合和发展，很多在其他行业热门应用的技术如三维动画、视频、虚拟现实等技术都已经实现向互联网上移植，

5、使得网站的制作技术不断地完善，然而新技术的完善必将促使网站的设计更具有魅力和挑战。 例如新的网络编程语言（.net技术）与服务器CDN（内容发布网络）技术将使网站的结构更紧密，访问更流畅，更能适应新的要求。 以国内外很多专家来看，网站的未来很可能有以下几种发展趋势：1.网络、服务融合和应用 未来网络的发展将由应用服务主导，由智能终端将各种应用叠加起来，叠加之后网络要相应的做到服务的融合，而服务的融合则会推动网络的融合。随着计算机的技术（包括软、硬件技术）发展，以往在计算机里面做的东西会慢慢拿到网络上去做。以往网络的层次结构分得很清楚，是完全分开的。但随着技术的发展，以前没有什么关系的技术也会融

6、合在一起，例如，以往光是光、路由是路由，现在随着新技术的出现，比如路由技术，变成了光的IP转换。随着网络的发展，网络的带宽越来越宽，网络一样可以有总线，也就是说，在网络中可以实现中央处理器-外部设备、中央处理器-内存中间的总线功能，这个改变的优点是出现了网络的新概念也就是虚拟系统总线。虚拟系统总线的最大优点是虚拟的，共享性更好。如今很多设备都在改变，以后计算机也会改变，如果把外部设备拿出来，但内存没有拿出来。将来会达到把内存拿出来，现在开始已经有一些新的技术往这个方向走了。1.3研究内容教学网站以是提供教育服务为主的网站，教学网站除了一般网站具有的特点，比如多媒体的呈现性、开放性、共享性、交互

7、性、灵活性，还具有比较明确的教育性和科学性。此网站主要是学生在网上进行相关专业的学习和网上互动，用户可以在客户端方便的浏览教学网站上相关的信息（如教学课件、教学视频、资源信息等），通过网络资源可以便捷地找到该专业的相关资料，通过留言板，可以提出自己的疑问，管理员（教师）可以在后台对同学的留言做出回复，形成一种互动，提高；老师和学生之间的沟通和了解，并且还可以是同学与学生之间的交流，加强了知识的流畅性，能够最大程度的实现课后再次互动学习。而且管理员（教师）还可以在后台进行课件相关操作:如上传课件、删除课件、修改课件等等。 其具体的内容如下简述： 1.实现诸多教学环节的网络化 此网站将实现教学过程

8、中的答疑、课件上传、课件更新等诸多环节的网络化，减轻了教师教学的负担，提高了教师的工作效率。2.以学生自主学习、教师课件管理为主的网络教学平台 对于学生用户来说，登录后的主界面要以专业内容导航为主线，同时还需配合教学文件查询、课件浏览等各项的学习环节。 对于教师（管理员），登录后的主界面以课程教学管理为主线，允许教师进行课件信息的设置、教学文件的发布、在线答疑等。3.教学网站的自动生成系统 Mvc课程的教学。实际上是为了不具备网站建设知识的教师搭建了一个网络教学的平台。教师（管理员）只需要输入的基本信息，都可以以本平台为基础，创建自己的网络课程，其结构合理、管理方便。课件信息形式丰富、逻辑性强

9、、吸引力高 各种现成的课件资源综合运用了文字、图形、数据、视频、音频、图像、动画等多种媒体技术，符合教学的规律和特点，通过听觉视觉的直观效果增加艺术性、实用性，使学生对课程能够更好地学习和理解，教学内容内在的逻辑性较强，科学性较高，有利于提高学生的积极性，教学效果也大幅度地提高。1.4论文组织结构第一章 绪论。主要介绍课题的背景、国内外现状以及研究的内容。第二章 相关技术概述。主要介绍了系统实现过程中用到的关键技术，如数据库技术，ASP.Net 技术，Dreamweaver CS4技术。 第三章 需求分析和可行性分析。主要介绍了需求分析的任务概述、技术、操作和社会可行性分析。 第四章 系统概要

10、设计。主要介绍了各个模块的概要设计，以及数据库设计。 第五章 系统的详细设计与实现。介绍了本人负责的各个功能模块的详细设计及实现。 第六章 结束语。对整个毕业设计的完成过程做了总结。第2章 相关技术概述2.1数据库技术2.1.1数据库技术的概述数据库技术是现代信息技术和科学技术的一个重要组成部分，是以计算机为核心的信息管理系统和数据处理。在数据库技术的研究与解决的过程中，计算机信息处理了大量数据的有效组织和存储问题，减少了数据库系统中数据存储冗余、实现了数据共享、数据安全保障和有效地数据检索和数据处理。数据库技术的根本目标是解决数据共享的问题。2.1.2数据库技术的发展数据库管理技术是对其数据

11、的组织，输入，分类，输出，存储，编码，维护和检索技术。数据库管理技术的发展经历了以下三个阶段：文件系统阶段；人工管理阶段；数据库系统阶段。（1）文件系统阶段从60年代中期到50年代后期这段时间，出现了数据存储设备，例如磁鼓，磁盘等。一种新的数据处理系统猛速地发展起来。在数据处理系统中的数据组织是把电脑中的数据组织变成一个互相单独的数据文件，该系统可以对照文件的名字对其进行访问，可以存取文件中的记录，并可以实现文件的修改，删除，和插入，这就是所说的文件系统。该文件系统实现了结构化的记录,它将各种不同的数据之间的关系存在一个记录里。然而，该文件从总体上来看却是无结构的。其数据是面向特定的应用程序，

12、所以数据的共享性，独立性差，而且冗余度大，管理和维护的成本也很大。（2）数据库系统阶段60年代后期，出现了数据库中的数据管理技术。数据库的特点是数据的功能不再仅仅是针对某一特定的应用，而是面向整个组织的，它不但具有整体的结构性，而且共享性高，冗余度小，程序与数据之间有一定的独立性，并实现了对数据进行统一的控制。（3）人工管理阶段直到1950年代，计算机开始主要用于数值计算。从数据上来看，数据量小，数据无结构，且直接通过用户管理，缺乏逻辑间的数据组织，依赖于数据的特定应用程序，缺乏独立性。从软件上看来（事实上，当时尚未形成软件的整体概念），没有操作系统和管理数据的软件；从硬件上来看，CRT只有磁

13、带，纸带，卡片，没有直接访问的设备。2.1.3数据模型数据模型是数据库中抽象的现实世界，也是数据库系统中的基础与核心。数据模型通常包括三个要素：（1）数据操作，数据操作是指可以在数据库中进行添加，删除，修改，查询等现有的数据或者增加新的数据，可以访问数据中的不同种类，并且包括数据访问的相关规则；（2）数据结构，数据结构主要用来描述数据的静态特征，包括数据结构与数据之间的关系；（3）是由一组完整性的规则组成。在数据库领域中最常见的数据模型主要有三种：（1）层次模型（Hierarchical Model)：使用一个树结构来表示数据与数据之间的连接的层次模型。（2）网状模型（Network Mode

14、l)：网状模型是利用网状结构的数据和数据之间的联系。（3）关系模型（Relational Model)：关系模型是一种理论最成熟，应用最广泛的数据模型。在关系模型中，数据是存储在一个逻辑单元中名为二维表数据中。数据库是由几个相关联的二维表组成。2.22.2.1概述ASP.NET1是的一部分，是微软公司一项技术，是一种使嵌入在网页的脚本中可以通过Internet服务器实现服务器端脚本技术，它可以将请求文档通过HTTP和在Web服务器上动态创建它们的Active Server Pages（动态服务器页面），此运行于 IIS（Internet信息服务器服务，是Windows开发的Web服务器程序之中

15、的程序 。2.2.21.跨平台性：由于ASP.NET是编译后运行基于通用语言的程序，现在是完全依赖在虚拟机上，因此它具有跨平台性，应用ASP.NET构建可以运行在几乎所有的平台上。2.简单易学：客户端页面构架允许你建立你自己的用户分界面，使其不同于常见的VB-Like界面。3.可管理性：使用一种字符基础的，分级的配置系统，虚拟服务器环境和应用程序的设置更加简单。因为配置信息都保存在简单文本中，新的设置有可能都不需要启动本地的管理员工具就可以实现。这种被称为Zero Local Administration的哲学观念使的基于应用的开发更加具体和快捷。2.2.3控件asp net的控件分为内置和外

16、置两种。asp net的内置控件分为两种：HTML 控件(HTML control)和用户控件(user control)。外置控件，在使用前，需要将其添加到Visual Studio .NET环境中。然后就可以通过启动一个新项目来使用新的控件。（1）HTML控件(HTML control)直接在HTML标记中加上 runat=server，就能立即对应到asp net指定的 HTML 服务器控件中像是ASP网的HtmlAnchor，它表示 HTML 的 Web 控件 (Web control),是由，提供,它提供的比 HTML控件提供的功能更多，但是它的操作和设置会比 HTML 控件要复杂的

17、多，像LinkButton:它是一种外型为HtmlButton的链接。HtmlImage：表示 HTML图片。HtmlGenericControl：表示不对应到服务器控件里,它将对应到相应的类里面。Web控件(网址控件)：由提供,它比 HTML 控件提供的功能更多,但是操作和设置却比HTML控件要复杂得多,例如LinkButton：一款型号为链接(除了内置控件以外，提供了自定义的控件架构,(并且还支持两种控件方法的发展)。（2）用户控件(User control)用户控件是以 .ascx 为扩展名,可以让开发人员用最简单的方法来开发控件，特点是发展速度非常快,但是缺点是不能传播，而且不能添加参

18、考。自定义控件(Custom control)，可以分散控件，被编译过的代码 (DLL)，可以独立分散控件，并且可以添加引用到其他项目。（3）外置控件部署虽然有的时候，控件在显影机上能正常的工作，但是当应用程序被部署到终端用户的机器上时，将会产生问题。因为很多终端机器不允许安装外部控件，对于上述问题有很简便的解决方案，就是在服务器上部署“fp_client”文件夹。2.3Dreamweaver CS42.3.1Dreamweaver CS4概述Dreamweaver CS4就是 Dreamweaver的CS4版本，Dreamweaver是美国MACROMEDIA公司开发（后来被Adobe公司收

19、购）的集网页制作和管理网站的一个所见所得的网页编辑器。CS4版本的优点是界面设计有很大的改观。2.3.2Dreamweaver CS4的新功能（1）实时视图：使用新的 Dreamweaver CS4 中的实时视图在真实的浏览器环境中做网页,于此同时仍然可以直接访问代码。屏幕会呈现出内容的错对。（2）代码提示：借着改进的JavaScript核心对象和基本数据类型支持,更加快速、准确地编写JavaScript代码。通过流行的JavaScript框架集成包括jQuery、Prototype 和 Spry,充分利用了Dreamweaver CS4的扩展编码功能。（3）相关文件：在各种文件网页中更加有效

20、地管理在Dreamweaver CS4中的文件功能，点击任何相关文件就可以在“代码”视图中查看源代码，在“设计”视图中查看父页面。（4）集成的编码增强：领悟功能强大的内置代码提示，让HTML（申请标准通用标记语言下的一个应用）、Js、jQuery 以及Spry 等 Ajax的框架、原类型与几种服务器语言的代码码更加清晰、更加快。（5）代码导航器：新增加的“代码导航器”功能可以显示当前选择的所有代码源，比如 CSS 规则的效果,服务器端包括了JavaScript外部功能、iframe 源文件、Dreamweaver 模板等等。（6）创作支持：直接在 Dreamweaver 中新建基于 HTML（

21、申请标准通用标记语言下的一个应用程序）JavaScript 的Adobe AIR应用程序。在 Dreamweaver 中即可预览AIR应用程序。使 Adobe AIR应用程序随时可与 AIR 打包及代码签名功能一起部署。（7）Dreamweaver 社区增强：从广阔的 Dreamweaver 社区受益, 它包括在线 Adobe Design Center 和 Adobe Developer Connection、培训与研讨会、开发人员认证计划以及用户论坛（8）HTML数据集：无需掌握数据库或XML（标准通用标记语言的子集）编码即可将动态数据的强大功能融入网页中。Spry 数据集可以将简单 HT

22、ML 表中的内容识别为交互式数据源。（9）全新用户界面：借助共享型用户界面设计,在 Adobe Creative Suite®；4 的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。（10）跨产品集成增强：通过跨产品线的直接通信和交互,充分利用 Dreamweaver CS4和其它 Adobe 工具的智能集成和强大功能, 包括 AdobeFlash CS4 Professional、Fireworks®、CS4、Photoshop CS4和Device Central CS4软件。（11）Adobe InContext Editing：在 D

23、reamweaver 中设计页面, 可以使用户最终都能实现Adobe InContext Editing 进行在线服务编写他们的网页,不需要借助或使用其它的软件来实现。作为一名 Dreamweaver 设计人员, 你可以根据自己的意愿来制定页面、特殊区域的更改权限, 甚至可以自定义格式的选项。（12）Subversion 集成新增功能：在 Dreamweaver 中直接更新站点和登记修改内容。Dreamweaver CS4 与 Subversion®；软件紧密集成, 后者是一款开放源代码版本控制系统，可以提供更强大的登记/注销体验。（13）跨平台支持增强：随心所欲, 尽情工作: Drea

24、mweaver CS4 可用于基于 Intel®；或 PowerPC®的 Mac、Microsoft®、Windows® 、XP 以及 Windows Vista®的系统。在首选系统中设计, 交付跨平台、可靠、一致、高性能的成果。（14）CSS 最佳做法：无需编写代码即可实施 CSS 最佳做法。在“属性”面板中新建 CSS 规则, 并在样式级联中清晰、简单地说明每个属性的相应位置。（15）CSS 支持增强：使用 Dreamweaver CS4 中增强的 CSS 实施工具令您的网站脱颖而出。借助“设计”和“实时视图”中的即时可视反馈, 在“属性”面板中快速定义和修改

25、 CSS 规则。使用新增的“相关文件”和“代码导航器”功能找到定义特定 CSS 规则的位置。（16）学习资源增强：借助 Dreamweaver CS4 中丰富的产品随附教程掌握 Web 构建技能。通过由社区推动的帮助系统与最新 Web 技术保持同步。第3章 需求分析和可行性分析3.1需求分析 3.1.1任务概述ASP.Net教学网站主要为学生在网上进行本课程的学习和网上互动，用户可以在客户端方便的浏览教学网站上有关的信息，通过网络资源方便找到该课程的相关资料，通过留言板，提出自己的问题，管理员（教师）可以在后台对同学的问题做出回答，形成一种互动。管理员（教师）在后台进行课件相关操作:添加课件、

26、修改课件、删除课件等。3.1.2系统软件构架系统架构图如下图3-1所示 图3-1 MVC教学网站架构图3.2可行性分析本网站是以Sqlserver作为数据库开发，用ASP.NET实现动态网页的效果，用DREAMWEAVER和PHOTOSHOP等网页处理工具，保证网站正常使用的前提下，页面清新淡雅，内容丰富多彩。根据以上的介绍在其技术层面上，该项目在技术上是可行的，而且用到的都是比较廉价甚至是免费的软件，所以在经济可行性上也是完全具备的，还有其简便的操作，用户就可以在网站上共享丰富的资源，查看信息，进行留言等。当今社会是一个信息技术时代的社会，随着计算机的快速发展，使用计算机的用户越来越多，计算

27、机的需求量也不断增长，因此，此教学网站很好地满足了社会需求。第4章系统概要设计4.1系统概要设计 通过对系统功能的需求分析，设计得出以下几个关键模块：（1）网站管理模块：管理员（教师）通过输入账号和密码登录模块，在此模块中，管理员可以增加或删除学生与教师信息。对用户上传的课件进行审核，对上传的课件进行添加和删除。对留言板块进行添加和删除。（2）教学视频模块：用户可以浏览相关的教学视频，体现了该网站的一个基本的教学功能。（3）课件区模块：允许用户课件下载，教师上传图片、文本、动画、音频、视频等各种格式的ASP.Net课件。发布的课件可以在课堂教学时直接调出作为教学的辅助材料，也可供学生课后在线反

28、复浏览以加深对知识点的理解。（4）留言板模块：提供了教师和学生远程交流的平台，实现了师生间分布式交互。学生通过登录成功后可以进行在线留言、浏览相关资料、提问或者互相交流学习经验，老师通过管理界面登录成功后可以在线回答学生的留言，疑问或者发布一些课件信息。学生要是在在线学习中遇到问题可以随时提问，疑问能够及时的得到解答，这改变了现实生活中只能在课堂上规定的时间内提问或解答的教学方式的限制。教师与学生的互动信息能够较长时间地保留在网站上，并且各个同学都可以浏览到其他同学的提问和老师的解答。整个网站的系统结构如下图4-1所示：图4-1 网站系统结构图4.2教学网站系统业务流程用户登录页面后进行课件资

29、源浏览：用户刚打开网站时默认的是未登录的，则不能查看首页的，也并不能下载课件资源和留言之类的，它是直接跳到登录页面，如过没有登录的用户名则进入到注册页面进行注册用户后再登录，之后可直接进入首页，在首页中能够下载资源，留言。流程图如下图4-2所示：图4-2 流程图管理员登录到管理员界面：管理员在登录页面输入正确的用户名和密码，选中管理员单选按钮，使此次登录进入到管理界面，主要对用户信息、课件信息、上传课件信息、留言信息、管理员信息的管理。用户管理：对用户进行查增删改；课件管理：对课件进行查增删改；上传课件管理：对上传课件进行添加删除；留言管理：对留言进行添加删除：管理员管理：对管理员进行查增删改

30、。流程图如下图4-3所示：图4-3 流程图4.3教学网站时序图4.3.1用户管理时序图图4-4 用户时序图4.3.2课件管理时序图图4-5 用户时序图4.3.3留言管理时序图图4-6 用户时序图4.3.4管理员时序图图4-7 用户时序图在整个系统中这一章是最重要的，在这里完成了系统的设计，相当于系统要做什么事，有了明确的规定。在“系统概要”的小节里就初步体现了系统如何设计的构思。而后通过紧接着的“功能设计”实现了系统的功能规划。里面的功能结构图是系统的基本框架。有了基本框架，在数据流图的指导下就能很快分析出系统的开发思路。然后在后面的“数据库设计”里面，对具体的实体在数据库中的表示进行了阐述，

31、列出了重要的数据库逻辑设计表格。第5章系统的详细设计与实现5.1 MVC课程教学网站的开发环境(1)操作系统：Windows 7(2)程序开发环境：Dreamweaver+Visual Studio 2012(3)数据库：Microsoft SQL Server 20055.2系统数据库的详细设计根据系统的需要建立如下的表：管理员表（admin）：其中字段是admin_name(管理帐号)，admin_pwd（帐号密码）。表5-1 admin表用户表（users）：其中字段是useName（用户名），useUserid（学号），usePwd（用户密码），useSex（性别），email(邮箱)

32、。表5-2 users表课件表（fileCourse）：其中字段是fileId(课件编号)，fileName(课件名)，file_length(课件长度)，file_lei（课件类别），look_time（浏览量）。表5-3 fileCourse表留言表（BBS）：其中字段是bbsId（留言编号），bbsContent（留言内容），bbsDate（留言时间），useName（用户名）。表5-4 BBS表上传表（Upload）：其中字段是fj_name(课件名)，fj_size(课件容量)，up_time（上传时间），admin_id（管理员编号）。表5-5 Upload表5.3ASP.Net MVC课程教学网站的实现5.3.1网站首页网站使用了标题和内容框架模式，上部体现系