4163.网络教学平台的设计—后台数据库的实现 毕业论文

4163.网络教学平台的设计—后台数据库的实现 毕业论文 本 科 毕 业 论 文 网络教学平台的设计—后台数据库的实现 The Design of Network Teaching Platform ——The Realization of the Background Database 专业班级: 通信 学生姓名: 指导教师姓名: 指导教师职称: 教 授 2010年6月 大学学士学位论文 网络教学平台的设计—后台数据库的实现 摘要 随着计算机技术的迅猛发展，学校教学和管理也进入了信息化的时代。这就要求现代化的学校能够在各个环节得到均衡发展，从软硬件双方面建设成一流的信息管理、教育教学的平台，本文的题库系统是其重要的一个方面。该题库系统能够减轻教师工作负担、提高工作效率，增强参加考试学生的身份识别，比传统的考试模式更能节省人力物力和时间。 《数字信号处理》网络教学平台的后台数据库分为四大模块:公告管理模块、题库管理模块、新闻管理模块、会员管理模块。其中题库管理模块是进行题目的添加、存储和删除，是在线考试运行的基础;会员管理模块实现了对会员注册信息远程查询和删除。公告和新闻管理模块实现对公告和内容的添加、存储和删除，并能够在主页面显示。系统选用的开发软件是DREAMWEAVER+ASP+Vbscript，后台数据库为ACCESS2000。 本系统的开发采用结构化设计思想。系统说明书介绍了考试系统的开发初衷和背景，系统的开发工具，结构化开发的具体步骤，其中包括实体-联系模型，数据流图，功能结构图等必要的图形说明。 关键字:题库 试卷 管理 后台 ACCESS Dreamweaver I 大学学士学位论文 The design of network teaching platform ——The realization of the background database Abstract With the rapid development of computer technology, school teaching and management into the information age. This requires the modernization of the schools to be balanced in all aspects of development, from both sides of hardware and software into a first-class information management, education and teaching platform, this article questions the system is one aspect of its important. The item bank system to reduce the workload of teachers, and improving work efficiency, and enhance the students take the exam identification, than the traditional mode of examination which can save human and material resources and time. "Digital Signal Processing" network teaching platform, the background database is divided into four modules: Notice management module, management module questions, information management module, membership management module. Item bank management module which is subject to add, store and delete, is running on the basis of online examination; Member management module of the members registered to achieve long-range search and delete information. Notice and information management module and the contents of the notice to add, store and delete, and be able to show in the page.The system chooses the software of development that use is dreamweaver+asp,and ACCESS2000. The system developments adopt idea of construction designing. The system manual introduced the original intention and background of this examination system, the tool of development of the system, the details process of construction development, it content the entity-model, the data stream chart, function and configuration chart, and other necessary chart explanations. Key words: question paper manage system ACCESS Dreamweaver II 大学学士学位论文 目 录 第一章:概 述 ...................................................... 1 1.1 前言 .......................................................... 1 2.2 章节概述 ...................................................... 2 第二章:系统设计相关原理 ........................................... 3 [3]2.1 DREAMWEAVER介绍 ............................................... 3 [4]2.2 ACCESS介绍 .................................................. 4 [4]2.3 VBSCRIPT介绍.................................................. 5 第三章 需求 分析 定性数据统计分析pdf销售业绩分析模板建筑结构震害分析销售进度分析表京东商城竞争战略分析 ................................................... 7 [5]3.1 系统需要解决的主要问题 ...................................... 7 [6]3.2 系统应该具备的基本功能 ...................................... 7 3.2.1 概述 ...................................................... 7 3.2.2详细分析................................................... 7 第四章 后台数据库总体设计 ........................................ 10 4.1相关数据库的制作 ............................................. 10 4.2 首页相关的制作 .............................................. 13 4.2.1首页框架设计.............................................. 13 4.2.2 制作过程 ................................................. 14 4.3 用户注册页面 ................................................. 19 4.3.1 页面框架设计 ............................................. 19 4.3.2 制作过程 ................................................. 19 4.4用户资料修改页面 ............................................. 21 4.4.1页面框架设计.............................................. 21 4.4.2制作过程.................................................. 22 4.5显示所有最新公告页面及其所有业内新闻页面 ..................... 23 4.5.1页面框架设计.............................................. 24 4.5.2制作过程.................................................. 24 4.6公告及新闻详细页面 ........................................... 25 4.6.1页面框架设计.............................................. 25 4.6.2制作过程.................................................. 26 4.7管理员登录页面 ............................................... 27 4.7.1页面框架设计.............................................. 27 4.7.2制作过程.................................................. 27 4.8在线题库的制作 ............................................... 29 4.8.1页面框架设计.............................................. 29 4.8.2制作过程.................................................. 29 III 大学学士学位论文 4.8.3其他题型页面图示.......................................... 30 4.9总管理页面 ................................................... 32 4.10公告管理页面\新闻管理页面 ................................... 33 4.10.1页面框架设计............................................. 33 4.10(2制作过程................................................ 33 4.10.3新闻管理页面图示......................................... 35 \新闻修改页面 ........................................... 35 4.11公告 4.11.1页面框架设计............................................. 35 4.11.2制作过程................................................. 36 \新闻删除页面 ........................................... 38 4.12公告 4.12.1页面框架设计............................................. 38 4.12.2制作过程................................................. 38 4.13题库管理页面............................................... 39 4.14判断\选择\填空\计算管理页面图示 ............................. 40 4.15会员资料管理页面 ............................................ 42 4.15.1页面框架设计............................................. 42 4.15.2制作过程................................................. 42 [20]4.16发布网站 .................................................. 44 第五章 总结与展望 ................................................. 45 5.1 总结 ......................................................... 45 5.2 展望 ......................................................... 45 参考文献 .......................................................... 47 致 谢 ........................................... 错误～未定义书签。48 IV 大学学士学位论文 第一章:概 述 1.1 前言 随着技术的飞速发展，现在很多国外的大学和社会其他部门都已经开设了教学，通过计算机实现异地教育和培训。现在，计算机硬件技术的发展已经达到了相当高的水平。但是，教学软件的开发目前还处于起步阶段，随着这项技术的不断深入发展，就要求有更好、更完善的软件系统应用到教学当中去，这就给软件设计人员提出了更高的设计要求。 网站数据库，就是动态网站存放网站数据的空间。也称数据库空间。 现大多网站都是有.ASP .PHP开发的动态网站，网站数据是有专门的一个数据库来存放。网站数据可以通过网站后台，直接发布到网站数据库，网站则把这些数据进行调用。 网站数据库根据，网站的大小，数据的多少，决定选用，SQL 或者ACCESE数据库。 Access更适合一般的企业网站，因为开发技术简单，而且在数据量不是很大的网站上，检索速度快。不用专门去分离出数据库空间，数据库和 [1]网站在一起，节约了成本。 而一般的大型政府，门户网站 ，由于数据量比较大，所以选用SQL数据库，可以提高海量数据检索的速度。 [2]后台管理的大致(类似)功能: 一.系统管理:管理员管理，可以新增管理员及修改管理员密码;数据库备份，为保证您的数据安全本系统采用了数据库备份功能;上传文件管理，管理你增加产品时上传的图片及其他文件 二.企业信息:可设置修改企业的各类信息及介绍 三.产品管理:产品类别新增修改管理，产品添加修改以及产品的审核 四.下载中心:可分类增加各种文件，如驱动和技术文档等文件的下载 五.订单管理:查看订单的详细信息及订单处理 六.会员管理:查看修改删除会员资料，及锁定解锁功能可在线给会员发信～ 七.新闻管理:能分大类和小类新闻，不再受新闻栏目的限制 八.留言管理:管理信息反馈及注册会员的留言，注册会员的留言可在线回复，未注册会员可使用在线发信功能给于答复 1 大学学士学位论文 九.荣誉管理:新增修改企业荣誉栏目的信息新增修改企业形象栏目的信息 十.人才管理:发布修改招聘信息，人才策略栏目管理，应聘管理 十一.营销网络:修改营销网络栏目的信息 十二.调查管理:发布修改新调查 十三.友情链接:新增修改友情链接 十四.全新模版功能，在线编辑修改模版 十五.全新挂接数据库，在线表编辑，添加数据表，编辑数据库，加添编辑文件挂接网站等等 十六.系统日志功能，每一步操作都有记录，系统更安全 十七.中英文切换，简体繁体切换 2.2 章节概述 在本文里第一章主要是对毕业设计课题的一个概述，在第二章主要介绍了制作数据库的原理及其所使用的工具，在第三章里则是主要介绍了设计数据库的一些要求以及一些设想，到了第四章则是具体介绍后台的具体实现过程。 2 大学学士学位论文 第二章:系统设计相关原理 教学平台的后台数据库主要采用Dreamweaver、HTML、Access数据库、VBScript、SQL等技术和工具，整体设计遵循软件工程的 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 ，经过需求分析、总体设计、文档和代码的编制、模块测试和系统实现几个阶段。下面就对这几种技术和方法做一个概述。 [3]2.1 Dreamweaver介绍 Dreamweaver是Macromedia公司推出的一个可视化的网页设计和站点管理工具，可支持最新的Web技术，如支持HTML检查、格式控制、格式化选项，支持全局查找,替换与全局FTP功能，能够处理Flash和Shockwave等多媒体格式并制作。 [2]动态HTML和基于团体的Web创作等。Dreamweaver提供了强大的设计工具，利用它和Roundtrip HTML技术，用户可以精确控制Dreamweaver生产的见面源代码，如在可视编辑器中进行编辑时，可以在HTML监视器中同步看到Dreamweaver生成了何种源代码，从而杜绝了盲人摸象的弊病。在编辑由其它网页创作工具所生成的网页时，也会尊重其它工具所生成的源代码，不会任意修改。当然，如果需要也仍然可以“净化”其它工具所生成的垃圾代码。 2.1 Dreamweaver的特点 (1)简易的文本输入。Dreamweaver把文本光标设定为缺省工具。本网页在需要添加文本时，只需在主要工作区一文档窗口中单击，然后开始输入即可。利用文本属性检查器(Text PropertyInspector)可改变文本的大小、字体、位置或颜色。 (2)到位的对象修改。本网页设计中除文本外的其它Web页元素，如图片等都可以在对象选项板(0bjeer Palette)中选择。在Web页中添加图片非常容易，只需在对象选项板中单击插入图像(Insert Image)按钮，Dreamweaver会指定要插入的图像文件，随后使用相应的属性检查器(Property Inspector)对其进行修改。该方法对任何其它插入的元素都是有效的。 (3)增加多媒体内容。本网页设计中为了提高用户的学习兴趣，在网页的设计中添加了许多多媒体内容，而Dreamweaver允许添加任何类型的多媒体扩展、插件程序、applet或控件，只需在对象选项板上单击相应的按钮然后利用属性检查器进行修改即可。它对Macromedia公司的两个多媒体元素Shockwave影片和Flash文件进行了专门的优化。在插入这两类对象时，会自动写入必要的HTML代码以确保尽可能多的浏览器能够接受它们，并可以编辑它们的属性。 3 大学学士学位论文 [4]2.2 ACCESS介绍 在办公软件Office套件中，最为广大用户熟悉的是Word和Excel，因为它们功能强大且方便易用，更因为它们不仅可用于办公，还可用于个人写作和家庭记帐理财等。同为Office套件中一部分的Access，虽然有着同样强大的功能，但使用的人却相对少些，不像Word和Excel那样广泛。事实上，真正用过Access的用户，对其强大功能和灵活应用均称赞有加。 Access 数据库管理系统是Microsoft Office 套件的重要组成部分，适用于小型商务活动，用以存贮和管理商务活动所需要的数据。Access不仅是一个数据库，而且它具有强大的数据管理功能，它可以方便地利用各种数据源，生成窗体(表单)，查询，报表和应用程序等。 数据库是有结构的数据集合,它与一般的数据文件不同，(其中的数据是无结构的)是一串文字或数字流。数据库中的数据可以是文字、图像、声音等。 Microsoft Access是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。图1是一个“产品”表的例子。“产品”表由10个记录组成，一个记录占一行，每一个记录由产品ID、产品名称、库存量、订货量、单价和折扣率6个字段组成。“产品ID”是字段名，其下面的1，2等是字段的值。 表与表之间可以建立关系(或称关联，连接)，以便查询相关联的信息。Access数据库以文件形式保存，文件的扩展名是MDB。 Access 数据库由六种对象组成，它们是表、查询、窗体、报表、宏和模块。 表(Table) 表是数据库的基本对象，是创建其他5种对象的基础。表由记录组成，记录由字段组成，表用来存贮数据库的数据，故又称数据表。 查询(Query)查询可以按索引快速查找到需要的记录，按要求筛选记录并能连接若干个表的字段组成新表。 窗体(Form) 窗体提供了一种方便的浏览、输入及更改数据的窗口。还可以创建子窗体显示相关联的表的内容。窗体也称表单。 报表(Report) 报表的功能是将数据库中的数据分类汇总，然后打印出来，以便分析。 宏(Macro) 宏相当于DOS中的批处理，用来自动执行一系列操作。Access列出了一些常用的操作供用户选择，使用起来十分方便。 模块(Module) 模块的功能与宏类似，但它定义的操作比宏更精细和复 4 大学学士学位论文 杂，用户可以根据自己的需要编写程序。模块使用Visual Basic编程 [4]2.3 Vbscript介绍 Microsoft Visual Basic Scripting Edition是程序开发语言Visual Basic家族的最新成员，它将灵活的Script应用于更广泛的领域，包括Microsoft Internet Explorer中的 Web 客户机 Script 和 Microsoft Internet Information Server 中的 Web 服务器 Script。 VBScript使用ActiveX? Script与宿主应用程序对话。使用ActiveX Script，浏览器和其他宿主应用程序不再需要每个Script部件的特殊集成代码。ActiveX Script使宿主可以编译Script、获取和调用入口点及管理开发者可用的命名空间。通过ActiveX Script，语言厂商可以建立 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 Script运行时语言。Microsoft将提供VBScript的运行时支持。Microsoft正在与多个Internet组一起定义ActiveX Script标准以使Script引擎可以互换。ActiveX Script可用在Microsoft? Internet Explorer和Microsoft? Internet Information Server中。 VBScript只有一种数据类型，称为Variant。Variant 是一种特殊的数据类型，根据使用的方式，它可以包含不同类别的信息。因为Variant是VBScript中唯一的数据类型，所以它也VBScript 中所有函数的返回值的数据类型。最简单的Variant可以包含数字或字符串信息。Variant用于数字上下文中时作为数字处理，用于字符串上下文中时作为字符串处理。这就是说，如果使用看起来象是数字的数据，则VBScript会假定其为数字并以适用于数字的方式处理。与此类似，如果使用的数据只可能是字符串，则VBScript将按字符串处理。当然，也可以将数字包含在引号("")中使其成为字符串。除简单数字或字符串以外，Variant可以进一步区分数值信息的特定含义。例如使用数值信息表示日期或时间。此类数据在与其他日期或时间数据一起使用时，结果也总是表示为日期或时间。当然，从Boolean值到浮点数，数值信息是多种多样的。Variant包含的数值信息类型称为子类型。大多数情况下，可将所需的数据放进Variant中，而Variant也会按照最适用于其包含的数据的方式进行操作。声明变量的一种方式是使用Dim语句、Public语句和Private语句在Script中显式声明变量。 另一种方式是通过直接在Script中使用变量名这一简单方式隐式声明变量。这通常不是一个好习惯，因为这样有时会由于变量名被拼错而导致在运行Script时出现意外的结果。因此，最好使用Option Explicit语句显式声明所有变量。 1.过程 5 大学学士学位论文 在VBScript中，过程被分为两类:Sub过程和Function过程。 (1)Sub过程 Sub过程是包含在Sub和End Sub语句之间的一组VBScript语句，执行操作但不返回值。Sub过程可以使用参数(由调用过程传递的常数、变量或表达式)。 (2)Function过程 Function过程是包含在Function和End Function语句之间的一组VBScript语句。Function过程与Sub过程类似，但是Function过程可以返回值。Function过程可以使用参数(由调用过程传递的常数、变量或表达式)。如果Function过程无任何参数，则Function语句必须包含空括号()。Function过程通过函数名返回一个值，这个值是在过程的语句中赋给函数名的。Function 返回值的数据类型总是Variant。 2.VBScript中可使用下列循环语句: ?Do...Loop:当(或直到)条件为True时循环。 ?While...Wend:当条件为True时循环。 ?For...Next:指定循环次数，使用计数器重复运行语句。 ?For Each...Next:对于集合中的每项或数组中的每个元素，重复执行一 组语句。 3.在VBScript中可使用以下条件语句: ?If...Then...Else 语句 ?Select Case 语句 6 大学学士学位论文 第三章 需求分析 要实现一个后台管理系统，首先应该进行需求分析，这样才能令设计出的软件满足用户的各项功能。下面就对《数字信号处理》网络教学平台后台数据库的设计进行需求分析。 [5]3.1 系统需要解决的主要问题 前台主要是在首页显示新闻、公告以及会员的登录、注册还有在线题库页面;后台主要分4个管理模块:新闻管理模块、公告管理模块、题库管理模块以及会员管理模块。新闻管理模块、公告管理模块、题库管理模块可以分别对新闻、公告、题目尽心添加、删除、修改，其中需要解决的主要问题就是:设计出主要的几个数据库、DREAMWEAVER与数据库链接、实现会员的登录注册、管理员的登录、对相关内容的添加、修改、删除。 [6]3.2 系统应该具备的基本功能 3.2.1 概述 ?用户注册:用户可以进行注册，然后登录。 ?用户信息管理:管理员可以增删用户。 ?试题模型设置:设置各科目试题的每种题型的数量和章节。 ?新闻公告管理:在首页动态显示新闻公告，管理员可以增删改。 ?试题库管理:分科目，对单选、判断、填空、计算四种题型试题库的管理，使试题的增删、编辑更为简便。 ?管理员登陆:管理员和用户登陆分别设置成不同的登录入口。管理员账号只有一个。 除了实现上述功能以外，后台管理系统还应该具有友好、简洁的界面，安全性要高，稳定性要强。 3.2.2详细分析 a.针对题库系统，进行详细的调研和分析，总结出如下的需求信息: 1.题目分几种题型，所以需要有题目类型信息。 2.题目必须属于一个题目类型。 3.如果一个题目类型存在题目，则在页面中显示题目。 7 大学学士学位论文 4.需要记录题目详细信息。 5.在涉及题目的地方，要给出相应的题目答案。 6.需给题目编号，作为主键。 7.需给题目分配章节。 8(只有管理员登录之后才可以使用系统。 9(题库可以添加、修改、删除。 经上述系统功能分析和需求总结，考虑到将来功能的扩展，设计如下的数据项和数据结构: (1)题目类型信息，数据项有:题目类型名称。 (2)题目信息，包括的数据项有:题目编号、题目详细内容介绍、题目答案、题目章节等。 (3)管理员信息，包括管理员账号等。 b.针对公告管理系统，进行详细的调研和分析，总结出如下的需求信息: 1. 公告必须有标题。 2. 公告标题的详细内容。 3. 需要给公告编号，作为主键。 4. 只有管理员登陆以后才可以使用系统。 5. 公告可以添加、修改、删除。 经上述系统功能分析和需求总结，考虑到将来功能的扩展，设计如下的数据项和数据结构: (1)公告类型信息，数据项有:公告标题名称。 (2)公告详细信息，包括的数据项有:信息编号、详细内容介绍等。 c.针对新闻管理系统，进行详细的调研和分析，总结出如下的需求信息: 1. 新闻必须有标题。 2. 新闻标题的详细内容。 3. 需要给新闻编号，作为主键。 4. 只有管理员登陆以后才可以使用系统。 5. 新闻可以添加、修改、删除。 经上述系统功能分析和需求总结，考虑到将来功能的扩展，设计如下的数据项和数据结构: (1)新闻类型信息，数据项有:新闻标题名称。 (2)新闻详细信息，包括的数据项有:信息编号、详细内容介绍等。 d.针对会员注册、会员管理系统，进行详细的调研和分析，总结出如下的需求信 8 大学学士学位论文 息: 1. 会员只有在登陆时候方可进入题库，即需要会员进行注册。 2. 注册需要一些基本资料的填写。 3. 管理员可以对会员进行查看、删除等操作。 4. 需要给会员信息编号，作为主键。 5. 只有管理员登录后才可以使用系统。 经上述系统功能分析和需求总结，考虑到将来功能的扩展，设计如下的数据项和数据结构: (1)注册信息，数据项有:用户名、密码、真实姓名、昵称、学院、专业、学号、电子邮箱等。 (2)其他数据项还有:会员信息编号。 9 大学学士学位论文 第四章 后台数据库总体设计 4.1相关数据库的制作 [7]《数字信号处理》网络教学平台的后台数据主要有如下: 1. 会员资料数据库 2. 最新公告数据库 3. 业内新闻数据库 4. 题库数据库 5. 管理员数据库 [8]打开ACCESS 2000,通过ACCESS 中的“使用设计器创建表”来设计数据库。如图4-1所示: 图4-1 数据库web 本次毕业设计《数字信号处理》网络教学平台中所涉及到的数据库如图4-2,图 [9]4-9所示 10 大学学士学位论文 图4-2业内新闻数据库 图4-3管理员帐号数据库 图4-4 最新公告数据库 11 大学学士学位论文 图4-5会员资料数据库 图4-6计算题数据库 图4-7判断题数据库 12 大学学士学位论文 图4-8填空题数据库 图4-9选择题数据库 4.2 首页相关的制作 首页是应该说是网站的门面，它是呈现给用户的第一印象，能告诉用户该网站是做什么的、包含什么内容。从里面用户可以直接选择需要执行的功能，用户 [10]在主页登录，、最新公告、业内新闻等都需用到数据库。 4.2.1首页框架设计 网页的设计首先是页面的布局，我们可以通过插入 表格 关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载 对首页分为五个部分: 13 大学学士学位论文 [11]首页分成了四个模块: (1)顶端模块 先插入一张图片显示出主页的名称“数字信号处理”，再下面的主菜单中设置五个连接，分别为: 首页、教学队伍、交流与指导、教学资源、在线测试、教学成果、教学论坛、教学管理、管理员管理入口等 (2)左端模块 主要是用户登录界面，首先将预先制作好的图片插入，然后再设置大小和颜色。其中包括:会员登陆界面、修改资料、在线考试、在线题库等链接 (3)中间模块 这个主要展示最新公告及业内新闻，需从数据库中读取 (4)底部模块 统计访问者及其联系。 主页面的图片如图4-10: 图4-10 首页 4.2.2 制作过程 [12](1)用户登录模块 第一步:是链接用户资料的数据库:在应用程序->数据库上点击+号选择”数据库名称(DSN)”如图4-11。 14 大学学士学位论文 图4-11链接数据库 输入一个名称，然后带点确认即可。 [13]第二步:绑定记录集:应用程序->绑定->+号->记录集(查询)，如图4-12。 图4-12 绑定记录集zhuce 如上图设置，点击确定 第二步:在菜单栏中选择 插入->表单—>文本域，加上文字信息，做成如下图所示效果: 图4-13 登录 15 大学学士学位论文 其中“注册”超链接到注册页面:memberZhuce.asp. 第三步:在应用程序->服务器行为->+号->用户身份验证->登录用户，如下图4-14设置: 图4-14登录用户 需要注意的是这2个地方:单击“登录”按钮，系统将对输入的用户名和密码进行验证，如果数据表中用户名和密码存在就显示登陆成功，否则弹出错误的提示 [14]信息如图4-15所示。 图4-15跳转 配合下图4-16来看: 16 大学学士学位论文 图4-16登录 在这里这里有2个条件显示区域: 登录失败区域errMsg及其登录成功区域onMsg。 设置方法如下:选择登录失败区域:“用户名或密码错误，请重新登陆”，然 [15]后点击应用程序->服务器行为->条件显示区域->输入码与输入码，设置如下图4-17: 图4-17输入码与输入码 点击确定。(注意此为软件以外的插件，为条件显示区域插件);登录成功区域设置大体相同。 第四步:修改资料、在线考试、在线题库分别链接到相关页面。 (2)最新公告及业内新闻模块 第一步:插入->表格绘制表格，拍版成如图4-18效果。其中2个“更多”分别链接到所有公告及所有业内信息的标题页面。背景颜色第一行与第二行分别设置成如图所示颜色。 17 大学学士学位论文 图4-18公告及业内新闻 第二步:分别绑定记录集:应用程序->绑定->+号->记录集(查询)，如下图4-19,图4-20设置: 图4-19 绑定记录集Infor 18 大学学士学位论文 图4-20绑定记录集News 第三步:因为我们在首页只是显示其标题，因此只需分别把2个记录集的title项拖入表格即可。 第四步:显示设置，选择2个拖入表的的title项，然后再应用程序->服务器行为->+号，选择重复区域，记录集分别选择Infor和News即可。 4.3 用户注册页面 4.3.1 页面框架设计 本用户注册页面是当用户首先要在本网站注册，成为会员用户可以在该网站上在线考试，进入在线题库，注册页面必须填写一些用户的基本信息，如用户名、 [16]密码、联系电话等信息。 本页面就大概可以分为四个部分: (1)顶部标题:内容为用户注册消息 (2)中间文字区:是用户输入个人消息的部分 (3)低部:包括两个按钮，“提交”、“重置” 4.3.2 制作过程 (1)打开dreamweaver页面制作工具，选择File(文件)菜单中的New菜单项，新建一个页面。 (2)在菜单栏中选择插入->表格，插入表格; 19 大学学士学位论文 (3)在表格第一行插入文字。如图4-21 图4-21插入文字及颜色 [17](5)表格第二行，在菜单栏中选择插入->表单—>文本域，插入多个文本域，排版成如下图4-22所示: 图4-22注册 (6)底部填加按钮:提交、重置。以用来确认用户对信息的认可。单击对象面板上的图标按钮，弹出属性面板，如图4-23所示: 图4-23 属性框 根据属性面板进行参数修改，三种不用的动作分别表示按钮的三种性质，关闭属 20 大学学士学位论文 性面板。 (7)应用程序->服务器行为->插入记录，设置如下图4-24所示: 图4-24插入记录 本页面同样有一处条件显示区域即当用户取的名称已经存在，则显示: 错误信息:此帐号已经有人注册～设置方式:选择该段字体，然后应用程序-> [18]服务器行为->用户身份验证,如图4-25设置: 图4-25检查新用户名 点击确定即可。 4.4用户资料修改页面 4.4.1页面框架设计 此页面框架设计与用户注册页面框架大体相同,如下图4-26: 21 大学学士学位论文 图4-26资料修改 4.4.2制作过程 (1)排版制作; 首先插入个1行1列的100%表格，设置为居中对齐，然后在里面插入表单->文本框及文本，排版如上图。 (2)数据库。 第一步:绑定记录集:绑定->记录集(查询)，然后如下图4-27设置，最后点击确定。 第二步:依次将记录集里的选项拖入对应的表单。 第三步:应用程序->服务器行为->更新记录，如图4-28设置，点击确定。 22 大学学士学位论文 图4-27绑定记录集RecXG 图4-28更新记录 4.5显示所有最新公告页面及其所有业内新闻页面 注:由于2个页面制作步骤完全相同，故这里拿前一个页面作叙述。 23 大学学士学位论文 4.5.1页面框架设计 该页面主要为用户显示所有最新公告，点击标题然后可以显示具体内容，如图4-29所示: 图4-29最新公告 4.5.2制作过程 (1)排版。如上图4-29所示。 (2)数据库 第一步:绑定记录集:绑定->记录集(查询)如下图4-30设置，然后点击确定。 24 大学学士学位论文 图4-30绑定记录集 第二步:将记录集中title项拖入表格 第三步:选中有title项的表格行，然后点击应用程序->服务器行为->重复区域，选择绑定的记录集，然后确定。此步目的就是显示所有公告。设置方法:应用程序->记录集导航条，选择“图像”，然后点击确定。 第四步:显示记录条数:应用程序->记录集导航状态，选择相应记录集即可 第五步:本页面中设置每次10条记录，超过十条会以箭头的形式表示如页面中下面部分。 第六步:为“此数据库无任何数据”设置:应用程序—>服务器行为—>显示区域 选择“如果记录集为空则显示区域”;同理，为表格设置，选择“如果记录集不为空则显示区域”。 第七步:选择拖入的title项，然后点击应用程序->服务器行为->转到详细页面，设置如下图4-31: 图4-31转到详细页面 4.6公告及新闻详细页面 注:由于2个页面制作步骤完全相同，故这里拿前一个页面作叙述。 4.6.1页面框架设计 页面显示公告、新闻的详细内容，如下图4-32: 25 大学学士学位论文 图4-32最新公告详细页面 4.6.2制作过程 (1)排版，如上图4-32; (2)链接:回到上一页链接到标题页面，回首页链接到首页。 (3)数据库: 第一步:绑定记录集，如下图4-33 图4-33 绑定记录集 第二步:将记录集中相应项拖入相应位置即可。 26 大学学士学位论文 4.7管理员登录页面 4.7.1页面框架设计 该页面主要提供管理员登录，如下图: 图4-34管理员登录 4.7.2制作过程 (1)排版，如上图4-34所示; (2)数据库。 第一步:绑定记录集:绑定->记录集(查询)如下图设置，然后点击确定。 图4-34绑定记录集 27 大学学士学位论文 第二步:设置条件显示区域“用户名或密码错误，请重新登陆”服务器行为->条件显示区域->输入码与输入码(图4-35): 图4-35输入码与输入码 Requst.QueryString(“errMsg”)=1;其意就是当登陆失败时，然后跳至到输入码值为1的位置。 第三步:应用程序->服务器行为->用户身份验证->登录用户，如下图设置: 图4-36登录用户 28 大学学士学位论文 4.8在线题库的制作 4.8.1页面框架设计 图4-37判断题页面 题库中主要有判断、选择、填空、计算4大类题型，用户进入主页面后，选择相应题型，进入相应页面，故一共有4个页面，由于页面制作相同，故以判断题页面及作叙述。判断题页面上图4-37所示 4.8.2制作过程 (1)排版:首先插入表格，然后在各个部位插入相应图片，排版后如上图; (2)链接:如图，上部分为题型选择，分别链接到相应页面，题库管理链接到管理员登录入口; (3)数据库; 第一步:绑定记录集:绑定->记录集(查询)如下图设置，然后点击确定。 注:其它题型在表格项中分别选择相应题型数据库即可。 29 大学学士学位论文 图4-38 绑定记录集 第二步:将记录集中题目项拖入表格 第三步:选中有题目项的表格行，然后点击应用程序->服务器行为->重复区域，选择绑定的记录集，然后确定。此步目的就是显示所有判断题。设置方法:应用程序->记录集导航条，选择“图像”，然后点击确定。 第四步:显示记录条数:应用程序->记录集导航状态，选择相应记录集即可 第五步:本页面中设置每次10条记录，超过十条会以箭头的形式表示如页面中下面部分。 第六步:为“此数据库无任何数据”设置:应用程序—>服务器行为—>显示区域 选择“如果记录集为空则显示区域”;同理，为表格设置，选择“如果记录集不为空则显示区域”。 4.8.3其他题型页面图示 图4-39,图4-41。 30 大学学士学位论文 图4-39选择题 图4-40填空题 31 大学学士学位论文 图4-41计算题 4.9总管理页面 该页面主要显示各个管理页面入口，如图4-42所示: 图4-42 后台数据库管理 然后依次超链接到:news_Manage.asp\yenei_manage.asp\ ManageAll.asp\ ManageAll.asp 32 大学学士学位论文 4.10公告管理页面\新闻管理页面 注:由于2个页面制作步骤完全相同，故这里拿前一个页面作叙述。 4.10.1页面框架设计 该页面主要负责对最新公告\页面新闻进行添加、修改、删除等操作，如图4-43所示: 图4-43最新公告管理 4.10(2制作过程 (1)排版，如上图4-43; (2)链接:“添加公告”链接到添加页面，“修改”链接到修改页面，“删除”链接到删除页面; (3)数据库。 第一步:绑定记录集:绑定->记录集(查询)如下图4-44设置，然后点击确定。 第二步:将记录集中title项拖入表格 第三步:选中有title项的表格行，然后点击应用程序->服务器行为->重复区域，选择绑定的记录集，然后确定。此步目的显示所有公告。设置方法:应用程序->记录集导航条，选择“图像”，然后点击确定。 第四步:显示记录条数:点击应用程序->记录集导航状态，然受选择相应记录集即可。 33 大学学士学位论文 图4-44 绑定记录集 第五步:本页面中设置每次10条记录，超过十条会以箭头的形式表示如页面中下面部分。 第六步:为“此数据库无任何数据”设置:应用程序—>服务器行为—>显示区域 选择“如果记录集为空则显示区域”;同理，为表格设置，选择“如果记录集不为空则显示区域”。 第七步:选择修改\删除，然后点击应用程序->服务器行为->转到详细页面，设置分别如下图4-45和图4-46: 图4-45转到详细页面1 34 大学学士学位论文 图4-46 转到详细页面2 4.10.3新闻管理页面图示 图4-47 业内新闻管理 4.11公告\新闻修改页面 注:由于2个页面制作步骤完全相同，故这里拿前一个页面作叙述。 4.11.1页面框架设计 该页面主要是对选择的内容进行修改，然后提交，如下图: 35 大学学士学位论文 图4-48 最新公告修改 4.11.2制作过程 (1)排版，如上图4-48; (2)数据库。 第一步:绑定记录集，如下图4-49设置，点击确定。 图4-49 绑定记录集 第二步:应用程序->服务器行为->更新记录，如下图设置，点击确定. 36 大学学士学位论文 图4-50 更新记录 4.11.3新闻修改页面图示 图4-51 业内新闻修改 37 大学学士学位论文 4.12公告\新闻删除页面 注:由于2个页面制作步骤完全相同，故这里拿前一个页面作叙述。 4.12.1页面框架设计 该页面主要是对选择的内容进行删除，如下图4-52所示: 图4-52最新公告删除 4.12.2制作过程 (1)排版，如上图4-52; (2)数据库。 第一步:绑定记录集，如图 4-53设置，点击确定。 38 大学学士学位论文 图4-53绑定记录集 第二步:应用程序->服务器行为->删除记录，如下图设置，点击确定 图4-54 删除记录 4.13题库管理页面 总题库管理页面如下图所示: 39 大学学士学位论文 图4-55总题库管理页面 分别链接到相应的题型管理页面. 4.14判断\选择\填空\计算管理页面图示 注:该4个页面与上述公告、新闻管理页面制作相同，请参考上述内容看以下图示。 图4-56判断题管理页面 40 大学学士学位论文 图4-57选择题管理页面 图4-58填空题管理页面 41 大学学士学位论文 图4-59计算题管理页面 4.15会员资料管理页面 4.15.1页面框架设计 该页面主要显示会员资料，查看删除操作。如下图 图4-60 会员资料管理 4.15.2制作过程 (1)排版，如图4-60; (2)数据库。 第一步:绑定记录集:绑定->记录集(查询)如下图4-61设置，然后点击确定。 42 大学学士学位论文 图4-61 绑定记录集 第二步:将记录集中对应项拖入表格 第三步:选中表格行，然后点击应用程序->服务器行为->重复区域，选择绑定的记录集，然后确定。此步目的显示所有公告。设置方法:应用程序->记录集导航条，选择“图像”，然后点击确定。 第四步:显示记录条数:应用程序->记录集导航状态，选择相应记录集即可 第五步:本页面中设置每次10条记录，超过十条会以箭头的形式表示如页面中 [19]下面部分。 第六步:为“此数据库无任何数据”设置:应用程序—>服务器行为—>显示区域 选择“如果记录集为空则显示区域”;同理，为表格设置，选择“如果记录集不为空则显示区域”。 第七步:选择删除，然后点击应用程序->服务器行为->删除，设置分别如下图: 图4-62删除记录 43 大学学士学位论文 [20]4.16发布网站 (1)申请个空间。由于我们这个网站包含ASP文件，申请空间时注意要支持ASP文件，然后通过FTP上传工具或者其他工具将网页上传到空间即可。 (2)自己建立服务器。用花生壳等软件用自己的机器做服务器。 44 大学学士学位论文 第五章 总结与展望 5.1 总结 通过为期几个月的毕业设计经历，我已经掌握网站后台数据库的设计和制作。这次毕业设计总的内容是设计《数字信号处理》网络教学平台，涉及到Dreamweaver、ASP、SQL数据库等多种网站制作技术。最开始做网站时，自己对整体的设计还比较模糊，于是就在图书馆借书，参考网站后台建设部分的资料，给自己的设计大概定了个方向，所做工作包括: (1)对系统进行分析，明确系统是要做什么，要实现什么功能。 (2)使用Dreamweaver+Access，完成对功能模块的实现。有用户登录和注册、公告信息等功能的实现。 (3)使用Dreamweaver工具，完成页面的设计和美化，包括静态页面和动态功能的实现。 在制作过程中，碰到相关实现方面的困难，但是在同学和老师的帮助下得到解决。 5.2 展望 本网站还有许多的不足之处，网站的动态元素稍有欠缺，画面的美观程度不够，功能不够完善，如果用户功能信息不够丰富，数据库的存储量还比较小，用的是比较简单的数据库。只能算是一个比较雏形的平台网站。 随着教育网站的发展，这方面的网站有许多我们还需学习的功能，如在线考试随机生成试卷、记录用户考试信息、评测等。而这方面的功能有待以后我们解决。这些功能将更加完善网站的发展。 因此，我还需经过不断的努力学习来弥补和完善，力图制作出一个画面美观、功能齐备的教育平台网站。 45 大学学士学位论文 46 大学学士学位论文 参考文献 [1]《ASP+Access 2007动态网站建设基础与实践教程》.电子工业出版社.2008 [2]《ASP+SQL Server动态网站开发从基础到实践》. 电子工业出版社.2005 [3] 《Dreamweaver8+ASP动态网站开发实务》.人民邮电出版社.2007 [4] 《ASP动态网站开发教程》.清华大学出版社.2005 [5] 施汝军 编著. 网站JSP 后台解决 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 . 人民邮电出版社.2000. [6] 赛奎春 编著. JSP信息系统开发实例精选. 机械工来出版社.2006 [7] 姜晓铭、陈武编著. JSP程序设计与实例分析教程. 清华大学出版社.2001 [8] 何雄编著. JSP网络程序设计.人民邮电出版社.2000 [9] 张莉SQL Server 数据库原理及应用教程.清华大学出版社.2004 [10] 飞思科技产品研发中心编著. JSP应用天发详解. 电子工业出版社.2004 [11] 冯燕奎 赵德奎编著. JSP实用案例教程. 清华大学出版社. 2005 [12] 张鑫编著.《DREAMWEAVER8技术精粹与特效实例》.中国青年出版社.2007 [13] 《精通Dreamweaver网站建设》.中国青年出版社.2007 [14] 张胜编著.《 Dreamweaver 8+ASP动态网站建设基础与实践教程》.电子工 业出版社.2007 [15] 《巧学巧用Dreamweaver做网页》.人民邮电出版社.2004 [16] 王利编著.《dreamweaver mx标准教程》.海洋出版社.2003 [17] 钟勤编著.《网页制作与网站建设》.重庆大学出版社.2007 [18] joseph w.lowery编著.《Dreamweaver宝典》.电子工业出版社.2006 [19] h t tp: //www .Microsof t.com/ sql. [20] Microsoft SQL Server 2000 White Paper[ Z] . 47 大学学士学位论文 致 谢 感谢论文撰写过程中指导教师对我的帮助，感谢学院对我的培养和所提供的一切条件，感谢所有的老师和同学们。我将把对母校的感激之情化作回报社会的实际行动。 48