BS结构的科研网站设计与实现.doc

1、 基于 B/S 结构 的 科研网站的 设计与实现 摘 要： 随着学校科研管理规模的扩大、科研项目的增多，有效管理科研项目以及相关事宜变得越来越重要。科研网站的 设计与实现 利用目前比较成熟的 Web 数据库的实现技术来对科研项目数据进行处理。本毕业设计主要是设计出一个 WEB 数据库应用程序，用 ASP 技术实现一个 B/S 架构的科研网站，该 B/S 结构的系统在 Windows XP 系统和 ASP 平台下开发完成，使用 Dreamweaver MX 2004 作为 ASP 的开发工具， Access 2000 作为后台数据库。系统包括了科研网站数据库所需基 本信息的管理和科研项目的建立、

2、发布、申报、查询等功能。通过需求分析、方案论证、概要设计、系 统开发及功能测试，本系统实现了内容较丰富、操作简便的科研网站，经实际运行， 达 到 了预期的 设计目标。 关键 词 ： 科研 网站 ； B/S 结构； ASP The Design and Implementation of Research Website Based on B/S Structure Department of Computer Science and Technology FAN Yan-bo Tutor: PU Hai-bo Abstract: With the school to expand the sc

3、ale of scientific research management, research and more effective management of research projects and related matters is becoming increasingly important. The Design and Implementation of the website to take advantage of more mature Web database technology to deal with research data. The graduation

4、project is to design a WEB database application, using ASP technology to achieve a B / S structure of the research site, the B / S structure of the system in the Windows XP system and the ASP platform developed, the use of Dreamweaver MX 2004 as an ASP development tools, Access 2000 database as a ba

5、ckground. System, including the research site database of basic information required for management and the establishment of research, publishing, reporting, query and other functions. Through needs analysis, program feasibility studies, outline design, system development and functional testing, the

6、 system achieved a content rich, easy to operate the research site. By the actual operation, the system reached the desired design goals. Key words:Scientific Research Website; B/S Structure;ASP 随着信息产业的飞速发展，信息化管理已经引入并应用到各行业管理领域，尤其是对于教育行业。放眼周围，各行各业的网站鳞次栉比，并且不断地改变、影响着我们的观念与生活方式。教育行业始终走在科学的前端，学校的科研项目是非

7、常重要的。科研项目的实施为推动科技的发展带来直接的动力 ，所以建立一个良好的科研项目管理网站是非常重要的，且是非常必要的。 国内外的教育行业都非常重视在信息技术上的研究与开发，我国各个高校都有自己的网站和相应的软件系统。 许多高校的科研网站不仅满足本校的师生进行科研项目的创建、申报和查询，还有很多其他功能，可以看到兄弟院校的科研项目和目前社会比较需要研究的科目 。 本设计涉及到软件技术，硬件技术，相关数据库方面的应用和连接等多种知识。通过本设计能培养学生检索资料的能力、实际动手的能力、分析排除故障的能力和联系实际的能力等。同时，本设计可以训练学生应用所学专业知识解决实 际问题的能力 ，使其掌握

8、数据库方面的开发方法与能力，具备应用程序的编写能力。 1 网站 需求分析 1.1 网站 可行性分析 1.1.1 开发工具的选择 目前有许多的开发工具可 供选择，其中比较适合的有 Dreamweaver、 EditPlus 等。而Dreamweaver 是一个真正的可视化开发工具 ,并且比较简单，易于理解 ,可以快速制作网站雏形、设计、更新和重组网页 ,改变网页位置或档案名称， 能够 自动更新所有连结。 所以本系统选择 Dreamweaver 作为开发工具。 1.1.2 开发工具简介 （ 1） Dreamweaver 简介 Dreamweaver是美国 MACROMEDIA公司开发的集网页制作和

9、管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 （ 2） Access 2000 简介 Microsoft Access 是一种关系式数据库， 它提供了表、查询、窗体、报表、页、宏、模块 7种用来建立数据库系统的对象；提供了多种向导、生成器，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理 系统提 供了方便 。 1.2 网站 需求分析 1.2.1 网站 功能模块图 分析 科研网站常用功能 ,设计 网站 功能模块如 图 1所示 : 科 研 网

10、站网 站 后台 管 理网 站 前台 操 作系 统管 理文 件管 理新 闻管 理科 技成 果友 情链 接办 事指 南在 线办 公友 情链 接科 研成 果图 1 网站功能模块图 1.2.2 网站 功能分析 根据上述 网站 功能模块的划分 ，对各模块功能描述如下： （ 1） 系统管理模块 基本资料：包括给每个 管理员 分配一个唯一的 管理员 编号，设置 管理员 的名称、 地址、联系方式等。 文章图片管理 ： 添加、删除、修改文章图片 。 （ 2） 文件管理模块 下载中心 ： 上传可以供用户下载的文件 办事指南 ： 添加 、删除、修改 相关的办事指南 。 （ 3） 新闻 管理模块 添加新闻 ： 添加新

11、闻内容 。 新闻管理 ： 编辑、 删除、修改 上传的新闻 。 （ 4） 科技成果模块 授权专利 ： 对授权的专利进行添加、删除、修改等操作 。 收录论文 ： 添加、删除、修改 收录的论文 。 科技奖励 ：添加、删除相关的科技奖励。 （ 5） 友情链接模块 友情链接 ： 添加 、删除 相关的链接。 1.2.3 网站 数据流图分析 由 网站 功能分析，画出 网站 数据流图 描绘信息流和数据从输入 移动 到输出过程中所经历 的变换 。 管理员 经登录模块身份验证，进入 网站管理后台 主界面，进行 系统 管理、 文件 管 理、新闻 管理、 科技成果 管理、 友情链接 管理等操作。 其数据流图如图 2所

12、示。 管 理 员1系 统 管 理2文 件 管 理3新 闻 管 理4科 技 成 果5友 情 链 接登 陆 验 证管 理 员 数据 存 储管 理 员 数 据文 件数 据 存 储文 件 图 片 数 据图 片 数 据文 件 数 据文 件 数 据科 研 项 目数 据 存 储科 研 项 目 数 据新 闻 资 料新 闻 数 据 存 储新 闻 数 据登 陆 验 证链 接 数 据 存 储链 接 数 据图 2 数据流图 1.2.4 数据字典分析 根据 网站 数据流图的分析，现对 网站 主要数据字典分析如下： 表 1 管理员 信息数据条目 数据存储名称： 管理员 基本信息 总编号： 1-01 数据存储编号： 01

13、简要说明：对 管理员 基本信息进行记录 数据存储组成： 编号 +管理员姓名 +管理员密码 表 2 文件信息数据条目 数据存储名称： 文件 基本信息 总编号： 1-02 数据存储编号： 02 简要说明：对 文件 基本信息进行记录 数据存储组成：编号 +文件大类 +文件小类 +路径 +上传时间 +标题 +备注 表 3 新闻信息数据条目 数据存储名称： 新闻 基本信息 总编号： 1-03 数据存储编号： 03 简要说明：对 新闻文章 基本信息进行记录 数据存储组成：编号 +标题 +备注 +作者 +图片 +分类 表 4 科研项目 申报 信息数据条目 数据存储名称： 科研项目 基本信息 总编号： 1-0

14、4 数据存储编号： 04 简要说明：对 科研项目 基本信息进行记录 数据存储组成：编号 +科研项目名称 +截止 时间 +授权部门 +备注 表 5 授权专利信息数据条目 数据存储名称：科研项目基本信息 总编号： 1-05 数据存储编号： 05 简要说明：对 授权专利 基本信息进行记录 数据存储组成：编号 +年份 +发明的数量 +外观的数量 +实用的数量 +总计数量 +详细内容 2 系统概要设计 2.1 总体设计 经需求分析阶段的工作，已明确系统应 具有的功能 ，在此基础上划分出组成系统的物理 元素 ： 程序、文 件、数据库、人工过程、文档等，并确定系统中每个程序是由哪些模块组成的，以及这些模块相

15、互间的关系。 2.1.1 系统 运行环境 本系统主要 在 Win2000/WinXP/WinNT 等环境下运行，以 Dreamweaver +Access 2000作为开发工具，可以进行添加、 修改、删除、统计等处理。 2.1.2 系统设计思想及 方案 （ 1） 网站 设计思想 网站 设计 应符合 科研网站 的规定，满足 高校科研管理 工作需要，并达到操作 过程中的直观、方便、实用、 安全等要求 ，且 应具备数据库维护功能，及时根据用户需求进行数据的添加、 删除 、 修 改 等 操作。 本 设计 采用 B/S 体系结构， 浏览器 负责表达逻辑，显示用户界面信息 ,数据库服务器则用于提供数据服务

16、。 功能 设计 采用模块化程序设计方法 ,便于 网站 功能的各种组合和修改。 （ 2） 方案选择 基于开发工具的选择及 本系统主要实现 系统管理、文件管理、项目管理 等逻辑功能 ，为此制定 如下解决方案 ： 第一种实现方案 ： 考虑到不同身份的人员对系统的使用权限不同，设计 两 个主界面，其中一个界面用于 普通 用户 使用，主要用来查询 信息和进行项目的申报 ； 另 一个界面用于管理员在后台 对 网站 数据进行管理维护 。 第二种实现方案 ： 只设计一个主界面，对 系统的操作范围通过登陆人员的权限来限制。 方案比较： 两种 方案在技术上都比较容易实现 ,保密性也好，但第 二 种实现方案， 会造

17、成普通用户在浏览时访问速度不如第一种方案快 ， 如采用第 一 种实现方案，可以避免上述麻烦，并且可以提高开发效率。 因此，选择第 一 种实现方案。 2.1.3 网站 功能层次设计 由系统需求分析数据流图知，此科研网站的功能层次图如图 3 所示。 用 户（ 管 理 员 ）网 站 后 台 网 站 前 台系 统管 理文 件管 理新 闻管 理科 技成 果友 情链 接在 线办 公科 研成 果办 事指 南友 情链 接管 理员 管理图 片管 理下 载中 心办 事指 南添 加新 闻管 理新 闻授 权专 利收 录论 文科 技奖 励图 3 网站功能层次图 2.1.4 数据库设计 （ 1） 系统实体关系分析 由系

18、统数据流图分析，分析出系统要用到的实体及其相互间的关系，现描述如下： 表用 户 表表科 研 项 目表新 闻表文 件表链 接一 对 多一 对 多一 对 多一 对 多图 4 网站 E-R 图 （ 2） 系统实体属性描述 用户 表（ 编号 ， 用户姓名，用户密码 ） 办事指南 表（ 编号 ，部门号，姓名，性别，业绩考核） 文件 表（ 编号 ， 大类 ， 小类，路径，时间，标题，内容 ） 科技奖励 表（ 编号 ， 年份 ， 国家级，省级，厅级，总计，详细，其它 ） 链接 表（ 编号 ， 链接名称，链接备注，地址，类别，时间 ） 申报专栏 表（ 编号 ， 申报内容 ， 申报时间，申报部门，备注 ） 授权

19、专利 表（ 编号 ， 年份 ， 发明的数量 ， 外观数量，实用数量，总计数量，详细 ） 文章表（ 编号 ， 名称 ， 内容 ， 级别 ， 图片 ， 作者 ， 备注 ） 2.2 人工处理过程 由于系统是以管理员的 登录 方式进行操作，因此系统在使用前默认一 位 管理员（帐号：admin， 口令 ： 123456）。然后 操作本系统时以 默认管理员身份进入系统，首先 进入系统维护添加将要操作此系统的管理员及其权限 ，并同时删除默认管理员。设置管理员后，便可根据管理员的权限进行相关操作。 在进行各项操作前， 首先应该对网站后台进行基本的数据维护 。 3 系统的实现 3.1 数据库的实现 3.1.1

20、建立数 据库 用 ACCESS 2000 建立一 数据库， 命名为 database.mdb 在此网站中，主要是建立数据表。 根据系统功能需求，所用数据库需建立 6 张表，各表内容如表 4.1 所示 。 表 6 数据表 表名 表中内容 Admin 存储网站管理员信息 File 存储用户浏览网站及下载所需文件 Kejijiangli 存储科技奖励内容 Lianjie 存储网站显示的各个链接 Shouquanzhuanli 存储已经授权的专利 Wenzhang 存储网站的新闻内容 3.1.2 创建 数据库 应用程序对象 因系统多处要调用 数据库，所以 建立 一个 与数据库 链接 的文件 ，命名为

21、conn.asp，其代码如下： 3.2 用户端界面的实现 用户端界面即前台界面，主要满足用户浏览的需求，根据网站功能模块的划分，前台界面的 设计分为五个模块 ，分别为 header.html, left.html, center.asp, right.asp, footer.html.用户界 面 如 图 5 所示： 图 5 用户界面图 3.3 管理员 登陆模块的实现 因为网站的后台关系到很多数据库数据，所以 要有专门的人管理，并在进入前要进行身份的验证， 以防止他人无意或恶意篡改 。 登录界面 如图 6 所示。 图 6 登陆界面图 经身份验证，进入网站的后台，其界面如图 7 所示。 图 7 后台主界面