C语言程序设计精品课程网站开发与架构
2014届本科毕业论文（设计）
题目：C语言程序设计精品课程
网站开发与架构
琼州学院教务处
二○一三年六月制
目录
第一部分设计说明书（或毕业论文）
一、设计说明书（或毕业论文）…………………………()
第二部分过程管理资料
二、毕业论文（设计）课题任务书·································()
三、本科毕业论文（设计）开题报告······························()
四、本科毕业论文（设计）中期报告······························()
五、毕业论文（设计）指导教师审阅表···························()
六、毕业论文（设计）评阅教师评阅表···························()
七、毕业论文（设计）答辩评审表·································()
2014届本科生毕业设计说明书题目：C语言程序设计精品课
程网站开发与架构
2014年5月
题目：C语言程序设计精品课程网站开发与架构
摘要
大学教育中，除了传统的授课教育方式以外，网络教育方式是当代大学的一大特色，因此在大学里的优秀特色课程被评定为精品课程，通过网络的传播方式可以扩大其影响力和意义，为现代大学生良好的网络学习环境提供了保障。然而精品课程网站便针对当代学生的这一点，对已有的精品课程进行精心的网络课程教学设计，给广大学生提供资源共享的平台，提供下载学习课件以及阅读教学相册或者浏览视频教学，从而满足大学生的各种学习要求。
本网站使用Dreamweaver CS4。开发，后台使用了MYSQL数据库，前台页面通过CSS+DIV构建，整个系统是使用ASP开发技术开发的，其中结合了VBscript 和Javascript脚本语言。网站前台主要实现的功能有：教学信息发布、教学相册、下载中心、在线留言、在线视频、等功能。后台主要功能包括：信息管理、留言管理、上传和下载的管理、视频管理。通过对后台管理系统的操作，实现对整个网站数据的管理，包括有：留言的查看和删除；资料的发布、查看、删除；上传的查看、修改、删除等功能。
课程网站聚集了优质的教育资源，提高教学质量的根本，网络资源的使用，使学生得到最好的教育和以及更大范围的教学资源可以共享。
关键字：精品课程，网络信息，视频教学
The Discrete mathematics course website
development and architecture
Author:ZhengTiancheng
Tutor:Zhangkun
ABSTRACT
University education,in addition to the traditional way of teaching education,online education is a major feature of the contemporary university,so the university's outstanding characteristics were assessed as excellent course curriculum can expand its influence and significance of communication through the network, provide a good learning environment for the modern university students.However, the site has excellent courses for students in this contemporary,boutique courses for existing network teaching carefully designed to provide the students a platform for the sharing of resources,available for download learning courseware and teaching of reading album or browse video teaching to meet Students learn a variety of requirements.
This site uses Dreamweaver CS4.Development background using a MYSQL database,front page CSS+DIV build,the whole system is developed using ASP development technology,which combines the VBscript and Javascript scripting language.Website foreground main function are:teaching information dissemination, teaching albums,Download Center,Message,online video,and other functions. Background The main features include:content management,message management, upload and download management,teaching video management.Through the backstage management system operation,to achieve the management of the entire site data,including:view and delete mail;published data,view,delete;uploaded to view,modify,and delete functions.
Course Website gathered a high-quality educational resources,improve the quality of teaching fundamentally,the use of network resources,so that students get the best education and teaching resources can be shared so that a greater range.Its purpose is to train to meet national and local development needs of highly qualified personnel.
Keywords:courses,network information,video teaching
目录
1前言 (3)
1.1背景和意义 (3)
1.2主要工作 (3)
2系统开发技术和工具 (4)
2.1系统开发工具及运行环境 (4)
2.2开发工具及开发语言的介绍 (4)
2.2.1PhotoshopCS4介绍 (4)
2.2.2ASP技术介绍 (4)
2.2.3Dreamweaver CS4介绍 (5)
2.2.4IIS介绍 (5)
3系统分析 (6)
3.1可行性分析 (6)
3.2需求分析 (6)
3.2.1需求分析概述 (6)
3.2.2系统需求分析 (6)
4系统设计 (10)
4.1系统体系结构设计 (10)
4.2主要功能模块描述 (11)
4.3系统流程设计 (12)
4.3.1管理员登录流程图 (12)
4.3.1前台页面流程图 (12)
4.3.2后台管理流程图 (13)
5数据库设计 (14)
5.1数据库概念逻辑设计 (14)
5.1.1系统E-R图 (14)
5.1.2各实体的E-R图 (14)
5.2数据字典 (16)
6系统功能实现 (18)
6.1前台模块 (18)
6.1.1网站首页 (18)
6.1.2在线视频与教学相册及下载 (20)
6.2后台模块 (22)
6.2.1后台登录 (22)
6.2.2后台管理 (23)
6.2.3留言管理 (24)
6.2.4视频添加 (24)
6.2.5上传管理 (25)
7系统测试 (27)
7.1等价类划分测试 (27)
7.2错误显示 (28)
结束语 (29)
参考文献 (30)
致谢 (31)
1前言
1.1背景和意义
精品课程网站是一种新型教育的体现，2003年4月8日，教育部《关于启动高等学校教学质量与教学改革工程精品课程建设工作的通知》要求建立各门类、专业的校、省、国家三级精品课程体系。规划学科课程，师资队伍，教学内容和课程体系建设，建筑材料，教学方法和手段，建设实践教学基地。
精品课程以网络的传播方式可以扩大其影响力和意义，为现代大学生提供了良好的网络学习环境。在当今这个科技网络信息如此发达的时代，特色教育课程的开展变得十分重要，并且大学生接受教育的方式从以前的传统的当面授课转变为多元化的、现代的、有趣味性的方式。然而精品课程网站便针对当代学生的这一点，对已有的精品课程进行精心的网络课程教学设计，给广大学生提供资源共享的平台，提供下载学习课件以及阅读教学相册或者浏览视频教学，从而满足大学生的各种学习要求。
1.2主要工作
C语言程序设计精品课程网站是采用ASP技术结合VBscript和JavaScript 脚本语言开发的，使用到Dreamweaver CS4开发工具和IIS环境搭建工具，网站还结合了Css+Div、Photoshop、XML等web开发技术。首先通过css+div实现前台所有页面的布局，然后通过HTML、javascript、实现前台页面的：显示、导航、在线播放、在线阅读、留言、信息查询、课件及视频下载等功能。后台的开发同样使用到了css+div实现对所有页面的布局，而在功能实现上，使用了ASP 技术对MYSQL数据库进行交互，实现了对数据库的增、删、改、查，从而实现：管理员登录、教学信息管理、留言管理（查看留言、删除留言）、新闻管理（查看新闻、删除新闻、发布新闻）、上传管理（查看上传、修改上传、删除上传）等四大主要功能。
2系统开发技术和工具
2.1系统开发工具及运行环境
（1）开发环境：Windows XP、Windows7、IIS7.0或以上
（2）开发工具：Dreamweaver CS4、PhotoshopCS4
（3）数据库：MYSQL
（4）浏览器：IE9.0浏览器、火狐浏览器、360浏览器
2.2开发工具及开发语言的介绍
2.2.1PhotoshopCS4介绍
Photoshop简称“PS”，是一个由Adobe Systems开发及发行的图像处理的软件。而PhotoshopCS4是由前一个版本PhotoshopCS3升级而来，Photoshop应用领域非常广，在图形、图像、文字、视频等方面都有一部分能够涉及到。功能上，Photoshop软件可以分为图像合成、图像编辑、校色调色以及特效制作等[1]。
促使人们掌握本Photoshop的一种重要原因就是网络的普及。因为在制作网页时Photoshop是网页图像处理不可缺少的一个设计软件，一个优秀的网页创意离不开图片，涉及到图片，就会用图像处理软件，而Photoshop就自然而然的成为设计中的一部分。本系统用到的版本是Adobe Photoshop CS4，主要是对一些图片进行处理和美化。
2.2.2ASP技术介绍
ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML（标准通用标记语言下的一个应用）标记、普通文本、脚本命令以及COM组件等。使用可以添加交互式内容（如在线形式）的网页，你可以创建使用网页作为一个应用程序的用户界面。与HTML相比，ASP网页具有如下特点：
⑴利用ASP可以实现突破静态网页的一些功能限制从而实现动态网页技术；
⑵ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；
⑶服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML 格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；
⑷ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如，你可以把信息从一个浏览器通过用户提交表单，并在脚本中对这类信息进
行处理，然后发送信息到浏览器；
⑸ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等；
⑹由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取；
⑺方便连接ACCESS与SQL数据库；
⑻开发需要有丰富的经验，否则会留出漏洞，让骇客（cracker）利用进行注入攻击。
ASP也不仅仅局限于与HTML结合制作WEB网站，而且还可以与XHTML和WML 语言结合制作WAP手机网站。但是其原理也是一样的。
总而言之：ASP是微软公司开发的代替CGI脚本程序的一种技术，它可以与数据库和其它程序进行交互，ASP的网页文件的格式是.asp。
2.2.3Dreamweaver CS4介绍
Adobe Dreamweaver CS4是一款集网站制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver CS4是第一套针对专业网页设计师特别发展的视觉化网页开发工具，它可以和IIS服务器结合，轻松的开发出ASP程序，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
2.2.4IIS介绍
IIS（Internet Information Services，互联网信息服务），是由微软公司提供的基于运行Microsoft Windows的互联网基本服务器组件。它是一个把World Wide Web server。Gopher server和FTP server全部包容在里面。IIS 意味着你能发布web应用，并且有ASP（Active Server Pages）、JAVAScript、VBscript产生页面，总而言之，Internet Information Service网络信息服务是微软Windows系列操作系统的web部署服务组件。
3系统分析
3.1可行性分析
语言程序设计课程的网站，是一个用技术开发的网站属于教育网站。其中涉及到十分多的环节需要与数据库进行交互，同时在界面美工方面需要熟练的操作Photoshop和使用css+div进行布局。这既要考虑时间可行性和技术可行性，又同时要考虑运行可行性和操作可行性。
时间可行性：研发一个系统，不管系统庞大与否，时间是必须的，但一个系统不能在规定的时间范围之内完成，开发系统则显得毫无意义可言。精品课程网站这一个项目的研发规定的时间要求十分宽裕，从理论上来说，符合时间的可行性。
技术可行性：从网站的基本建设目的出发可知，网站需要通过基于ASP技术去实现。其中还涉及到Photoshop图片处理技术、CSS+Div页面布局技术、Javascript脚本、mysql的数据库操作、xml技术。从开发技术发展稳定的角度上看，如今大部分面向对象编程语言已经在时代的响应下得到了飞速的发展，现在的ASP技术更是大部分程序员开发小型网站所使用的技术，为程序员带了十分大技术支持。同时，javascript和VBscript与HTML的相容性，以及与MYSQL 的交互以实现性等，更是对于网站的开发提供了最好而最便利的工具。
运行可行性：C语言程序设计精品课程网站只要在安装了IIS7.0及以上的PC机中，均能运行。
操作可行性：C语言程序设计精品课程网站是基于B/S模式开发的，其具备简单的操作性，就像浏览一般的网站一样，让人一目了然，容易使用。并且，设计风格简约，去除了华而不实的功能，让用户能轻易找到自己的想要的服务。
3.2需求分析
3.2.1需求分析概述
需求分析是指：用户寻找目标软件系统在功能，行为，性能，和其他方面的设计约束。通常，这些需求包括：功能需求、性能需求、用户或人的因素需求、环境需求、界面需求、文档需求、数据需求、资源使用需求、安全保密需求、可靠性需求、软件成本消耗与开发进度需求等，并预先估计以后系统可能达到的目标。
3.2.2系统需求分析
C语言程序设计精品课程网站是一个教育类的网站，由前台课程网站浏览和
后台网站管理两部分构成。前台主要是完成向用户介绍精品课程，让用户从课程描述、课程建设和规划、教学大纲中去了解C语言程序设计精品课程。同时，用户能从网页的浏览中了解授课老师，然后观看授课老师的教学视频或者教学录像，并且还能让用户下载相关的教学录像和教学课件资源。用户还能通过留言给相关的授课老师留言，提出相关的建议和意见。对于后台网站管理，主要完成对以下服务：管理员登录和验证，让管理员能管理所有教学信息，因此，管理员实现留言的管理、视频的发布和管理、上传文件管理等。
整个网站是为了服务与学生和教师的，让学生能在网上学习，同时获取想要的教学资源，并获得和授课教师交流的平台；让教师能利用网络，分享教育资源，同时有利于授课教育。
3.2.2.1功能需求分析
从功能上来讲，可把系统分为两部份，分别是：
前台功能：网站前台是为用户提供的浏览而开发的，所以它必须具备：浏览课程信息，了解精品课程；在线学习，观看教学录像和在线信息查看；资源下载，下载相关教学课件和视频录像、在线留言等功能。
后台功能：网站后台管理工具是为管理员（身份是教师）对网站管理和资源更新研发的工具。具备：管理员登录和验证、信息管理、留言管理（查看留言、删除留言）、视频管理（查看视频、删除视频、发布视频）、上传管理（查看上传、修改上传、删除上传）等四大主要功能。
1.管理员的用例描述
从管理员进入后台管理工具开始，管理员便能查询到其他管理员的简单信息；管理员能在留言管理中查看给自己的留言，并删除留言；通过视频管理，对自己发布的视频进行删除，或者重新发布发作；通过上传管理，查看上传的文件记录，并可对其进行删除和修改，如图3-1所示。
图3-1管理员用例图
2.普通用户的用例描述
普通用户只能浏览前台页面，因此，当用户进入网站时，能通过网站完成课程信息的查看，在线观看视频和教学课件，下载相关的教学资源，查询视频和给授课教师留言，如图3-2所示。
图3-2普通用户用例图
3.2.2.2从性能需求分析
C语言程序设计精品课程网站是基于B/S模式的，页面功能逻辑和数据库表
的逻辑相对简单，但是数据量十分大，因为项目中包含了许多视频文件和大量的教学课件，这也使得项目所占用的存储空间很大，加大了服务器的压力。本网站是一个开发性的网站，无需登录便可轻易浏览，这其中也包括了：视频查看、留言这两个功能。用户可以无需登录进行留言，轻松完成匿名留言。
1.对界面的要求：
◆为用户提供简单的界面操作
◆页面大小、字体大小适中，风格柔和，布局合理、规范
◆页面风格主题突出，格式统一、内容规范和明确，传递信息准确
◆页面功能按需求实现，没有繁琐而无用的功能
2.后台安全需求：
◆后台各功能模块要有相对应的权限的管理员才可以进入并操作
◆确保为用户提供的安全、稳定的信息服务
◆程序的可移植性
◆页面的可兼容性
4系统设计
系统设计是把软件需求实现为软件的过程，主要包含两个阶段：软件体系结构设计和部件级设计，也叫概要设计和详细设计。软件体系结构设计将软件的需求转化为数据和软件的系统结构。部件级设计将软件体系结构中的结构性元素转化为软件的过程性描述，得到软件详细的数据结构和算法。
4.1系统体系结构设计
C语言程序设计精品课程网站整个项目由两部分组成，分为前台网站和后台管理工具。
前台功能：浏览教学信息、教学相册、下载相关教学课件和在线视频、在线留言等功能。
后台功能：管理员登录和验证、教学信息管理、留言管理（查看留言、删除留言）、视频管理（查看视频、删除视频、发布视频）、上传管理（查看上传、修改上传、删除上传）等主要功能，如图4-1所示。
C语言程序设计精品课程网站
前台网站后台管理工具
相册查看与留言相
关
资
源
下
载
在
线
视
频
与
课
件
课
程
信
息
浏
览
上
传
管
理
模
块
信
息
管
理
模
块
留
言
管
理
模
块
相
册
管
理
模
块
管
理
员
登
录
与
验
证
图4-1系统功能结构图
4.2主要功能模块描述
1.课程信息浏览
在网站浏览时，通过对课程描述、师资队伍等页面，对精品课程的相关课程信息进行浏览，让普通用户了清晰的了解C语言程序设计精品课程。
2.在线视频与课件
在线视频与课件，能让用户在线观看教学视频，同时还为用户提供了课件学习。给用户提供了一个良好的学习平台。
3.相关资源下载
C语言程序设计精品课程网站为用户提供了教学视频和教学课件的下载，给所有用户带来资源共享的益处。
4.视频查询与留言
用户可以通过网站提供的视频查询功能，及时查询相关授课教师布置的视频，并可以查看过往视频；留言功能使得用户能通过匿名留言给相关的授课教师，同时授课教师能及时查看留言。
5.管理员登录与验证
系统在开发出来的时候拥有一个默认的管理员，管理员使用账号和密码进行登录，后台管理工具通过与数据库的交互，验证和判断用户身份，做出登录成功或失败的跳转。
6.信息管理模块
管理员在这个模块中拥有最高的权限，能对已有信息进行修改、删除、查看。
7.留言管理模块
留言管理模块显示的内容是来自前台页面的用户通过匿名留言而来的，在这个模块中，管理员可以进行留言的查看和删除。
8.视频管理模块
管理员通过视频管理模块来发布视频、查看发布过的视频、删除已发布的视频，发布的视频将显示在前台网站上，供用户查询。
9.上传管理模块
管理员通过上传管理模块来上传文件，上传的文件被限制为.doc、.xls、.ppt、.txt等格式的文件，这些文件上传后用来提供给用户下载或者查阅。管理员还能在这个功能模块中修改和删除已上传的文件。
4.3系统流程设计
4.3.1管理员登录流程图
管理员使用已注册的账号和密码进行登录，后台管理工具通过与数据库的交互，验证和判断用户身份，做出登录成功或失败的跳转。如图4-2所示。
图4-2管理员登录流程图
4.3.1前台页面流程图
用户先进入首页，然后从首页通过导航栏分别进入：师资队伍、课程描述、课件学习、下载中心、联系我们模块。如图4-3所示。
图4-3前台页面流程图
4.3.2后台管理流程图
管理员首先通过身份验证和密码验证，登录到后台管理工具中，登录成功后可以进行：资源管理（查看资源、增加资源、删除资源）、留言管理（查看留言、删除留言）、视频管理（查看视频、删除视频、发布视频）、上传管理（查看上传、修改上传、删除上传），如图4-4所示。
图4-4后台管理流程图
5数据库设计
5.1数据库概念逻辑设计
概念模型是对信息世界模型，所以概念模型应该能够方便、准确地表示出上述信息世界中的常用概念。概念模型的表示方法很多，其中最为重要也最为常用的是实体-联系方法，该方法用E-R图来描述现实世界的概念模型。E-R图提供了表示实体型、属性和联系的方法。
5.1.1系统E-R图
C语言程序设计精品课程网站的实体由管理员、留言、视频、上传四个组成，其中管理员中包含了管理员和超级管理员；E-R图如图5-1所示。
图5-1系统E-R图
5.1.2各实体的E-R图
本网站数据库共有四张主要的表，分别是：管理员表（admin）、留言表（message）、教学资源表（resources）、上传表（upload）。
1、管理员表（admin）
用于存放管理员的信息，其中主键是：admin_id，设置为自动增长。其实体E-R图如图5-2所示。
图5-2管理员E-R图
2、留言表（message）
用于存放用户的留言信息，其中主键是：message_id，设置为自动增长,admin_id是外键。其实体E-R图如图5-3所示。
图5-3留言E-R图
3、教学资源表（resources）
用于存放管理员发布教学的信息的表，其中主键是：resources_id，设置为自动增长，admin_id是外键。其实体E-R图如图5-4所示。
图5-4视频E-R图
4、上传表（upload）
用于存放管理员上传文件的信息，其中主键是：upload_id，设置为自动增长，admin_id是外键。其实体E-R图如图5-5所示。
图5-5上传E-R图