在线教育系统毕业设计论文.doc

i i 在线教育系统在线教育系统 摘要摘要 伴随着 internet 的高速发展，网络已经走入了千家万户。而教育是中国发展 之大计，因此，为了能够更好的方便教师和学生管理和学习，一些网络课堂应酝而 生。 本系统就是一个网络课堂类型的网站。 前台使用 asp 语言及其组件技术设计 网页。后台运用服务器端的 access 数据库进行数据操作。来实现教育系统中 教 学内容发布、公告发布和维护、作业 的管理、答疑、聊天室、 公告浏览、个人 信息的修改等模块的设计 。采用菜单模块设计，学生上交作业时使用了asp 上 传组件， 目的在于简化程序中的代码，降低程序的复杂性，增强代码的可读性和 保密性。 系统中把一些常用的数据放在一起作为公用模块，这样可以起到被多 个应用程序同时使用的功能。另外，组件的使用也可以解决某些 asp 脚本无法 实现的功能 。 关关键键字字：数据库、即时聊天、 asp 组件、在线教育 abstractabstract along with the rapid development of internet, the network has entered the household. education is the development plan, and therefore, in order to be able to better manage and facilitate teachers and students to learn, and some networks classroom should brew health. this type of system is a network of classroom websites. prospects for the use of language and its asp website design technology components. background of the access database server-data operations. to achieve the education system teaching issued, a notice issued and maintenance, operations management, hydrology, chat rooms, bulletin browsing, personal information changes such as modular design. modular design of a menu, students use the asp upload perpendicular components designed to simplify the process of code, reducing the complexity of the procedure and enhance code readability and confidentiality. system to some commonly used data together as a common module, which could be a function of the simultaneous use of multiple applications. in addition, components can be used to address some asp script unattainable functions. k ke ey yw wo or rd ds s : database, immediate chat, asp components, online education 1 目录目录 第一章第一章 前言前言1 1 第一节 internet的作用 1 第二节 本系统开发的意义 .2 第二章第二章 开发工具的选择及开发的硬软件环境开发工具的选择及开发的硬软件环境3 3 第一节 开发环境 3 第二节 前台开发工具的选择 .4 第三节 后台开发工具的选择 6 第三章第三章 系统设计系统设计9 9 第一节 总体设计 9 第二节 设计思想 10 第三节 系统功能分析与设计 10 第四节 数据库设计与实现 12 第四章第四章 系统功能模块的设计系统功能模块的设计1616 第一节 公共页面设计 16 第二节 主页面设计 19 第三节 菜单页面 20 第四节 公告栏 22 第五节 答疑教室 36 第六节 作业模块 41 第五章第五章 总结总结4848 致谢致谢4949 参参 考考 文文 献献5050 2 第一章第一章 前言前言 第一节第一节 internetinternet 的作用的作用 在现代社会中 internet 起着越来越重要 的作用。其作用主要表在： 信息 传播、通信联络 、专题讨论和资料检索。 信信息息传传播播 : 你或他人都可以把各种信息任意输入到网络中，进行交流传播。 internet 上传播的信息形式多种多样，世界各地用它传播信息的机构和个人越 来越多，网上的信息资料内容也越来越广泛和复杂。目前， internet 己成为 世界上最大的广告系统、信息网络和新闻媒体。现在，internet 除商用外， 许多国家的政府、政党、团体还用它进行政治宣传。 通通信信联联络络 : internet 有电子函件通信系统，你和他人之间可以利用电子函件取代邮政 信件和传真进行联络。甚至你可以在网上通电话，乃至召开电话会议。 专专题题讨讨论论 : internet 中设有专题论坛组，一些相同专业、行业或兴趣相投的人可以在 网上提出专题展开讨论，论文可长期存储在网上，供人调阅或补充。 资资料料检检索索 : 由于有很多人不停地向网上输入各种资料，特别是美国等许多国家的著名数 据库和信息系统纷纷上网， internet 己成为目前世界上资料最多、门类最全、 规模最大的资料库你可以自由在网上检索所需资料。目前，internet 己成为 世界许多研究和情报机构的重要信息来源。 internet 创造的电脑空间正在以爆炸性的势头迅速发展。你只要坐在微机 前，不管对方在世界什么地方，都可以互相交换信息、购买物品、签订巨大项目 合同，也可以结算国际贷款。企业领导可以通过internet 洞察商海风云，从 而得以确保企业的发展：科研人员可以通过internet 检索众多国家的图书馆 和数据库；医疗人员可以通过internet 同世界范围内的同行们共同探讨医学难 题；工程人员可以通过 internet 了解同行业发展的最新动态：商界人员可以通 过 internet 实时了解最新的股票行情、期货动态，使自己能够及时的抓住每一 次商机，永远立于不败之地；学生也可以通过internet 开阔眼界，并且学习 到更多的有益知识。 3 总之，internet 能使我们现有的生活、学习、工作以及思维模式式发生根 本性的变化。无论来自何方， internet 都能把我们和世界连在一起。 internet 使我们可以坐在家中就能够和世界交流，有了internet，世界真的 小了，internet 将改变我们的生活 。 第二节第二节 本系统开发的意义本系统开发的意义 一般来讲开发课程主要有两种方式，一种是侧重内容，团队合作共同开发 成多媒体网络课程，这类课程形式主要以flash、html 等格式为主；另一种 是侧重讲教师，以教师讲课的数字化形式体现，课件形式主要为三分屏或视频 形式。无论哪种形式，当开发完成、正式投入应用前一些问题就会显现出来了。 最重要的问题就是定位问题，现实中很多网络教育机构或内容提供商都将这样 的课件定位为网络课程，而价格则采取原远远高于教材、比传统面授低一些的 策略。这实际上走了出版物与课程之间的道路，我们必须认清的是这条路客观 上是否存在，它是不是在线教育发展的正确方向。从本质上看，数字化、网络 化与传统形式相比只是形式上的不同，事物本身的规律还是不变的，也就是教 材对应的是数字化教材；课程对应的是数字化课程，只是现阶段我们还没有完 全进入到成熟的数字化课程学习（教学）的阶段，盲目地将数字化教材当成了 数字化课程，从发展的角度来看，这条中间道路是不存在的。我们进一步从有 效学习的本质更能看清这一点，通过教材（书籍）学习，学习的要素只有学习 者、学习对象（教材）、环境（读书学习的时间地点）三个；通过课程学习， 学习的要素有学习者、学习对象（教材） 、教师、环境（学习的时间地点）四 个。 很多人对在线教育中的 “教师”理解上是有偏差的，其中一部分人认为 课件中的教师在网络教育中就起到教师的作用，这种认识是错误的，课件及其 课件中的教师仍然是学习要素中的学习对象（数字化教材）的一部分，而不是 真正意义上引导学生学习的教师。以前业内经常提到的“穿新鞋走老路 ”就 是只这种认识倾向的人。还有一部分人认为通过在在线教育过程中增加辅助教 师，利用论坛、答疑等形式的互动提升在线学习效果，这样做虽然可以有所改 善，但本质上仍然是在促进学习者与数字化教材之间的互动，并非是真正意义 上与传统课程对应的数字化课程。 因此开发一个在线教育系统有很大的的重 要性和必要性。 4 第二章第二章 开发工具的选择及开发的硬软件环境开发工具的选择及开发的硬软件环境 第一节第一节 开发环境开发环境 1. 硬件环境 （1） 服务器端 服务器端的最低配置是由建立站点所需的软件来决定的，在最低配置的情况 下，服务器的性能往往不尽如人意，现在的硬件性能已经相当出色，而且价格也很 便宜，因此我们通常给服务器端配置高性能硬件。 本在线教育系统网站服务器端的配置如下： 外理器： intel pentiun iv 1.6ghz 或更高。 内存：256mb。 硬盘空间： 80gb。 光驱：cd-rom 48x。 显卡：svga 显示适配器。 （2）用户端 因为客户端主要用于浏览和操作数据，所以对客户端的硬件要求不高，而现在 的电脑有很高的性价比，因此需要的配置应该高于下面的要求： 外理器： intel pentiun 166 mx 1.6ghz 或更高。 内存：32mb。 硬盘空间： 1gb。 光驱：cd-rom 48x。 显卡：svga 显示适配器。 2软件环境 (1)服务器端 操作系统： wineows nt server4.0 或 windows2000/windows 98 或更高。 网络协议： tcp/ip。 web 服务器： internet information server 5.0/personal web server。 数据库： microsoft access 2000。 浏览器： internet explore 5.0。 iis 5.0。 active file 上传组件。 5 (2)用户端： 操作系统： wineows nt server4.0 或 windows2000/windows 98 或更 高。 网络协议： tcp/ip。 web 服务器： internet information server 5.0/personal web server。 数据库： microsoft access 2000。 浏览器： internet explore 5.0、netscape 或者其他浏览器。 第二节第二节 前台开发工具的选择前台开发工具的选择 鉴于本系统要实现的具体功能，网站要能动态的及时更新，检索，删除等操作， 因此选用动态功能较强的 asp 来处理。 什什么么是是 a as sp p： asp 是 active server page 的缩写，意为 “活动服务器网页 ” ，asp 的网页 文件的格式是 .asp，现在常用于各种动态网站中。 asp，活动服务器页面,就是一 个编程环境，在其中，可以混合使用 html、脚本语言以及组件来创建服务器端功能 强大的 internet 应用程序。 如果你以前创建过一个站点，其中混合了 html、脚本语 言以及组件，你就可以在其中加入 asp 程序代码。通过在 html 页面中加入脚本命 令，你可以创建一个 html 用户界面，并且，还可以通过使用组件包含一些商业逻辑 规则。组件可以被脚本程序调用，也可以由其他的组件调用。asp 是 activeserver page 的缩写，意为 “活动服务器网页 ” 。asp 是微软公司开发的代替 cgi 脚本程 序的一种应用 ,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工 具。asp 的网页文件的格式是 .asp，现在常用于各种动态网站中。 asp 是一种 服务器端脚本编写环境，可以用来创建和运行动态网页或web 应用程序。 asp 网页可以包含 html 标记、普通文本、脚本命令以及com 组件等。利用 asp 可以 向网页中添加交互式内容（如在线表单） ，也可以创建使用 html 网页作为用户 界面的 web 应用程序。 asp 的原意的确是实现应用服务租赁的模式，但其涉及的并非是简单的几个技 术问题这么简单。asp 不同与网站，也不同于软件开发商。asp 所提供的不仅仅是一 6 种应用服务，其深层意义在于对现行提供了一种新的信息化的道路。而作为一种管理 信息化的方向，asp 的责任在于要建立起一套完整有效的运营体系。纯粹从技术的角 度来谈 asp，既低估了 asp 的价值，也不利于 asp 理论的发展。同样也不要把 asp 单纯的看作仅仅提供软件。从技术角度来看 asp，也是有许多的问题需要解决。具体 的说一个问题，asp 不能等同与网站在于两者提供的服务标准不同，asp 要提供严格 符合 sla（服务品质协议）标准的服务，网站则没有相关的约束，而要做到符合 sla 要求，asp 必须要合理的配置其软硬件资源。简单的说，就是当多个客户同时需要部 分资源时，asp 如何合理调配，使每个客户都能在 sla 中约定的服务标准时间内得到 他需要的东西。这可不是简单的几个流量负载均衡器就能解决的问题。 asp 不仅是 it 业研究的对象，也是管理学界研究的对象。asp 的研究还是大有可 为的！ 与 html 相比，asp 网页具有以下特点： （1）利用 asp 可以实现突破静态网页的一些功能限制，实现动态网页技术； （2）asp 文件是包含在 html 代码所组成的文件中的，易于修改和测试； （3）服务器上的 asp 解释程序会在服务器端制定asp 程序，并将结果以 html 格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览asp 所产生 的网页； （4）asp 提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例 如可以从 web 浏览器中获取用户通过 html 表单提交的信息，并在脚本中对这些 信息进行处理，然后向 web 浏览器发送信息； （5）asp 可以使用服务器端 activex 组建来执行各种各样的任务，例如存取数据 库、发现哦那个 email 或访问文件系统等 ； （6）由于服务器是将 asp 程序执行的结果以 html 格式传回客户端浏览器，因此 使用者不会看到 asp 所编写的原始程序代码，可放置asp 程序代码被窃取 。 的的工工作作原原理理： 当在 web 站点中融入 asp 功能后，将发生以下事情： 用户调出站点内容，默认页面的扩展名是 .asp。 浏览器从服务器上请求 asp 文件。 服务器端脚本开始运行 asp。 asp 文件按照从上到下的顺序开始处理，执行脚本命令，执行html 页面内容。 页面信息发送到浏览器。 因为脚本是在服务器端运行的，所以web 服务器完成所有处理后，将标准的 7 html 页面送往浏览器。这意味着， asp 只能在可以支持的服务器上运行。让 脚本驻留在服务器端的另外一个益处是：用户不可能看到原始脚本程序的代码，用 户看到的，仅仅是最终产生的html 内容。 第三节第三节 后台开发工具的选择后台开发工具的选择 数据库的选择在某种程序上决定了系统的功能实现及安全性操作。目前常用的 数据库为： access（*.mdb）数据库 sql server 数据库 visual foxpro my sql oracle 常常用用数数据据库库的的连连接接方方式式 (1)通过 jet 数据库引擎对 access2000 数据库的连接 m_pconnection-open(“provider=microsoft.jet.oledb.4.0;data source=c:test.mdb“,“,“,admodeunknown); (2)通过 dsn 数据源对任何支持 odbc 的数据库进行连接 : m_pconnection-open(“data source=adotest;uid=sa;pwd=;“,“,“,admodeunknown); (3)不通过 dsn 对 sql server 数据库进行连接： m_pconnection- open( “driver=sqlserver;server=127.0.0.1;database=vckbase;uid=sa;pwd=139“,“,“,admod eunknown ); 其中 server 是 sql 服务器的名称， database 是库的名称 connection 对象除 open 方法外还有许多方法，我们先介绍connection 对象中 两个有用的属性 connectiontimeout 与 state connectiontimeout 用来设置连接的超时时间，需要在open 之前调用，例如 : 8 m_pconnection-connectiontimeout = 5;/设置超时时间为 5 秒 m_pconnection-open(“data source=adotest;“,“,“,admodeunknown); state 属性指明当前 connection 对象的状态， 0 表示关闭， 1 表示已经打开，我 们可以通过读取这个属性来作相应的处理，例如: if(m_pconnection-state) m_pconnection-close(); /如果已经打开了连接则关闭它 本系统占用内存少，功能的实现不是太复杂，对数据库的安全性要求也不是太 高，因此选用 access（*.mdb）数据库 即可。 a ac cc ce es ss s 介介绍绍： access 是 office 办公套件中一个极为重要的组成部分。 access 是微软公 司推出的基于 windows 的桌面关系数据库管理系统（ rdbms） ，是 office 系列 应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7 种用来建立 数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、 界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方 便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。 access 是一种关系型数据库管理系统，其主要特点如下： 1. 存储方式单一 access 管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存 放在后缀为（ .mdb）的数据库文件种，便于用户的操作和管理。 2 . 面向对象 access 是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的 各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统 当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象 的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、属性 完成数据库的操作和管理，极大地简化了用户的开发工作。同时，这种基于面向对 象的开发方式，使得开发应用程序更为简便。 3. 界面友好、易操作 access 是一个可视化工具，是风格与windows 完全一样，用户想要生成对 象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、 查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向 导等工具，使得操作简便，容易使用和掌握。 4. 集成环境、处理多种数据信息 9 access 基于 windows 操作系统下的集成开发环境，该环境集成了各种向导 和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、 设计用户界面、设计数据查询、报表打印等可以方便有序地进行。 5. access 支持 odbc（开发数据库互连， open data base connectivity） ，利 用 access 强大的 dde（动态数据交换）和 ole（对象的联接和嵌入）特性，可以 在一个数据表中嵌入位图、声音、 excel 表格、word 文档，还可以建立动态的数 据库报表和窗体等。 access 还可以将程序应用于网络，并与网络上的动态数据相 联接。利用数据库访问页对象生成html 文件，轻松构建 internet/intranet 的 应用。 6. 完善地管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等 功能。 7. 强大的数据处理功能，在一个工作组级别的网络环境中，使用access 开发 的多用户数据库管理系统具有传统的xbase（dbase、foxbase 的统称）数据库 系统所无法实现的客户服务器 (cient/server)结构和相应的数据库安全机制， access 具备了许多先进的大型数据库管理系统所具备的特征，如事务处理/出 错回滚能力等 。 如何加密数据库如何加密数据库 加密数据库按以下步骤进行： 1、使用相应的工作组信息文件启动access，关闭所有打开的数据库并保证 网上所有用户不再使用该数据库。 2、单击“工具/安全/加密/解密数据库 ” ，此时出现 “加密解密 ”对话框。 3、在对话框中，用户可以指定需加密的数据库，此数据库同时必须是一个设 置安全机制的数据库。然后单击 确定按钮。出现 “数据库加密后另存为 ”对 话框。 4、在该对话框中，用户需要指定加密后的数据库名称，以及有效数据库的位 置，然后单击 确定按钮。 最后需要说明的是， access 2000 是对数据库进行操作的应用程序，因此需要 有较好的配置。安装 access 2000 的用户，需要的 硬件配置如下： (1)、pentium 200 以上。 (2)、2gb 以上硬盘。 (3)、不少于 32mb 内存。 (4)、光驱一个。 10 第三章第三章 系统设计系统设计 第一节第一节 总体设计总体设计 在线教育系统主要是提供网上教学平台，使用者有教师和学生两个主体，因此 设计时也应包括两个大的部分功能。具体其功能如下： 1 教育部分的功能如下： 通过教学公告向学生发布信息。制定教学计划、宣布考试日程安排、发布 临时通知等。 在网上发布教案。 在网上发布作业，包括作业题目上载、公布作业完成时间、内容等。 批阅作业，给出学生成绩。 通过聊天室与学生进行实时讨论。 2 学生部分的功能如下： 阅读公告。 在网上完成课程学习。 在网上完成作业，包括作业下载、上传作业内容和作业成绩查询等。 通过讨论组的形式 向老师提出问题。 通过聊天室与老师进行实时讨论。 功功能能流流程程图图 如图 3-1 所示 教师 公告 作业 问题 成绩 学生 发布 批阅 即时聊天和网上答疑 阅读 上载 解答 批阅 提问 查询 图 3-1 功能流程图 11 第二节第二节 设计思想设计思想 本在线教育系统将具有以下特点： 实用性：要为网上教学提供方便。 操作简单：本系统应该适用于不同水平的使用者，包括教师和学生，同时 系统不应太复杂和烦琐，因此要求系统的操作尽可能简单易行。 代码可读性好：论文中的代码将尽可能简洁。 系统的结构如图 3-2 所示，多数页面都是通过 asp 肢本程序直接访问数据 库和文件系统，有部分 asp 程序通过组件（上传组件）访问数据库。 图 3-2 系统结构设计 第三节第三节 系统功能分析与设计系统功能分析与设计 在线教育系统共分为两个子系统：教师子系统和学生子系统，教师主要是公告 发布功能、作业评分功能和问题解答功能，学生主要是公告浏览、作业上传、提问、 查询成绩等功能。这部分的具体功能划分要求十分严格。其功能模块划分如图 3-3 和 3-4 所示。 asp 页面 上传组件 文件系统数据库 asp 页面 12 图 3-3 教师子系统功能模块的划分 图 3-4 学生子系统功能模块划分 1教学内容发布 教师发布教案，这些内容是在线教育的最主要的内容。教案可能有各种形式， 如 htm、doc、ppt、avi。但在通常情况下，这些教学内容都是静态内容，因此按 类别及内容分类在网站上发布即可。另外，系统应对教学内容提供查询功能。 2公告功能 教师可以通过公告功能发布各项通知，例如以下内容： 招生公告。 教师子系统教学内容发布 聊天室 答疑 作业批改 公告发布和维护 学生子系统教学学习 聊天室 答疑 作业上载和查询 公告浏览 13 规章制度。 课程安排，包括课程教学方式、课程播放表、考试日程安排等。 临时通知和教材。 3作业功能 对于作业，学生需要将作业通过上传的方式上交。教师要根据作业完成情况 给每份作业打分。因此，系统需要提供以下功能： 上传：将作业上载到指定地点，并按某种方式进行标识。 批阅：教师可对作业进行批阅判分。 4.答疑功能 非实时答疑：系统需要完成一个讨论组的功能，以便学生和老师能顺利 提问和解答。 实时答疑：功能类似于聊天室。学生 和老师可以同时登录到系统，进行 实时交流。 第四节第四节 数据库设计与实现数据库设计与实现 1数据库的需要分析 根据系统需求，可以列出以下数据项和数据结构： 公告信息：包括标题、发布时间、公告内容、公告序号等。 教案查询索引：包括关键字、描述、内容所在地等。 答疑信息：包括提问标题、问题内容、回答内容、提问时间、显示标记、 回答标记等。 学生信息：包括学生姓名、学号、名次作业成绩等。 2. 数据库的逻辑设计 e er r 图图举举例例 学生 姓名学号 各科成绩 a. 公告信息表 14 此表中应包括公告信息的所有属性，包括标题、内容、发布时间、公告 id。 公告信息表（ board）如表 3-1 所示。 表 3-1 公告信息表 字字段段名名称称数数据据类类型型说说明明 id 自动编号 title 文本公告标题 inputdate 日期/时间公告发布时间 detail 备注公告内容 idnum 数字公告排列序号 flag_attention 是/否重要消息的标记 b.教案查询索引表 此表是教师对教案进行管理的后来数据表，所以他应包括基本的教案查询属性。 教案查询索引表（ keywords）如表 3-2 所示。 表 3-2 教案查询索引表 字字段段名名称称数数据据类类型型说说明明 id 自动编号 keyword 文本关键字 details 文本关键字描述 page 文本目标页面 url c.答疑信息表 答疑信息表（ problem）如表 3-3 所示。 表 3-3 答疑信息表 15 字字段段名名称称数数据据类类型型说说明明 id 自动编号 title 文本提问标题 flag_show 是/否显示标记 flag_answer 是/否回答标记 detail 备注问题内容 answer 备注回答内容 time_qry 日期/时间提问时间 d.学生信息表 学生信息表（ student）中存放着学生基本信息如学号、姓名、专业、系别、 及几门课程的成绩等。上交作业、成绩查询、提问等操作都用到此表，从表中调出 信息后再进行相关操作。其结构如表3-4 所示。 表 3-4 学生信息表 字字段段名名称称数数据据类类型型说说明明 id 自动编号 num 文本学号 name 文本姓名 department 文本班号 score1 数字第一次作业得分 score2 数字第二作业得分 score3 数字第三次作业得分 score4 数字第四次作业得分 16 3 后台数据库的配置 后台数据库可以使用 sql 或 access，数据库服务器和 web 服务器可以配 置在同一台计算机上，也可在两台计算机上，以上两种情况对于开发的过程来 说是类似的，只需要在 web 服务器上配置好 odbc 的系统数据源就可以了。本 系统是在 windows xp professional 下开发的，开发数据库使用的是 access2000。 具体配置步骤如下： 新建一个空数据库，取名为 newdata.mdb. 在 newdata.ndb 中建立表 board、keyword、problem、student。 建立一个 odbc 数据源，名称为 newdata,指向 newdatamdb. 在”odbc microsoft access 安装”窗口中，数据源名称为 ”newdata”,这 是 asp 程序中将要引用的，单击 “选择”按钮，从弹出的文件窗口中选择 newdata.mdb 文件所在的位置，其他选项都不改变，如图3-5 所示。 图 3-5 填写数据源信息 单击”确定”按钮，这样就完成了 access 数据库的 odbc 数据源设置。 17 第四章第四章 系统功能模块的设计系统功能模块的设计 第一节第一节 公共页面设计公共页面设计 系统公用页面包括以下 4 个：global.asa 文件、ado 常数页面 adovbs.inc 文件、ado 连接函数页面 cod_ado.inc 文件、页面风格定义文件 atyle.inc。global.asa 文件放在网站的根目录下，这是global.asa 文件 的特性决定的，其余 3 个文件都放在 /include 目录下。 (1) global.asa 文件 global.asa 文件可以对 applicationt 和 session 对象的开始和结束事 件定义函数。在该文件中，我们将数据库连接的字符串存放在 application(“dsn”)对象中。这样每次启动网站的时候，数据连接字符串 application(“dsn”)就被赋值。 代代码码实实现现 ： sub application_onstart application(“dsn“) = “dsn=newdata;uid=;pwd=“ end sub (2) ado 常数页面文件 程序中将会使用一些常数，例如adopenforwardonly,adlockreadonly 等。因此将它们放在一个头文件adovbs.inc 中，以方便调用。 adovbs.inc 代码为： （1） 页面风格定义文件 style.inc 在 style.inc 文件中，利用 css 风格表对该系统的页面整体风格进行定 义。主要包括页面、表格、标题、输入框的字体、颜色等。 body font-family: 宋体; font-size: 14px; line-height: 20px center font-family: 宋体; font-size: 15px; font-family: 宋体; font-size: 14px font-family: 宋体; font-size: 12px 20 background-color: #f4f4f4 tr.tr2 background-color: #ffffff background-color: #b0c4de font-family: 宋体; font-size: 14px; input font-family: 宋体; font-size: 12px; text-decoration: none 第二节第二节 主页面设计主页面设计 功能介绍功能介绍 进入网页后给用户的第一印象，提供各种操作的平台。 设计思想设计思想 考虑到程序界面的友好性，因此采用框架网页更有利于用户和 教师的使用的管理，力求做到界面简洁。 系统的起始页如图 4-1 所示。共分为左右两个页面。为一框架网页实现方 法如下： 21 网上课堂 从代码和页面中可以看出，左边为菜单页面toc.asp，右边为内容页面 main.asp，在系统运行过程中，左边菜单toc.asp 一直都是显示状态，右边 的页面随模块不同内容也不同。 图 4-1 主页面 第三节第三节 菜单页面菜单页面 功能介绍功能介绍 22 对于一个网站来说，菜单的制定是非常重要的。菜单决定了使用者和管理员 在使用和管理时操作性的友好，在某种程序上决定了一个网站的生存空间。 对于本在线教育系统，菜单的设计同样具体重要的作用，在这个系统中菜 单页面包括名项功能页面的连接，即公告区、教案学习区、答疑教室、聊天室、 作业查询、作业上传。页面底部的图标是到教师工作室菜单页面的连接。学生 和教师的第一部操作都是从此开始的。 另外要提的是在这个菜单页面的教案学习中有一个分级展开的菜单，如图 4-2 所示，当单击标题 “第二章 线性表”的时候，下面子菜单每一小节的标 题就显示出来；再次单击的时候，下面的子菜单又收缩不显示了。 图 4-2 菜单页面 设设计计思思想想 利用 javascript 脚本语言中的 document.all.item(“div“+div_id).style.display 来设计的。 关关键键代代码码 该功能的实现是用下面的函数来完成显示的。 23 function showdiv(div_id) if (document.all.item(“div“+div_id).style.display = “block“) document.all.item(“div“+div_id).style.display = “none“; else document.all.item(“div“+div_id).style.display = “block“; 对于子菜单的 html 部分，定义了一个块 根据风格定义 display:none，块中的内容缺省内容是不显 示的。当单击标题的时候，调用了函数show(div2)，这样就可以通过改 变子标题部分 display 属性来改变页面的显示了。 第四节第四节 公告栏公告栏 功功能能介介绍绍 公告栏分为学生查看公告部分和教师进行公告管理部分，学生能查看教师 列出的公告来进行阅读和学习，能及时了解最新的学习动态，以便作出自己的 规划。 功功能能实实现现： 以教师发布公告、修改公告、删除公告的各个页面为例来说明公告功能的 实现。 此模块涉及到的部分 asp 文件如下： 24 (1).bulletion.asp: 教师工作区公告栏主页面。 (2).bulletion_detail.asp:公告详细内容。 (3).bulletion_update.asp:公告内容更新。 (4).bulletion_insert.asp:插入一条新公告。 (5).bulletion_new.asp:新公告录入表格。 (6).bulletiondelete.asp:删除公告。 此模块虽然不大，但它完整的包括了数据库的查询、增删改及数据分页显示 的操作。 1. bulletion.asp: 教师工作区公告栏主页面。 功功能能实实现现 页面上按时间倒序列出了 12 条公告，另外，在每条公告的前面有复选框， 可以选中部分公告，然后删除。单击公告标题可以看到公告的详细内容，并进 行修改。单击 “新增”按钮可以新增一条公告。 网页运行页面如图 4-3 所示 关关键键代代码码 实现方法的主要代码如下： 25 0 then sumcount = rs.recordcount rs.movefirst end if rs.pagesize = 12 获取总的页数 intpagecount = rs.pagecount if len(strpage) = 0 then strpage = “1“ if int(strpage)intpagecount then strpage = cstr(intpagecount) 如果查询结果为空，则不显示列表。 if rs.eof then % 26 本页是第 /页 1 then % “前一页 “下一页 标记 序号 标题 “ “ page=“ 本页是第 /页 1 then % “前一页 “下一页 “ sub item_delete(no) value = msgbox(“确定要删除号码为 “ “) set conn = server.createobject(“adodb.connection“) conn.open application(“dsn“) strsql = “update board set title = “ “) strflag_attention = request.form(“flag_attention“) if strflag_attention = “on“ then flag_attention = 1 34 else flag_attention = 0 end if strtext = request.form(“detail“) strtext = replace(strtext,“,“) strtext = server.htmlencode(strtext) strtext = replace(strtext,chr(13)“) dim objcnn,rs strdsn = application(“dsn“) strsql = “select max(idnum) from board“ cod_adoopen objcnn,rs,strdsn,strsql if isnull(rs(0) then idnum=1 else idnum=rs(0)+1 end if rs.close strsql = “insert into board(idnum,title,flag_attention,detail) values (“ “) set conn = server.createobject(“adodb.connection“) conn.open application(“dsn“) strsql = “update problems set flag_answer=true,answer = “ if i pursue you i will not catch you, and if i catch you-through your own slowness and clumsiness-i will not kill you, and if i kill you i will not eat you.“ nicholas had begun to back away, and at the last; words, realizing that they were a signal, he turned and began to run, splashing through the shallow water. ignacio ran after him, much helped by his longer legs, his hair flying behind his dark young face, his square teeth-each white as a bone and as big as nicholass thumbnail-showing like spectators who lined the railings of his lips. “dont run, nicholas,“ dr. island said with the voice of a wave. “it only makes him angry that you run.“ nicholas did not answer, but cut to his left, up the beach and among the trunks of the palms, sprinting all the way because he had no way of knowing ignacio was not right behind him, about to grab him by the neck. when he stopped it was in the thick jungle, among the boles of the hardwoods, where he leaned,.; out of breath, the thumping of his own heart the only . sound in an atmosphere silent and unwaked as earths long, prehuman day. for a time he listened for any sound ignacio might make searching for him; there was none. he drew a deep breath then and said, “well, thats over,“ expecting dr. island to answer from somewhere; there was only the green hush. the light was still bright and strong and nearly, shadowless, but some interior sense told him the day, was nearly over, and he noticed that such faint shades as he could see stretched long, horizontal distortions of their objects. he felt no hunger, but he had fasted be- fore and knew on which side of hunger he stood; he was not as strong as he had been only a day past, and by this time next day he would probably be unable to outrun ignacio. he should, he now realized, have