数据库原理课程教学网站开发.doc

毕毕 业业 设设 计 论计 论 文 说文 说 明明 书书 题 目 数据库原理课程教学网站开发 学 生 系 别 计算机科学系 专 业 班 级 计算机应用与维护 学 号 指 导 教 师 四四 川川 理理 工工 学学 院院 毕业设计 论文 任务书毕业设计 论文 任务书 设计 论文 题目 数据库原理课程教学网站开发 系 计算机科学系 专业 计算机应用与维护 班级 学号 学生 指导教师 接受任务时间 2007 年 3 月 1 日 教研室主任 签名 系主任 签名 1 毕业设计 论文 的主要内容及基本要求 设计一个数据库原理教学网站 能实现网站的基本功能并表现出教学网站的特色 2 指定查阅的主要参考文献及说明 周忠荣 曾爱林 罗勇胜 数据库原理与应用 Access 清华大学出版社 2003 陈旭东 动态网页开发技术 清华大学出版社 2005 3 进度安排 设计 论文 各阶段名称起 止 日 期 1网站开发分析阶段3 月 14 日 3 月 21 日 2网站开发程序设计阶段3 月 21 日 4 月 4 日 3网站开发程序调试阶段4 月 4 日 4 月 18 日 4毕业论文编写 4 月 18 日 5 月 2 日 5毕业论文打印5 月 2 日 5 月 9 日 I 摘 要 针对大学生学习数据库知识的需要 将数据库教学网站主要分化为课程信息 讲 义和教案 参考资料 实训项目 常见问题 作品展示 教研和科研 网上练习等几 个栏目 同时 这篇文章介绍了本网站的设计开发过程 主要包括系统的软硬件环境 开发工具 系统分析 详细设计以及测试等详细的过程 主要运用 ASP 技术创建 用 Dreamwaver 进行设计 选用 ACCESS 数据库 关键词 数据库 ASP ACCESS Abstract Specifically for the college students study the data base knowledge general data base teaching website mainly become divided be course information teaching materials and teaching plan reference data reality model project frequently met questions work show religion inkstone and scientific research net upper exercise and so on almost column At the same time this article has introduced the website detailed process such II as designing exploitation process including the systematic soft hardware environment exploitation implement systems analysis detailed design and testing mainly The technology wielding ASP mainly establishes carries out the data base designing selecting and using ACCESS with the Dreamwaver KeywordKeyword Data Base ASP ACCESS III 目目 录录 前 言 1 第 1 章 网页设计基础 2 1 1 ASP 简介 2 1 2 开发工具 DREAMWAVER和开发环境 3 1 2 1 开发工具 3 1 2 2 开发环境 3 1 3 IIS 虚拟目录的创建 4 第 2 章 网站需求分析 7 2 1 建立数据库原理教学网站的重要性及意义 7 2 2 网站需求分析 7 2 3 系统划分及总体设计思想 8 第 3 章 网站详细设计 10 3 1 程序代码设计 10 3 2 数据库简析 10 3 3 数据库操作的设计 11 3 3 1 数据库的连接 11 3 3 2 数据库的操作 12 3 3 3 数据库的关闭 13 3 4 数据表的建立 14 第 4 章 网站的实现 15 4 1 前台制作 15 4 1 1 首页 15 4 1 2 浏览页 15 4 2 后台制作 16 4 2 1 后台登陆 16 4 2 2 后台外观 16 IV 4 2 3 后台外观制作 17 4 2 4 左侧显示 17 4 2 4 防止非正常登陆 18 第 5 章 网站的测试 19 5 1 网站功能测试 19 5 1 1 网站测试环境 19 5 1 2 网站登录测试 19 5 2 网站测试结论 20 第 6 章 结束语 21 参考文献 22 致 谢 23 附 录 24 毕业设计 论文 1 前 言 在全球信息化时代的背景下 互联网技术已经深入到人们生活的方方面面 人们 想通过传统的手段获取更多的信息已经成为一种相当困难的事情 也可以说传统的信 息传递方式已经成为信息技术发展的瓶颈 因为传统的获取信息的方式受到时间 地 域的限制 所以人们很难做到及时地掌握最新的信息 所以在 Internet 技术高度发达的 今天 从网络发布 获取信息已经成为一种必不可少的手段 而从网络发布信息最重 要的方式就是通过 Internet 站点发布 Internet 站点的信息因为其更新速度快 已经成 为人们最快速了解世界的一种方式 今天 Internet 站点已经成为政府 企业 学校乃至个人发布最新信息的重要途径 根据最新统计 全球的企业 个人 Internet 站点数量已经突破千万 全世界每天上亿人 通过 Internet 站点获取最新信息 由此可见 Internet 技术在高速发展的同时 是怎样 的在影响和改变人们的生活 在 Internet 飞速发展的今天 互联网成为人们快速获取 发布和传递信息的重要渠道 它在人们政治 经济 生活等各个方面发挥着重要的作 用 Internet 上发布信息主要是通过网站来实现的 而获取信息的渠道也是要在 Internet 中按照一定的检索方式将所需要的信息从网站上下载而来 因此网站建设在 Internet 应 用上的地位显而易见 它已成为政府 学校 企事业单位信息化建设中的重要组成部 分 从而倍受人们的重视 同时 计算机在教学领域中的应用得到了迅速地发展 多种类型的网校 教育网 站 网络远程教育学院如雨后春笋般蓬勃兴起 使得网上教育成为当今教育的热点 人们禁不住向往着一个全新的教育体制 基于 Internet Intranet 教育网的教育体制 在 这种体制下 不受时间 空间和地域的限制 不受应用软件的限制 通过计算机网络 可扩展至全社会的每一个角落 甚至是全世界 这是真正意义上的开放大学 在基于 Internet 的教育网络环境下 方便教师对学生作业的管理 同时可以最大限度地发挥学 习者的主动性 积极性 探索精神 既可以进行个性化教学 又可以进行协作型教学 网页设计基础 2 第 1 章 网页设计基础 1 1 ASP 简介 ASP 活动服务器页面 就是一个编 程环境 在其中 可以混合使用 HTML 脚本语言以及组件来创建服务器端功能强大的 Internet 应用程序 如果你以前创建过一个站点 其中混合了 HTML 脚本语言以及 组件 你就可以在其中加入 ASP 程序代码 通过在 HTML 页面中加入脚本命令 你可以 创建一个 HTML 用户界面 并且 还可以通过使用组件包含一些商业逻辑规则 组件可 以被脚本程序调用 也可以由其他的组件调用 的工作原理 当在 Web 站点中融入 ASP 功能后 将发生以下事情 1 用户调出站点内容 默认页面的扩展名是 asp 2 浏览器从服务器上请求 ASP 文件 3 服务器端脚本开始运行 ASP 4 ASP 文件按照从上到下的顺序开始处理 执行脚本命令 执行 HTML 页面内容 5 页面信息发送到浏览器 ASP 工作原理图如图 1 1 ASP 请求 先前请求 HTML 返回 HTML 通知 ASP 以 HTML 呈现 图 1 1 ASP 工作原理图 因为脚本是在服务器端运行的 所以 Web 服务器完成所有处理后 将标准的 HTML 页面送往浏览器 这意味着 ASP 只能在可以支持的服务器上运行 让脚本驻留在服务 器端的另外一个益处是 用户不可能看到原始脚本程序的代码 用户看到的 仅仅是 客户端 ASP 页 对象的代 码 代码 似的 代码 IIS 创建对象后 的代码 加载以编译 的类 编译 asp 页 四川理工学院毕业设计 论文 3 最终产生的 HTML 内容 1 2 开发工具 Dreamwaver 和开发环境 1 2 1 开发工具 一个网站的开发是离不开优秀的开发工具的 此次毕业设计我采用的开发工具为 Dreamwaver 它的主要特点有 1 最佳的制作效率 Dreamweaver 可以用最快速的方式将 Fireworks FreeHand 或 Photoshop 等档案 移至网页上 使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色 对于 选单 快捷键与格式控制 都只要一个简单步骤便可完成 Dremweaver 能与您喜爱的 设计工具 如 Playback Flash Shockwave 和外挂模组等搭配 不需离开 Dremweaver 便可完成 整体运用流程自然顺畅 除此之外 只要单击便可使 Dreamweaver 自动开 启 Firework 或 Photoshop 来进行编辑与设定图档的最佳化 2 网站管理 使用网站地图可以快速制作网站雏形 设计 更新和重组网页 改变网页位置或档 案名称 Dreamweaver 会自动更新所有连结 使用支援文字 HTML 码 HTML 属性标签 和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单 3 无可比拟的控制能力 Dreamweaver 是唯一提供 Roundtrip HTML 视觉化编辑与原始码编辑同步的设计工 具 它包含 HomeSite 和 BBEdit 等主流文字编辑器 帧 frames 和表格的制作速度快 的令您无法想像 进阶表格编辑功能使您简单的选择单格 行 栏或作未连续之选取 甚至可以排序或格式化表格群组 Dreamweaver 支援精准定位 利用可轻易转换成表 格的图层以拖拉置放的方式进行版面配置 同时 让您不需要透过浏览器就能预览网 页 1 2 2 开发环境 建立 ASP 的运行平台其实就是把 IIS Internet Information Server 安装在 NT 服务器上或是 PWS Personal Web Server 安装在 NT Workstation Windows 95 windows 98 上 Windows NT 的 Option Pac 里面自带了最新的 Internet Information Server 4 0 IIS 4 0 及 Personal Web Server 4 0 所以只要安装了 NT 网页设计基础 4 Option Pack 也就安装好了 ASP 的运行环境 1 3 IIS 虚拟目录的创建 对于一个规模不大的 Web 站点而言有关的所有文件通常都会包含在一个物理目录书 下 相应的管理也较为简单 然而对于规模较大的 Web 站点 常常包含大量的 HTML 文 件 图形文件 Web 应用程序文件和有关的一些数据库文件 因而需要将这些文件分别 存储在同一计算机的不同目录中 甚至需要保存在多台计算机的多个目录中 在此情 况下 就需要通过创建虚拟目录的方法来解决 事实上 站点文件通常并不位于 C inerpub wwwroot 文件夹下 而可以存放 在任何磁盘及其文件夹中 通过创建虚拟目录可将其他目录 非根目录 中的文件从 逻辑上包含到某个网站中来 从而使得其他目录中的文件内容也能够通过网站进行发 布 不仅如此 通过创建虚拟目录的方法还可以提高这些目录及其内文件的安全和保 密性能 在 IIS 中创建虚拟目录的步骤如下 1 在 Internet 信息服务 窗口中 用鼠标右键单击要创建虚拟目录的网站 在出现的快捷菜单中依次选择 新建 虚拟目录 命令 如图 1 2 图 1 2 新建虚拟目录 2 此时将启动 虚拟目录创建向导 对话框 单击 下一步 在弹出的 虚拟 目录别名 对话框的 别名 框中输入要创建的虚拟目录名称 如图 1 3 四川理工学院毕业设计 论文 5 图 1 3 虚拟目录别名 3 单击 下一步 在弹出的 网站内容目录 对话框的 目录 框中输入要创 建的虚拟目录所对应的物理目录路径 如图 1 4 图 1 4 网站内容目录 网页设计基础 6 4 单击 下一步 在弹出的 访问权限 对话框中 设置访问这个虚拟目录时 所允许的个项权限 如图 1 5 图 1 5 虚拟目录访问权限 5 单击 下一步 完成虚拟目录的创建 在此之后 即可在 Internet 信息 服务 窗口左侧的当前网站目录树下看到这个新建的虚拟目录 虚拟目录创建完成之后 也可对其属性进行设置 方法是 在 Internet 信息服务 窗口中用鼠标右键单击次虚拟目录 在弹出的快捷菜单中选择 属性 再在弹出的属 性对话框中进行设置 完成上述虚拟目录的创建和设置之后 即可通过 http 127 0 0 1 web 或者 http localhost web 来访问其对应物理目录保存的网页了 四川理工学院毕业设计 论文 7 第 2 章 网站需求分析 2 1 建立数据库原理教学网站的重要性及意义 随着网络技术的发展和国际互联网在全球的开通 计算机在教学领域中的应用得 到了迅速地发展 多种类型的网校 教育网站 网络远程教育学院如雨后春笋般蓬勃 兴起 使得网上教育成为当今教育的热点 人们禁不住向往着一个全新的教育体制 基于 Internet Intranet 教育网的教育体制 在这种体制下 不受时间 空间和地域的限 制 不受应用软件的限制 通过计算机网络可扩展至全社会的每一个角落 甚至是全 世界 这是真正意义上的开放大学 在基于 Internet 的教育网络环境下 方便教师对学 生作业的管理 同时可以最大限度地发挥学习者的主动性 积极性 探索精神 既可 以进行个性化教学 又可以进行协作型教学 2 2 网站需求分析 经过多次分析数据库原理教学网站 我总结出以下经验 数据库原理教学网站的最大作用在于 方便各个用户与学习者了解与学习数据库 知识 更深层次的掌握其原理与编程方法 并能够实时的进行实践 所以该数据库网 站应该包括如下信息 课程信息 讲义和教案 参考资料 实训项目 网上练习等 此外网站还会发布诸如新闻 公告等一些信息以便让外界及时了解该网站的动态情况 同时还会提供更多的服务功能 诸如信息检索功能 以方便访问者在有限时间内获得 更多的信息 同时我还发现 现在 Internet 站点最常用功能可分为两类 不需要用户注册就可以 使用的功能和需要用户注册才能使用的功能 两种方式都各有其特点 在经过本人认 真分析 总结 归纳和综合恒量以后 决定将数据库原理教学网站设计为一个不需要 用户注册便访问的站点 因为 A 数据库教学网站是一个针对外界进行宣传和展示自己的一个平台 创建网站的 目的就在于让更多的人知道它的存在并且能够方便的访问学习 如果需要注册势必会 影响访问量 这样便违背了建设网站的初衷 B 便于网站的维护和管理 基于以上的分析 网站将设计为一个不需要注册的站点 访问者直接登陆网站后 便可以在网站内自由地获取所需要的信息 网站需求分析 8 在总体指导思想确定以后 便可以着手对用户所能拥有的功能进行定义 通过借鉴 多数 Internet 站点中用户的使用功能 我确定了数据库教学网站中访问者所能够拥有的 功能 以下便是访问者所能使用的功能 a 便捷的网站导航功能 网站导航可以直接使用普通的链接按钮 使得访问者可 以便捷地在网站内部跳转 b 实用的信息分类 根据数据库知识的实际情况 按照预先对收集信息的分析整 理结果 设置内容不同的页面 使访问者对数据库知识的各个方面有全面了解 c 网站的新闻 网站发布和更新有关数据库知识的近期新闻 使访问者在网上就 能了解数据库知识近期的情况 另外 在数据库信息发布的内容方面 我会该尽可能地反映数据库的特色 更多 的发布介绍数据库新理论情况的信息 诸如针对数据库新研究介绍 编程规定的阐述 2 3 系统划分及总体设计思想 综合上面的分析后 按照系统开发的基本观点对网站进行分解 我从网页内容 上对网站作如下划分 网站将划分为 9 个 WEB 页面 1 网站首页 通过站点发布的信息使访问者一进入站点便对数据库原理教学网站有一个初步 的了解 并留下良好的印象 通过发布热点新闻和通知公告 传递数据库新信息 热点新闻将介绍外界发生的并与数据库有关的重大新闻 通过网站发布通知公告的 形式 将有助于用户掌握网站的最新动态信息 添加相应的链接网站 可以使访问 者迅速跳转到相应网站 2 课程信息 通过目录形式 对所学课程简单介绍 使访问者对网站的精品课程 课程大纲 考核方案 演示课件有一个全面和深入的了解 3 讲义和教案 简单的介绍教师教案 使访问者了解学习数据库的层次步骤 以及对数据库学 习内容的认识 四川理工学院毕业设计 论文 9 4 参考资料 通过文字形式列出数据库教学网站内容所参考的全部文献资料 方便访问者学 习文献资料 5 实训项目 发布几个课程设计题目 列出课程设计和课程设计报告格式要求 让学习者有 更多自我实践的空间 去研究数据库知识 6 常见问题 列举出在数据库学习中容易出错的问题 并对其做详细的解答 以及如何避免 错误的再次发生等 7 作品展示 发布一些优秀的数据库设计作品 让学习者欣赏这些作品的数据库应用 并掌 握其中的精华之处 达到自我运用的目的 8 教研和科研 发布一些专家的科研论文和科研项目 使学习者了解现今数据库知识达到的成 果和开发领域 9 网上练习 发布一些精品练习题目 让学习者有一个自我时间和测试自我水平的一个平台 根据以上的分类划分 学院将被确定为有 9 个主要页面为主的网站 以下便是网站的逻辑结构图 2 1 图 2 1 网站逻辑结构图 访问者网站首页 课程信息参考资料讲义和教 案 教研和科 研 网上练习作品展示 常见问题 实训项目 网站详细设计 10 第 3 章 网站详细设计 3 1 程序代码设计 本网站采用 ASP 作为开发工具 ASP 即 Active Server Page 的缩写 它是一中包 含了使用 VB Script 或 Jscript 脚本程序代码语言 ASP 是微软公司开发的代替 CGI 脚 本程序的一种应用 它可以与数据库和其它程序进行交互 是一种简单 方便的编程 工具 ASP 使用定界符 和 括入脚本命令 你可以在定界符中括入任何命令 只要这 些命令对正在使用的脚本语言有效 页面的调用是通过 include file conn asp 语句实现的 3 2 数据库简析 在任何一个好的网站中 数据库的地位是非常重要的 它是一个网站运行的基础 因为所有信息的检索和更新都是通过对数据库的操作来完成的 可以说网络编程的核 心就是对数据库的操作 从客户端访问服务器数据库的流程图如下 图 3 1 图 3 1 服务器数据库流程图 由于该网站所牵涉的数据量不是很大 其间关系也比较明显 所以 我采用的是 Excel 电子表格 Microsoft Office Excel 2000 Excel 是 Microsoft Office 系列办公软件中的一个组件 主要用来处理电子表格 它 可以方便地存储数据 并具有强大的数据运算和统计功能 深受办公人员的喜爱 Excel 文件不是数据库 不支持相关的数据库结构 从这个角度看 应用程序访问 Excel 好像很困难 但从另一方面看 Excel 文件是由一张张工作表组成的 而数据库 中间服务器 客户端应用程 序 数据库 业务对象 连接 客户端应用程 序 业务对象 连接 客户端应用程 序 客户端应用程 序 四川理工学院毕业设计 论文 11 信息也是存储在表中的 所以应用程序可以像访问数据库一样 方便地访问 Excel 文件 规范步骤如下 1 调用连接对象的 Open 方法打开连接 2 创建一个封装 SQL 命令的对象 3 调用执行命令对象 4 执行数据操作 5 用连接对象的 Close 方法关闭连接 3 3 数据库操作的设计 3 3 1 数据库的连接 前面我已创建了一个数据库 把程序和数据库连接起来 在 ASP 中显示数据库中的 数据以及更复杂的插入 修改和删除 ASP 程序中常用的连接数据库的代码 dim conn dim connstr on error resume next connstr DBQ server mappath jkxdata databasejkx mdb DefaultD ir DRIVER Microsoft Access Driver mdb 告诉 ASP 数据库的接接方法以 及路径 set conn server createobject ADODB CONNECTION 在服务器上创建了一个连 接数据库的对象 conn open connstr 创建了对象后就用来打开数据库进行连接 set rs server createobject adodb recordset sub CloseConn conn close 网站详细设计 12 set conn nothing end sub 将上面的代码另存为 admins conn asp 文件 放在服务器目录下面 3 3 2 数据库的操作 数据库的操作可以分为读写 查询和删除等 数据表的查询 按条件 id Dbq e foxbase db1 xls 建立连接对象 OdbcConnection myConnection new OdbcConnection connstr 使用连接对象的 Open 方法打开数据连接 myConnection Open 封装一个 SQL 命令 OdbcCommand myCommand new OdbcCommand select from sheet1 myConnection 将查询结果赋给 DataGrid 的数据源 MyDataGrid DataSource myCommand ExecuteReader 绑定 Data Grid MyDataGrid DataBind 关闭连接 myConnection Close 3 4 数据表的建立 一般把数据库的设计分为数据库的逻辑设计和数据库的物理设计两个步骤 这里 只讲解数据库的物理设计 经过对网站的需求分析后 本网站决定采用一个数据库 在其内创建两个数据表 分别为 表 3 1 公告表 表 3 2 用户表 四川理工学院毕业设计 论文 15 表单建立以后 便可向其中输入事先收集的数据了 网站的实现 16 第 4 章 网站的实现 4 1 前台制作 4 1 1 首页 首页运用 3 行 1 列的表格进行布局 第一行包含 indextop asp 即 底部是 indexbottom asp 如图 4 1 图 4 1 网站主页 4 1 2 浏览页 该页面为用户浏览信息的页面 在新闻列表中点击一个新闻的标题后 该新闻的 内容将在这个页面中显示出来 页面的上方是网站的导航条 左下方则是选择新闻的 内容 下面以参考资料信息中的一个新闻为例子作介绍 如图 4 2 图 4 2 页面浏览 四川理工学院毕业设计 论文 17 4 2 后台制作 4 2 1 后台登陆 管理员登陆窗体是管理员进入系统进行管理的第一个界面 它由两个文本框 两 个按钮组成 如图 4 3 图 4 3 登陆界面 此图为管理员登陆窗口 输入用户名 密码后以管理员身份登陆 将进入系统功 能操作界面 可对数据库进行添加 删除 修改等操作 登陆按钮的用途为验证用户输入的信息是否正确 如正确进入系统功能操作界面 如不正确则需重新输入正确信息才能进入系统 重填按钮的用途是当用户输入错误登陆信息时 将错误信息进行清空处理 4 2 2 后台外观 图 4 4 后台外观 网站的实现 18 4 2 3 后台外观制作 Dreamweaver 对于页面的制作有强大的功能 按照设计要求 后台首页得使用框架 进行布局 我们把整个页面分为左右两栏 在 Dreamweaver 中点击 新建 常规 选项卡中选择 框架集 右边选择 左侧固定 创建一个框架页 左侧的框架命名为 left 源文件是 admins left asp admins left asp 是 以管理员登录时调用的页面 右侧的框架命名为 right src admins managegonggao asp 表示右侧默认 的显示内容来自该页面 4 2 4 左侧显示 左侧是通过编写 left asp 页面来实现的 dim username userqx username session admin set rs server createobject adodb recordset sql select from admins where jkx adminname using System Collections using System ComponentModel using System Data using System Drawing using System Web using System Web SessionState using System Web UI using System Web UI WebControls using System Web UI HtmlControls namespace WebApplication1 public class WebForm1 System Web UI Page protected System Web UI WebControls Image Image1 protected System Web UI WebControls Image Image2 protected System Web UI WebControls Label Label2 protected System Web UI WebControls Label Label3 protected System Web UI WebControls LinkButton LinkButton2 protected System Web UI WebControls LinkButton LinkButton3 protected System Web UI WebControls LinkButton LinkButton4 附 录 26 protected System Web UI WebControls LinkButton LinkButton5 protected System Web UI WebControls LinkButton LinkButton6 protected System Web UI WebControls LinkButton LinkButton7 protected System Web UI WebControls Label Label4 protected System Web UI WebControls Image Image3 protected System Web UI WebControls HyperLink HyperLink1 protected System Web UI WebControls HyperLink HyperLink2 protected System Web UI WebControls Image Image4 protected System Web UI WebControls Image Image5 protected System Web UI WebControls LinkButton LinkButton1 protected System Web UI WebControls HyperLink HyperLink4 protected System Web UI WebControls HyperLink HyperLink5 protected System Web UI WebControls HyperLink HyperLink6 protected System Web UI WebControls Label Label1 private void Page Load object sender System EventArgs e 在此处放置用户代码以初始化页面 region Web 窗体设计器生成的代码 override protected void OnInit EventArgs e 四川理工学院毕业设计 论文 27 InitializeComponent base OnInit e private void InitializeComponent this LinkButton1 Click new System EventHandler this LinkButton1 Click this LinkButton2 Click new System EventHandler this LinkButton2 Click this LinkButton3 Click new System EventHandler this LinkButton3 Click this LinkButton4 Click new System EventHandler this LinkButton4 Click this LinkButton5 Click new System EventHandler this LinkButton5 Click his LinkButton6 Click new System EventHandler this LinkButton6 Click this LinkButton