更多的毕业设计：http://www.56doc.com QQ: 306826066
目录
01．绪论
01．1 互联网与网络教育
01．2 网站的功能
02．网站设计制作的理论和技术基础
02．1 网站用户界面设计原则
12．2 网站用户界面设计技术
22．3 网站制作运用的开发技术
53．教科系网站功能及体系结构的设计
53．1 网站教学平台的目标设计
53．2 网站教学平台系统功能分析与设计
74．教科系网站数据库的设计
74．1 数据库的需求分析
84．2 数据库的逻辑结构设计
84．3 后台数据库的配置
85．网站开发平台的功能实现
95．1 新闻动态显示
105．2 站内搜索功能
115．3 后台登陆验证
125．4 后台新闻管理
136．平台的测试与维护
136．1 平台功能的测试
136．2 平台的维护
14结束语
15参考文献
16致谢
摘 要
本文主要研究了滨州学院计算机系网站的设计与开发，研究该课
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
的主要目的是便于教育技术学专业教师通过网站发布公告和教学信息，学生通过该网站了解院系最新动向，学习专业知识，实现资源共享。网站主要用ASP技术来实现，通过和数据库连接实现动态交互功能。
关键字：B/S/D体系结构 网站设计 ASP技术 数据库
1．绪论
1．1 互联网与网络教育
随着互联网技术的日益普及，基于网络环境下的教学研究、模式开发日趋深入，网络对教学的作用与潜能愈加突现出来，尤其在主体性教育观、素质教育观的策略方法与学科整合中体现得更加充分。
1．2 网站的功能
现如今,网站开发技术日益发展完善,基于web的网站设计与开发已成为当今企业和学校积极探索和发展的热门技术.带有交互性的动态网站设计也越来越受到人们的重视.出现了各种网站开发工具，如dreamweaver、frontpage、记事本等，同时也需要一些网页美化工具，如photoshop、firework、flash等等。在网站制作中要用到Html语言、javascript、vbscript脚本语言、asp 、php、 jsp等网站开发技术，xml技术等等，同时还能提供一些组件来丰富页面内容。动态网站还可与数据库连接，实现交互功能。
2．网站设计制作的理论和技术基础
2．1 网站用户界面设计原则
一个设计优秀的用户界面不仅要能够充分发挥软件的功能，而且要让用户使用方便。用户界面设计的一个最基本也是最重要的依据是以用户为中心。因为设计软件是给人使用的，一个软件使用效率的好坏取决于软件本身的设计和人是否能够方便的使用。因此，用户界面的设计必须以用户为中心。
2．1．1 一般软件的用户界面设计原则
(1) 一致性
一致性体现在用户界面的各个方面，包括界面元素、命令名称、信息表示和操作方式。
(2) 容错性
一个好的用户界面应该在设计时尽量避免可能的出错情况，对于不可避免的错误，应该尽量给用户提供恢复的手段。对于可能发生灾难性后果的命令/操作，应给出警告并要求用户确认。
(3) 反馈
一个好的用户界面在任何情况下都应该对用户的操作做出反馈(除非用户不需要这种反馈)。反馈使用户感觉到他在操作该软件，了解软件的当前运行状态。
2．1．2 网站用户界面设计原则
网站的用户界面设计，除了要掌握用户界面设计的一般原则外，还要把握其特殊性，因为网站网页的主要功能是向浏览者提供信息，所以网站的界面设计和其它应用软件界面设计存在一定的差异。
下面，根据界面设计的一般原则，结合网站开发平台的实际情况，认为网站开发平台界面设计应遵循以下基本原则，如表2-1所示。
表2-1 网站开发平台界面设计原则
界面设计的一般原则
网站界面的设计原则
1
一致性
统一的风格
2
容错性、反馈
良好的交互
3
审美性
视觉效果
4
简易性
网页洁简
5
传输速度
2．2 网站用户界面设计技术
2．2．1 网站的页面布局
网站开发平台的页面布局总体上遵循了网站界面设计原则。根据网站开发平台的整体组织结构，可以分两类页面:首页的页面布局、后台管理页面布局。下面介绍本网站的页面布局：
(1) 首页的布局
整个页面的布局采用了“三型”结构，主色调采用了桔红的暖色色调，文字的大小采用目前网上非常流行的9pt，字体是宋体，对于叙述性的文字，采用黑色，对于链接，活动的采用红色。教育科学与技术系的标志图片logo放在最上面，logo下面是整个网站的导航栏，主体部分左边放置辅助模块，右边放置主要的新闻和消息，底部是版权。如图2.1所示。
图2.1 首页的布局
(2) 后台管理布局
网站的后台主页面是用框架布局比较简单，用表格布局页面，点击每个超连接就会打开一个新的页面，便于管理，如图2.2所示。
图2.2 后台管理布局
2．2．2 网站的统一版面设计技术
由于网站中的网页要求有统一的风格和良好的视觉效果，即要求网站有统一的版面，由于级联格式页(CSS )技术能集中管理WEB站点的格式元素(字体、背景、文本、
2．2．3 界面元素定位技术
界面元素定位是版面布局的重要内容之一。要使网页的界面布局具备报纸、杂志等漂亮的布局，必须要对页面的界面元素进行定位。在网站开发平台中采用了以下几种界面元素的定位技术:表格定位、块表示符<
和
定位和CSS定位，下面分别进行讨论。
2．3 网站制作运用的开发技术
教科系网站在Windows XP系统下，在Dreamweaver软件中设计制作的，用到的语言有html语言和脚本语言。本系统动态开发技术主要采用了ASP技术(ActiveX Server Pages )，它是新一代动态网页开发技术，具有开发简单、与浏览器类型无关、功能强大、。
2．3．１ 平台的体系结构和开发环境
该系统采用了B/S/D(Browser/server/Date server)的体系结构如图2.3所示。
图2.3 B/S/D的体系结构
三层结构中, 第一层(浏览器) 为表示层, 主要用于完成用户接口的功能; 用户在客户端向URL 指定的Web 服务器提出服务申请,Web 服务器通过HTTP 协议将用户所需的信息传送给客户端。在这里,客户端的作用只是接收信息并用WWW 浏览器显示出来。第二层(为功能层, 主要用于完成客户请求的应用功能,Web 服务器在收到客户的请求后与第三层中的数据库连接并进行数据处理, 而后通过Web 将处理结果传回到客户端。第三层(数据库服务器) 为数据层, 采用Access 网络数据库, 主要完成的数据存储、加工和管理功能。
网络操作系统、数据库系统和网络编程技术选择
(1) 操作系统平台: Windows xp；
(2) 实现环境: IIS 5.0, 后台采用面向对象设计的ASP 编程技术；
(3) 数据库： Access 。
2．3．2 HTML语言
HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和
标准
excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载
。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作ＷＷＷ（是World Wide Web的缩写，也可简写WEB、中文叫做万维网) 的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器显示出效果。
2．3．3 脚本语言
脚本程序设计在Web程序设计中占有很重要的地位，无论是客户端动态页面设计，还是动态网站设计中的服务器端编程，使用最多的就是脚本语言。在众多的脚本语言中，使用最广泛的是JavaScript和VBScript。这两种语言即可作为客户端脚本语言，又可以作为服务器端脚本语言。
JavaScript是一种嵌入在HTML文件中的脚本语言，它是基于对象和事件驱动的，能对诸如鼠标单击、表单输入、页面浏览等用户事件作出反应并进行处理。JavaScript语言具有如下特点：
2．3．4 ASP技术
ASP是一种服务器端的脚本运行环境，利用它我们可以产生和运行动态的、交互的、高性能的web服务应用程序。一个ASP应用程序通常以.asp作为扩展名，ASP文件通常由文本、HTML标志和ASP文件特有的脚本语句组成，其中VBScript是ASP中缺省的脚本语言。
客户端通过浏览器向web服务器发送请求，web服务器响应页面请求后调用文件，然后解释执行每一条脚本语句，用ADO组件通过ODBC向数据库服务器发送数据请求及
2．3．5 数据库访问技术ADO
微软公司提供了一种对各类应用程序均适用、采用ODBC接口、通过结构化查询语言SQL对数据库进行访问和操作的总体解决
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
，这就是OLEDB，它是一个组件对象模型（COM）接口。可通过对存储在不同信息源上的数据进行统一访问能力。但是OLEDB应用程序编程接口的设计目的是为了给多种多样的应用程序提供优化功能，对Web应用的开发者而言，并不需要如此复杂的API。ADO（ActiveX Data Objects,ActiveX数据对象）技术则是一种良好的
Web数据库访问解决方案，其编程接口简单，用它开发应用程序十分便捷。ADO是一个ASP内置的服务器组件，它是一座连接Web应用程序和OLEDB的桥梁，运用它并结合ASP技术可在网页中执行SQL命令，达到数据库访问目的。
表 2-2 是ADO对象模型，它反映了ADO对象之间的关系。
表2-2 ADO对象模型
3．教科系网站功能及体系结构的设计
3．1 网站教学平台的目标设计
教育技术专业网站教学平台各模块的功能如下：
3．1．1 教师部分的功能应该达到下面的要求
(1) 通过教学公告向学生发布信息、制定教学计划；
(2) 将教学、专业、课程、实验信息发布到网站上；
(3) 在网上发布
教案
中职数学基础模块教案 下载北师大版¥1.2次方程的根与系数的关系的教案关于坚持的教案初中数学教案下载电子教案下载
；
(4) 在网上发布作业、包括作业题目上载、公布作业、批阅作业，给出学生成绩；
(5) 将常用的学习资源发布在网站上，便于学生下载使用；
(6) 通过聊天空间与学生进行实时讨论；
(7) 教师可以通过后台对页面进行管理,添加修改删除新闻,上传文件。
3．1．2 学生部分的功能应该达到下面的要求
(1) 阅读公告；
(2) 在网上完成课程学习；
(3) 在网上完成作业、包括作业下载、上传作业内容和作业成绩查询等；
(4) 通过讨论组的形式向老师提出问题。
3．2 网站教学平台系统功能分析与设计
本网站共分为两个子系统,教师子系统和学生子系统.如表3-1所示。
表3-1 教师子系统和学生子系统
3．2．1 教学内容发布
管理员发布网站新闻，这些内容是该网站的主要内容。各种新闻在页面上动态显示,管理员可以通过后台对这些新闻进行添加、修改和删除。另外．系统可对教学内容提供查询搜索功能。
3．2．2 公告功能
教师可以通过公告功能发布各项通知，例如以下内容：
(1) 招生公告〔招生简章、招生专业介绍、招生站点联系方式〕；
(2) 规章制度，包括各类管理又件等；
(3) 课程安排，包括课程数学方式、课程播放表；
(4) 临时通知和教材。
3．2．3 作业功能
对于作业，学上需要将作业通过上传的方式上交。因此系统需要提供以下功能：
(1) 上传：格作业上载到指定地点、并按某种方式进行标识；
(2) 批阅：教师可对作业进行批阅判分。
3．2．4 答疑功能
(1) 非实时答疑：系统需要完成一个讨论组的功能， 以便学生和老师能顺利提问和解答；
(2) 实时答疑：功能类似于聊天室。学生和老师可以同时登录到系统，进行实时交流。
3．2．5 后台管理功能
后台登陆页面用户名密码验证功能，新闻管理页面对新闻的添加修改删除操作功能。文件上传功能。
3．2．6 其他功能
站内搜索、友情链接等。
4．教科系网站数据库的设计
4．1 数据库的需求分析
表4-1数据库需求分析表
4．2 数据库的逻辑结构设计
在Access中建立数据库文件mdb，此文件包含jjh_admin、jjh_activ、jjh_news、jjh_jiaoxue等数据表。下面是以表jjh_admin、jjh_activ为例说明这些表的逻辑结构。
(1) 管理员信息表jjh_admin
管理员信息包括ID号、用户名、密码、是超级管理员还是一般管理员。
(2) 教务公告信息表jjh_activ
教务公告信息表包括ID号、公告标题、公告发布作者、是否推荐、公告来源、图片地址、公告内容、点击次数、发布时间。
其逻辑结构如表4-2所示。
表4-2 表的逻辑结构
表名
字段名称
数据类型
说明
jjh_admin
admin_id
自动编号
字段编号
admin_name
文本
登陆用户名
admin_password
文本
登陆密码
admin_flag
数字
是否为超级管理员
jjh_activ
activ_id
自动编号
字段编号
activ_title
文本
公告标题
activ_auther
文本
公告作者
activ_tui
数字
是否推荐
activ_comefrom
文本
公告来源
activ_images
文本
公告图片来源
activ_content
备注
公告内容
activ_hits
数字
点击次数
activ_time
日期时间
公告发布日期
4．3 后台数据库的配置
本系统是在Windows xp系统下开发的，数据库使用的是access 2003。新建数据库并填充内容，命名为mdb。因为网站中是用代码实现的数据库连接，所以这儿不用建立手动建立数据源连接。
5．网站开发平台的功能实现
在整个网站开发平台中，网站的信息除了存储在文本文件上外，其他都存在Access数据库中。要显示数据库中的数据，必须要连接数据库，调用数据库中的数据表。在这里主要采用了ASP的ADO技术来实现。
使用ADO进行数据库的访问主要步骤如下：
(1) 建立ADO组件连接对象
Set Conn=Server.CreateObject("ADODB.Connection")
(2) 打开待访问数据库
打开数据库有两种方式:全路径方式和DSN (Data Source Name)数据源方式。在本系统中，我们用到了一个数据库文件mdb，下面以mdb数据库为例子，用全路径方式来打开该数据库，用该方式不需要象DSN方式配置数据源，方便用户使用。其方式如下:
connstr="DBQ="+server.mappath("../jjhmdb/mdb.mdb")+"; DRIVER={Microsoft Access Driver (*.mdb)};"
conn.open connstr
其中DRIVER={ Microsoft Access Driver (*.mdb)}表示连接的数据库是Microsoft Access,
(3) 建立数据库记录集Recordset对象，访问数据库表
(4) 关闭记录集，断开与数据库的连接
Rs.close
<%
connstr="DBQ="+server.mappath("jjhmdb/mdb.mdb")+";DefaultDir=;DRIVER={Microsoft Access Driver (*.mdb)};"
‘connstr为连接字符串
set conn=server.createobject("ADODB.CONNECTION")
conn.open connstr
%>
5．1 新闻动态显示
对于一个主要用来传递信息的网站，能将数据库中的信息显示在网页中是一项很重要的技术。本网站中有多种新闻和公告需要在网页中显示，这就需要通过调用数据库来动态显示数据库中表的信息。都用到了在数据库中实现记录集分页技术，附录中介绍了这种技术，所以在网页中和分页有关的代码就不再赘述。这儿就以学生工作信息页面student.asp为例，显示表jjh_news中的新闻，如图5.1所示。
图5.1 学生工作信息新闻
下面对网页中实现主要功能的代码进行分析：
在student.asp页面中，通过建立记录集来显示新闻，这里用表格对新闻条目进行布局，具体代码如下：
(1) 打开数据库连接，代码省略。
(2) 打开记录集对象
当用户点击显示的新闻标题时，就会打开一个新页面，新页面中显示的是关于这条新闻的具体信息，这是通过参数传递实现的。其他页面的新闻显示代码如上，只是操作的数据表和查询语句有所差异。
5．2 站内搜索功能
在首页的左边有个站内搜索项目，如图5.2所示。
图5.2 站内搜索图
站内搜索功能主要是指搜索站内显示的新闻信息。通过在类型栏目内输入要搜索的新闻类型，再输入要显示的新闻的关键字，即新闻标题，点击提交后即能在一个新页面显示所搜索的新闻。
在页面中通过调用一个过程实现的，代码为：
| 类 型 : |
|
