网页设计编程代码-网页设计实验报告及代码.doc

还有定位和CSS定位，下面分别讨论。 2.3 网站制作所采用的开发技术 教育部网站是在Windows XP 系统下使用Dreamweaver 软件进行设计和制作的。 使用的语言包括html语言和脚本语言。 本系统的动态开发技术主要采用ASP技术(ActiveX Server潍坊大学本科论文3页)。 它是新一代动态网页开发技术，开发简单、与浏览器类型无关、功能强大。 2.3.1 平台架构及开发环境 系统采用如图所示的B/S/D（浏览器/服务器/数据服务器）架构。 在图B/S/D的三层架构中，第一层（浏览器）为表示层，主要用来完成用户界面的功能； 用户向客户端上的URL指定的Web服务器提交服务请求，Web服务器将用户所需的信息通过HTTP协议传输到客户端。 在这里，客户端的作用只是接收信息并使用WWW浏览器显示它。 第二层（功能层）主要用来完成客户要求的应用功能。 Web服务器收到客户的请求后吉祥物设计，连接第三层的数据库并进行数据处理，然后将处理结果通过Web传输回客户。 结尾。 第三层（数据库服务器）是数据层，采用Access网络数据库，主要完成数据存储、处理和管理功能。

网络操作系统、数据库系统和网络编程技术的选择 (1)操作系统平台：Windows xp； （2）实现环境：IIS，后台采用面向对象设计的ASP编程技术； (3)数据库：Access。 2.3.2 HTML语言 HTML的英文含义是：Hypertext Marked Language，它是一种用于创建超文本文档的简单标记语言。 超文本传输​​协议规定了浏览器运行HTML文档时遵循的规则和操作。 HTTP协议的制定使得浏览器在运行超文本时能够有统一的规则。 WEB服务器端 服务器端数据库服务器组件 ADO和ODBC及ASP环境服务器脚本代码 教师用户 学生用户 潍坊大学本科生毕业论文4篇及标准。 用HTML编写的超文本文档称为HTML文档，它独立于各种操作系统平台。 从1990年开始，HTML被用作WWW（万维网的缩写，也缩写为WEB，中文称为万维网）信息表示语言，使用HTML语言描述的文件需要通过WEB浏览器来显示。 2.3.3 脚本语言 脚本编程在Web 编程中扮演着重要的角色。 无论是客户端动态页面设计，还是动态网站设计中的服务器端编程，使用最多的是脚本语言。

在众多的脚本语言中，使用最广泛的是JavaScript和VBScript。 这两种语言可以用作客户端脚本语言和服务器端脚本语言。 JavaScript 是一种嵌入 HTML 文件的脚本语言。 它是对象和事件驱动的，可以响应和处理用户事件，如鼠标点击、表单输入、页面浏览等。 JavaScript 语言具有以下特点： 2.3.4 ASP 技术 ASP 是一种服务器端脚本运行环境，使用它我们可以生成并运行动态、交互式、高性能的 Web 服务应用程序。 ASP 应用程序通常具有 .asp 扩展名。 ASP 文件通常由 ASP 文件特有的文本、HTML 标记和脚本语句组成。 VBScript 是 ASP 中的默认脚本语言。 客户端通过浏览器向Web服务器发送请求，Web服务器响应页面请求并调用文件，然后解释并执行各个脚本语句，并使用ADO组件通过ODBC向数据库服务器发送数据请求。 2.3.5 数据库访问技术 ADO Microsoft 公司提供了适用于各类应用的整体解决方案，采用ODBC 接口，通过结构化查询语言SQL 来访问和操作数据库。 这就是 OLEDB，它是一个组件对象模型 (COM) 接口。

对存储在不同信息源上的数据进行统一访问。 然而，OLEDB应用程序编程接口旨在为各种应用程序提供优化功能。 对于Web应用程序开发人员来说，不需要如此复杂的API。 ADO（ActiveX Data Objects，ActiveX数据对象）技术是一种很好的Web数据库访问解决方案。 它的编程接口简单，使用它开发应用程序非常方便。 ADO 是 ASP 的内置服务器组件。 它是连接Web应用程序和OLEDB的桥梁。 它可以与ASP技术配合使用，在网页中执行SQL命令，达到数据库访问的目的。 潍坊大学本科论文5 表2-2是ADO对象模型，它反映了ADO对象之间的关系。 表2-2 ADO对象模型 3.教育系网站功能及架构设计 3.1网站教学平台目标设计 教育技术专业网站教学平台各模块功能如下： 3.1.1教师部分的职能应满足以下要求（1）通过教学公告向学生发布信息，制定教学计划； （二）在网站上发布教学、专业、课程、实验信息； （3）在线发布教案； （4）在线发布作业，包括上传作业题、发布作业、批改作业、给学生打分； （5）在网站上发布常用的学习资源，供学生下载使用； （6）通过聊天空间与学生进行实时讨论； (7)教师可以通过后台管理页面，添加、修改、删除新闻、上传文件。

3.1.2 学生部分的功能应满足以下要求： (1) 阅读公告； （2）在线完成课程学习； （3）在线完成作业，包括作业下载、上传作业内容、作业成绩查询等； （4）通过小组讨论向老师提问。 ConnectionRecordSetParameterErrorCommandParametersErrorsFields Field潍坊大学本科毕业论文63.2网站教学平台系统功能分析与设计本网站分为两个子系统，教师子系统和学生子系统。 如表3-1所示。 表3-1 教师子系统和学生子系统 3.2.1 教学内容发布 管理员发布网站新闻，这是网站的主要内容。 页面上动态展示各种新闻，管理员可以通过后台添加、修改、删除这些新闻。 此外。 系统可以提供教学内容的查询和搜索功能。 3.2.2 公告功能 教师可以通过公告功能发布各种公告网页设计编程代码，例如： （1）招生公告【招生简章、招生专业介绍、招生站点联系方式】； （二）规章制度，包括各种管理附加文件等； （3）课程安排，包括课程数学方法和课程播放列表； （四）临时通知和教材。 3.2.3 作业功能 对于作业，学生需要通过上传的方式提交作业。 因此，系统需要提供以下功能： (1)上传：将网格作业上传到指定位置，并按照一定方式进行标记； (2) 批改：教师可以对作业进行批改。

3.2.4 问答功能首页学生子系统教师子系统公告浏览新闻浏览在线学习作业上传资源学习新闻发布公告浏览资源管理作业批改后台维护潍坊大学本科毕业论文7(1)非实时问答：系统需要完成讨论组功能，以便学生和老师能够顺利提问和回答问题； (2)实时问答：功能类似于聊天室。 学生和老师可以同时登录系统，实时交流。 3.2.5后台管理功能：后台登录页面用户名和密码验证功能，新闻管理页面添加、修改、删除新闻功能。 文件上传功能。 3.2.6 其他功能：站点搜索、友情链接等。 4. 教科院网站数据库设计 4.1 数据库需求分析表 4-1 数据库需求分析表 潍坊大学本科论文 84.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 自动编号 字段编号 管理系统管理员信息表 教务公告信息表 教学管理信息表 专业建设信息表 专业介绍信息表 课程建设信息表 教学系统实验 教学信息表 实验室信息表 科研状况信息表 科研项目信息表 成人教育信息表 学生作品信息表 潍坊学院本科毕业论文 9admin_name 文本登录用户名 admin_password 文本登录密码 admin_flag 号码是否为超级管理员 activ_id 自动号码字段number activ_title 文字公告标题 activ_auther 文字公告作者 activ_tui 编号 是否推荐 activ_comefrom 文字公告来源 activ_images 文字公告图片来源 activ_content 备注公告内容 activ_hits Number 点击次数 jjh_activactiv_time 日期时间 公告发布日期 4.3 后台数据库配置 本系统在 Windows xp 下开发系统是的，数据库使用access 2003。新建一个数据库，填写内容，命名为mdb。 因为数据库连接是在网站中用代码实现的，所以这里不需要手动建立数据源连接。

5、网站开发平台的功能在整个网站开发平台中实现。 除了存储在文本文件中的网站信息外，其他信息也存储在 Access 数据库中。 要显示数据库中的数据网页设计编程代码，必须连接数据库并调用数据库中的数据表。 这里我们主要利用ASP的ADO技术来实现。 使用ADO访问数据库的主要步骤如下： (1) 建立ADO组件连接对象 Set Conn=("") (2) 打开要访问的数据库。 打开数据库有两种方式：全路径方式和DSN（Data Source Name）数据源方式。 在这个系统中，我们使用一个数据库文件mdb。 下面以mdb数据库为例，以全路径打开数据库。 该方法不需要像DSN方法那样配置数据源，方便用户。 方法如下：connstr="DBQ="+("../jjhmdb/")+"; DRIVER={Microsoft Access Driver(*.mdb)};"connstr where DRIVER={ Microsoft Access Driver(*. mdb) } 表示连接的数据库是Microsoft Access， (3) 创建数据库记录集Recordset对象并访问数据库表 潍坊大学本科论文10 (4) 关闭记录集并断开与数据库的连接 5.1 新闻动态显示对于用来传输信息的网站来说，能够将数据库中的信息显示在网页上是一项非常重要的技术。

这个网站中有各种各样的新闻和公告需要在网页上显示，这就需要调用数据库来动态显示数据库中表中的信息。 它们都使用了数据库中的记录集分页技术。 该技术在附录中有介绍，因此网页中与分页相关的代码不再赘述。 这里我们以学生作品信息页面为例，显示表jjh_news中的新闻，如图所示。 图 学生作品信息新闻 下面是对网页中主要功能实现代码的分析： 在页面中，建立了一个记录集，用于显示新闻。 这里，使用表格来布置新闻项目。 具体代码如下： (1)打开数据库连接，代码略。 (2) 打开记录集对象。 当用户点击显示的新闻标题时，将打开一个新页面。 新页面将显示有关新闻的具体信息。 这是通过参数传递来实现的。 其他页面显示新闻的代码如上，只是使用的数据表和查询语句不同。 5.2 站内搜索功能 在首页左侧有一个站内搜索项，如图。 潍坊大学本科论文 11 图片搜索 站内搜索功能主要是指对站内展示的新闻信息进行搜索。 通过在类型栏中输入要搜索的新闻类型吉祥物，然后输入要显示的新闻的关键字，即新闻标题，点击提交，即可将搜索到的新闻显示在新的页面上。 这是通过调用页面上的过程来实现的。 代码是：

类型：

创建新文档主题