毕业设计报告(论文).doc

保定职业技术学院保定职业技术学院 毕业设计报告 论文 毕业设计报告 论文 系计算机信息工程系 专业网络技术班级0803 班 姓名马娜学号 03 题目Web 程序设计精品课程网站设计 指导教师李英杰 完成时间 2011 01 03 20112011 年年 0101 月月 0303 日日 1 指导教师情况 姓名李英杰职称副教授单位计算机系 答辩小组成员 评语 评语 答辩小组组长签字 年 月 日 成绩 成绩 答辩小组组长签字 年 月 日 2 摘 要 信息时代 随着计算机技术以及通信网络的飞速发展 信息的发布和交流开始越来越广 泛 利用计算机 网络管理和信息采集势在必行 对于大中专等高校来说 利用计算机互联 网进行网上办公 网上日常事务管理 网上财务管理 网上教学管理等 是适应现代化教学 的一个基础和要求 是推动高校管理的科学化 规范化 科学化的必要条件 精品课程网站应具有很强交互性 为用户提供一个更全方位的网络体验 为了符合用户 的需求 该系统应从操作简便 界面友好 灵活 实用 安全的要求出发 完成高校精品课 程管理的全过程 关键词关键词 精品课程网站 Web 程序设计 网站建设 3 目 录 绪论 1 第二章 系统需求分析 2 2 1 网站的目标客户 2 2 2 网站的性能要求 2 2 3 网站功能需求分析 3 第三章 系统开发技术简介 4 3 1 HTML 语言 4 3 2 JAVASCRIPT技术 4 3 3 CSS DIV 5 第四章 网站设计 7 4 1 网站结构设计 7 第五章 网站实现 8 5 1 精品课程网站首页设计 8 5 2 资源下载设计 9 5 3 留言板设计 10 第六章 安全性要求 11 6 1 安全性需求 11 结论 12 后 记 13 参考文献 14 1 绪论 精品课程第一步要做的就是将教学内容在网上发布 教师可以通过文章发布 课件发布 上传功能发布自己的课程资源 课程资源可以兼容多种文件格式 包 括 Word Excel PowerPoint 图形 音频 视频等 并且管理员拥有管理所有 课程的权限 而学生可以根据自己的专业课程 选择自己需要查看的课件资源 一个完善的网上精品课程系统 应该是方便管理和操作的 所以该系统还有 一个功能强大的后台管理系统 可以进行资料管理 课件管理 留言管理 目前 应用于动态网页设计的技术有很多 精品课程网站系统中主要采用了 PHP 技术和 MYSQL 数据库技术的整合应用 系统能够实现基于校园网络环境下的资源管理 以便有效地管理用户们上传 的资源 构建适合的课程资源库 系统采用 B S 结构 即浏览器 服务器结构 用户通过浏览器向服务器发出请求 服务器对浏览器的请求进行处理 将用户所 需信息返回到浏览器上 客户机无需安装软件 只需在服务器上进行简单的设置 数据的请求和返回结果均以网页形式完成 方便系统的管理 适合管理员的使用 习惯 2 第二章 系统需求分析 根据第一章所定义的课题研究方向及目标 本章将对系统功能进行具体的需 求分析 具体分析精品课程网站系统所要实现的功能以及欲达到的效果 2 1 网站的目标客户 广大在校师生可以通过浏览精品课程网站学习知识 下载课件 还可以 互相交流 2 2 网站的性能要求 1 磁盘容量要求 本系统属于 B S 模式构架 因此存储容量较小 数据库系统也不是很大 系 统文件估计占 30M 的磁盘空间 数据库文件占用空间也不是很大 不过该精品课 程网站中的资源管理模块将会占用很大的空间 一些管理员的课件资源在文件中 将会占用很大的空间 而本机器有 320G 的空间 足够放入一些视频 如果空间 不够 这个就要管理员及时的清空系统中的过期文件 2 安全性要求 本系统有着权限设置 不同的用户有不同的权限 教师用户不可以越权进行 学生的操作 学生用户也不可以越权更改或者访问管理员的页面 管理员的权限 可以对网站进行任何的操作 3 适应性要求 要求界面友好 菜单清楚 学生和老师都能很快熟悉网站 对于部分文章 课件的发布要求达到所见即所得的效果 2 3 网站功能需求分析 本系统要求采用 Browser Server 模式设计开发 可以作为一般高等院校的 在线教学课堂 可以为教师的辅助教学或者课程发布提供一个完善的教学网站 学生可以利用该网站来学习一些课程的任务 2 3 1 功能划分 精品课程网站根据不同的使用者 可以分为两个部分 一是面向管理员部分 管理员的部分内容包括文章审核 公告管理 教程管 理 课件管理 留言模块管理 二是面向学生用户和教师用户部分 用户可以查看公告 教程区浏览 课件 区下载 留言中发布问题和解决问题 2 3 2 登陆功能 为了使得网站的一些信息和使用功能得以应用 就必须有一个用户登陆功能 作为一个基本的登陆系统 应具有以如下功能 1 本系统不接受新用户的注册 新用户 教师和学生 由管理员负责管 3 理 2 实现用户的登陆 2 3 3 留言功能 用户可以在留言板中提出自己的问题 等待老师的解答 该功能需要 用户登录 用户可以选择问题来发表议论 用户可以通过关键字实现问题搜索 4 第三章 系统开发技术简介 通过对本系统功能及应用各方面的综合分析 本网站采用 Dreamweaver 作为 前台设计工具 在此基础上运用平时所学的动画制作软件 Flash 8 图形处理软 件 Photoshop cs4 等进行辅助设计 后台设计采用 php 技术及 mysql 数据库开发 工具 通过 JDBC 技术访问数据库 最终建设成一个有持久生命力兼容性 安全 性 可扩展性良好并可以满足师生获取信息和服务的教学网站 下面对本网站涉 及到的技术进行简要的介绍 3 1 HTML 语言 HTML Hyper Text Markup Language 超文本标记语言 它是构成网页的基础 因为 程序无法控制浏览器的内存 与浏览器之间只有下载网页及上传数据的关系 所以对 HTML 语法必须有一定的了解 WWW 上的每个网页都对应一个文件 我们浏览一个页面 要先把页面所对应 的文件从提供这个文件的计算机通过 Internet 传送到我们自己的计算机中 再 由 WWW 浏览器翻译成为我们见到的有文字 有图形甚至有声音的页面 这些页面 对应的文件不再是普通的 文本文件 文件中除包含文字信息外 还包括了一 些具体的链接 这些包含链接的文件被称为超文本文件 和普通文本相比 超文本文件中多了一些对文件内容的注释 这些注释表明 了当前文字显示的位置 颜色等信息 更重要的是 在有些注释中包含了对用户 计算机应做出何种反应的说明 这些注释的内容经过浏览器的翻译后就成了不同 的操作 为了使各种不同类型的 WWW 服务器都能正确地认识和执行 超文本文件 要遵从一个严格的标准 这个标准就是超文本标识语言HTML 我们也可以利用 这种语言来编写超文本文件 在 Internet 上制作自己的 WWW 的主页 超文本文件的概念出现在多媒体技术迅速发展之前 现在随着多媒体技术应 用的日益广泛 超文本应该改叫 超多媒体 更加合适 链接的内容已经从原来 文本中的一个词或词组 发展到现在一幅图像或是图像的一部分 通过链接得到 的内容也更加广泛 可以是地球另一端的某台计算机上的图片 声音 音乐或者 电影 但不管叫超文本还是叫做超多媒体 WWW 上各网页都是通过链接来完成相 互间的访问 而要使访问正常进行 必须使这些链接能够正确地指向所要访问的 网页 这些工作是通过统一资源定位器 URL 来实现的 3 2 JavaScript 技术 JavaScript 是由 Netscape 公司开发并随 Navigator 导航者一起发布的 介于 Java 与 HTML 之间 基于对象事件驱动的编程语言 正日益受到全球的关注 因 它的开发环境简单 不需要 Java 编译器 而是直接运行在 Web 浏览器中 而因 5 倍受 Web 设计者的所爱 Internet 时代 造就了我们新的工作和生活方式 其互联性 开放性和共享 信息的模式 打破了传统信息传播方式的重重壁垒 为我们带来了新的机遇 随 着计算机和信息时代的到来 人类社会前进的脚步在逐渐加快 每一天都有新的 事情发生 每一天都在创造着奇迹 随着 Internet 技术的突飞猛进 各行各业 都在加入 Internet 的行业中来 无论从管理方面 还是从商业角度来看 Internet 都可以带来无限生机 通过 Internet 可以实现地区 集体乃至个人 的连接 从而达到一种 统一的和谐 那么怎样把自己的或公司的信息资源加 入到 WWW 服务器 是广大用户日益关心的问题 采用超链技术 超文本和超媒体 技术 是实现这个目标最简单的 最快速的手段和途径 具体实现这种手段的支 持环境 那就是 HTML 超文本标识语言 通过它们可制作所需的 Web 网页 通过超文本 Hyper Text 和超媒体 Hyper Media 技术结合超链接 Hyper link 的链接功能将各种信息组织成网络结构 web 构成网络文档 Document 实现 Internet 上的 漫游 通过 HTML 符号的描述就可以实现文字 表格 声 音 图像 动画等多媒体信息的检索 然而采用这种超链技术存在有一定的缺陷 那就是它只能提供一种静态的信 息资源 缺少动态的客户端与服务器端的交互 虽然可通过 CGI Common Gateway Interface 通用网关接口实现一定的交互 但由于该方法编程较为复杂 因而在 一段时间妨碍了 Internet 技术的发展 而 JavaScript 的出现 无凝为 Internet 网上用户带来了一线生机 可以这样说 JavaScript 的出现是时代的需求 是当今 的信息时代造就了 JavaScript JavaScript 的出现 它可以使得信息和用户之间不仅只是一种显示和浏览的 关系 而是实现了一种实时的 动态的 可交式的表达能力 从而基于 CGI 静态 的 HTML 页面将被可提供动态实时信息 并对客户操作进行反应的 Web 页面的取 代 JavaScript 脚本正是满足这种需求而产生的语言 它深受广泛用户的喜爱的 欢迎 它是众多脚本语言中较为优秀的一种 它与 WWW 的结合有效地实现了网络 计算和网络计算机的蓝图 无凝 Java 家族将占领 Internet 网络的主导地位 因 此 尽快掌握 JavaScript 脚本语言编程方法是我国广大用户日益关心的 3 3 CSS DIV CSS DIV 是网站标准 或称 WEB 标准 中常用术语之一 通常为了说明与 HTML 网页设计语言中的表格 table 定位方式的区别 因为 XHTML 网站设计标 准中 不再使用表格定位技术 而是采用 DIV CSS 的方式实现各种定位 HTML 语言自 HTML4 01 以来 不再发布新版本 原因就在于 HTML 语言正变得 越来越复杂化 专用化 即标记越来越多 甚至各个浏览器生产商也开发出只适 6 合于其特定浏览器的 HTML 标记 这显然有碍于 HTML 网页的兼容性 于是 W3C 组 织进而重新从 SGML 中获取营养 随后 发布了 XML XML 是一种比 HTML 更加严 格的标记语言 全称是可扩展标记语言 Extensible Markup Language 但是 XML 过于复杂 且当前的大部分浏览器都不完全支持 XML 于是 XHTML 这种语言 就派上了用场 XHTML 语言就是一种可以将 HTML 语言标准化 用 XHTML 语言重写 后的 HTML 页面可以应用许多 XML 应用技术 使得网页更加容易扩展 适合自动 数据交换 并且更加规整 说了这么多 现在该说正题了 CSS 其实 CSS 单 独使用除了麻烦一点之外 我个人觉得并无明显的优于 HTML 的好处 而关键就 在于其与脚本语言 如 JavaScript 及 XML 技术的融合 即 CSS Javascript XML 实际上有一种更好的融合 XML XSL Javascript 但 XSL 即可扩展样式表语言相较于 CSS 过于复杂 不太容易上手 自从 CSS 出现 之后 HTML 终于摆脱了杂乱无章的噩梦 开始将页面内容与样式分离 7 第四章 网站设计 4 1 网站结构设计 根据本精品课程网站的特点 可以将其分为前台和后台两个部分设计 前台 主要实现教学资源浏览 资源下载管理 问题答疑 修改密码 修改资料和留言 等功能 后台主要用管理员对网站前台信息 教学资源 用户信息等进行管理 我把该网站设计以下模块 分别是用户登录 公告浏览 教程区 课件区 留言区 整个网站的系统结构如图 4 1 所示 Web程序设计精品课程网站 首 页 教学队伍 课程设置 教学内容 教学方法 实训条件 教学效果 课程特色 政策支持 成果展示 课程网站 图 4 1 网站系统结构图 8 第五章 网站实现 5 1 精品课程网站首页设计 网站首页以蓝色为主色调 采用 1 2 1 的结构 宽度是 950px 源代码见附 录 效果图如下 9 5 2 资源下载设计 资源下载页面采用了主页的风格 这样做到了风格的统一 既显美观又大方 源代码见附录 效果图如下 10 5 3 留言板设计 5 3 1 显示留言 显示留言页面主要显示学生的留言 效果图如下 5 3 2 提问区 提问区主要是学生留言 效果图如下 11 第六章 安全性要求 6 1 安全性需求 安全要求安全要求说说 明明 认证 Identification 身份识别 信息认证 通过用户名和密码验证 授权 Authorization 已注册为本系统会员的用户才能使用本系统 防病毒 确定防止非法程序的侵害 侵害检测 Intrusion Detection 对非法操作的预警和报告 事务的完整性采用事务完整保证机制 如果因为网络不畅等原因造成 信息没有及时发送出去 给用户以提示 信息安全确保所发布的资源信息属实 12 结论 精品课程网站系统由两部分组成 一是面向管理员部分 管理员的部分内容 包括文章审核 公告管理 教程管理 课件管理 留言模块管理 用户管理 教 师和用户 管理员信息管理 退出功能 二是面向学生用户和教师用户部分 用户可以查看公告 教程区浏览 课件区下载 留言板发布问题和解决问题 由于以前很少做相关项目的开发 所以比较生疏 都是一边学习一边开发设 计 这就使系统存在着不足 系统只能实现一些基本功能 系统缺点在于界面设 计不够美观 功能不够强大 通过本次设计 使我能熟练的使用 Dream weaver 开发平台开发设计网站 对计算机知识有了更深入的学习与了解 对以后的学习 和工作有很好的促进作用 13 后 记 经过一个月的时间 毕业设计和论文的撰写终于完成了 我特别感谢王彥辉 和李英杰这两们老师 因为从我的论文得以顺利开展直到结束为止