配色: 字号:
《Dreamweaver CS3网页制作学习指导》第6章简单的动态网站设计
2023-05-23 | 阅:  转:  |  分享 
  
本章要点本章导读本章任务上机实训第6章 简单的动态网站设计本章要点6.1 IIS的安装与配置 安装IIS IIS的配置6.2 表单的概述
插入表单 表单属性 6.3 添加表单对象 创建文本字段 创建文本区域 创建复选框 本章要点 创建单选按钮 创
建列表/菜单 创建按钮 创建文件域6.4 数据库的连接 创建数据库 创建数据源 设置测试服务器 创建数据库连接
本章要点6.5 数据库的查询创建记录集 显示数据库记录 插入数据库记录查询数据库记录   本章导读 本章介绍建立动态网站的
方法。主要包括IIS的安装和配置;创建Access数据库;建立动态数据源和建立数据库连接;创建表单和常用表单对象;创建记录集;显示
、插入和查询数据库记录的方法。本章任务1. 能安装和配置IIS;2. 能插入表单及常用表单对象;3. 能建立数据库及数据表;
4. 会创建数据源和建立数据库连接;5. 学会创建记录集;6. 能显示、插入和查询数据库记录。6.1 IIS的安装与配置
(1) 选择“开始→设置→控制面板→添加或删除程序”命令 。 (2) 弹出 “添加或删除程序”对话框,单击左侧
“添加/删除Windows组件”按钮,打开“Windows组件向导”对话框,选中“Internet信息服务”复选框,单击“下一步”
按钮。 (3) 弹出 “所需文件”对话框,单击“浏览”按钮,打开 “查找文件”对话框,选择IIS安装文件目录,单击“打
开”按钮。 (4) 系统开始复制文件, IIS组件安装完毕后单击“完成”按钮。 1.安装IISWindows组件向导2
.IIS配置 (1) 选择“开始→设置→控制面板→管理工具→Internet信息服务”命令,弹出“Internet信息服
务”窗口,单击对象左侧的折叠按钮,展开对象 。 (2) 右单击“默认网站”,在弹出的菜单中选择“属性”命令, 弹出“默认
网站属性”对话框,选择“主目录”选项卡,单击“本地路径”右侧“浏览”按钮选择站点文件夹,选择“写入”复选框, “Internet”
信息服务对话框 “主目录”对话框6.1 IIS的安装与配置 (3) 选择“文档”选项卡,设置网站默认文档的名称。单击“
添加”按钮可添加默认文档,在“默认文档”列表中单击“ ”按钮,可调整当前选定文档的顺序,设置完毕后单击“确定”按钮。“文档”
对话框6.1 IIS的安装与配置 要插入表单,首先将光标先定位到要插入表单位置,然后使用以下操作之一: ·
选择菜单“插入记录→表单→表单”命令。 ·单击插入栏“表单”类别中的“表单”按钮 “表单属性”面板 1.插入表单6.2
表单的概述2.表单属性插入表单后,在窗口下方出现“表单”属性面板,如图所示。 (1) 光标定位于表单域中要插入文本字段位置
,选择菜单“插入记录→表单→文本域”命令,或单击插入栏“表单”类别中的“文本字段”按钮。 (2) 弹出“输入标签辅助功能
属性”对话框,如图所示,完成相应设置,单击“确定”按钮。“输入标签辅助功能属性”对话框 1.创建文本字段6.3 添加表单对象
(3) 选中插入的文本字段,出现“文本字段”属性面板,如图所示,完成设置。“文本字段”属性面板 6.3 添加表单对象 ·
字符宽度:指定文本字段的边框宽度,单位是字符。 ·最多字符数:指定在文本字段中可以输入的最大字符数。 ·类型:
指定文本字段的类型,有单行、多行和密码三种。选择“多行”单选按钮,文本字段出现滚动按钮,选择“密码”单选按钮,在浏览窗口中以“●”
号显示输入内容。 ·类:指定用于该文本字段的CSS样式。 ·初始值:指定文本字段默认状态下显示的文本。
(1) 光标定位于表单域中要插入文本区域位置,选择菜单“插入记录→表单→文本区域”命令,或单击插入栏“表单”类别中的“文本区
域”按钮。 (2) 选中插入的文本区域,出现文本区域属性面板,如图所示,完成设置。2.创建文本区域6.3 添加表单对象
“文本区域”属性面板 (1) 将光标定位到表单域中要插入复选框的位置,选择菜单“插入记录→表单→复选框”命令,或单击插入栏“
表单”类别中的“复选框”按钮。 (2) 窗口中出现复选框,右移光标,输入复选框的标签文本,同样方法创建其他复选框,选中
复选框,出现复选框属性面板,如图6-19所示,完成设置。“复选框”属性面板 6.3 添加表单对象3.创建复选框 4.创建单选按钮
“单选按钮”属性面板 6.3 添加表单对象 (1) 将光标定位到表单域中要插入单选按钮的位置,选择菜单“插入记录→表单
→单选按钮”命令,或单击插入栏“表单”类别中的“单选按钮”按钮。 (2) 窗口中出现单选按钮,右移光标,输入单选按钮的标
签文本,同样方法创建其他单选按钮。 (3) 选中单选按钮,显示单选按钮属性面板,如图所示,完成设置。 列表
和菜单的创建方法基本相同,具体操作是: (1) 光标定位于表单中要插入列表/菜单位置,选择菜单“插入记录→表单→列表
/菜单”命令,或单击插入栏“表单”类别中的“列表/菜单”按钮。 (2) 选中列表框,显示列表/菜单属性面板,如图所示,
完成设置。“列表/菜单”属性面板 6.3 添加表单对象 5.创建列表/菜单 6.创建按钮 (1) 光标定位于表单中要
插入按钮位置,选择菜单“插入记录→表单→按钮”命令,或单击插入栏“表单”类别中的“按钮”按钮。 (2) 选中按钮,显示
按钮属性面板,如图所示,完成设置。 “按钮”属性面板 6.3 添加表单对象 动作:指定单击按钮后执行的动作。有以下三个
选项: 提交表单:单击此按钮,可将表单数据发送到服务器。 重设表单:单击此按钮,可将表单内容恢复到初始状态。 无
:单击此按钮,可执行一个脚本程序。 (1) 将光标定位到表单域中要插入按钮的位置,选择菜单“插入记录→表单→文件域”命
令,或单击插入栏“表单”类别中的“文件域”按钮,窗口中出现文件域。 (2) 选中文本域,显示文件域属性面板,如图所示,完
成设置。 7.创建文件域“文件域”属性面板 6.3 添加表单对象6.4 数据库的连接1.创建数据库 (1) 选择“开始
→程序→Microsoft Office→Microsoft Office Access 2003”命令,启动Access程序。
(2) 选择“文件→新建”命令,单击“空数据库” 。 (3) 弹出“文件新建数据库”对话框,选择文件保存位
置,输入文件名,单击“创建”按钮。 (4) 打开数据库窗口,选择“表”对象,双击“使用设计器创建表”,打开表设计器窗口
,在“字段名称”框中输入字段名,“数据类型”框中选择字段数据类型,同样方法输入其他数据,单击“关闭”按钮,保存数据表。 (5
)双击打开刚创建的数据表,在数据表视图中输入表中的数据,单击“保存”按钮。 (1) 选择“开始→设置→控制面板→管理工
具→数据源(ODBC)”命令。 (2) 弹出“ODBC数据管理器”对话框,选择“系统DSN”选项卡,单击“添加”按钮,弹
出“创建新数据源”对话框,在列表中选择“Microsoft Access Driver (.mdb)”,单击“完成”按钮。
(3) 弹出“ODBC Microsoft Access 安装”对话框,在“数据源名”文本框中输入一个名称,单击“选择”按钮
,打开 “选择数据库”对话框,选择前面创建的Access数据库文件,单击“确定”按钮。 (4) 回到“ODBC数据管理器
”对话框,单击“确定”按钮。 2.创建数据源“ODBC Microsoft Access 安装”对话框6.4 数据库的连接创建新数
据源 (1) 选择菜单“站点→管理站点”命令,弹出 “管理站点”对话框,选择站点,单击“编辑”按钮。 (2)
弹出“站点定义”对话框,选择“高级”选项卡,在“分类”列表中选择“测试服务器”,完成设置,如图所示,单击“确定”按钮。
(3) 回到“管理站点”对话框,单击“完成”按钮。6.4 数据库的连接3.设置测试服务器测试服务器4.创建数据库连接 (
1) 选择菜单“窗口→数据库”命令,打开“数据库”面板。 (2) 在数据库面板上单击添加按钮,在弹出的菜单中选择“数据源
名称”命令。 (3) 弹出“数据源名称”对话框,完成设置。 (4) 单击“测试”按钮,如果成功则出现“连接成功
”对话框,如果连接失败,请对该数据源进行检查。单击“确定”按钮。 (5) 回到“数据源名称”对话框,单击“确定”按钮。“
数据源名称”对话框 6.4 数据库的连接“数据库”面板 1.创建记录集 (1) 选择菜单“窗口→绑定”命令,或单击“
应用程序”面板中“绑定”选项卡,打开“绑定”面板。 (2) 在“绑定”面板上单击添加按钮,在弹出菜单中选择“记录集(查
询)”命令。 (3) 弹出“记录集”对话框,如图所示,完成设置。 (4) 单击“测试”按钮进行查询,单
击“确定”按钮将记录集添加到“绑定”面板的可用源中。 6.5 数据库的查询 绑定面板 “记录集”对话框 创建记录集后
,记录集就会出现在“绑定”面板的可用内容源中,只需将记录集中的字段拖到页面上,就可以在页面上显示数据库记录。显示数据库记录有显示一
条记录和显示多条记录两种情况。 (1) 显示一条记录 如果数据库记录中的字段很多,可以在页面中只显示一条记
录,并将字段按垂直方向排列,方法是: ①在页面中插入多行两列表格,在表格的第一列中输入文本表示字段名。 ②
单击记录集左侧的“”按钮,展开记录集,拖动字段到表格第二列相应的单元格中。2.显示数据库记录 6.5 数据库的查询 (
2) 显示多条记录 使用“重复区域”行为可以在页面中显示多条记录,方法是: ①在页面中插入两行多列表格,在
表格的第一行中输入文本表示字段名。 ②单击记录集左侧的“ ”按钮,展开记录集,依次拖动字段到表格第二行相应的单
元格中。 ③选择表格第二行,在“服务器行为”面板中单击添加按钮,在弹出菜单中选择“重复区域”命令。服务器行为 6.5
数据库的查询 (1)选择“插入记录→表单→表单”命令,在页面中插入一个表单。 (2) 在表单中插入一个2列
多行的表格,用于对齐表单对象。表格的行数应比数据库表的字段数多出两个,分别用于输入表单标题和放置按钮。 (3) 将表格
第一行两个单元格合并,输入标题文本。在第一列输入文本,表示字段名,在第二列插入相应表单对象,用于输入数据。将表格最后一行两个单元格
合并,选择“插入记录→表单→按钮”命令,在属性面板“值”框中输入“插入记录”,在“动作”选项中选择“提交表单”。再插入一个按钮,属
性面板“值”框中输入“重新填写”,在“动作”选项中选择“重设表单”。2.插入数据库记录 6.5 数据库的查询 (4) 在
“服务器行为”面板中单击“添加”按钮,在弹出的菜单中选择“插入记录”命令。 (5) 弹出“插入记录”对话框,完成设置,
单击“确定”按钮。 “插入记录”对话框6.5 数据库的查询4.查询数据库记录 (1) 创建搜索页面 创建
搜索页面时,需在页面中插入一个表单,表单中放置一些表单对象,用于用户输入搜索内容。另外,表单中应有一个“提交”按钮,用于将搜索内容
传送到服务器。 例如,建立搜索页面sousuo.html,要求输入姓名能够在结果页面jieguo.asp中显示该生的详
细信息,方法如下: ①新建一个页面,保存为sousuo.html。选择“插入记录→表单→表单”命令,在页面中插入一个表
单。选中表单,在属性面板的“动作”文本框中输入结果页面的文件名“jieguo.asp”,“方法”列表中选择“POST”,如图所示。
“表单”属性面板 6.5 数据库的查询 ②在表单中输入“请输入要查找学生的姓名:”,插入一个文本字段,在属性面板的“文
本域”文本框中输入名称“sousuoxm”,“字符宽度”框输入值:8,“类型”选择“单行”,如图所示。6.5 数据库的查询“文本域
”属性面板 ③插入一个按钮,在“值”框中输入“查询”,“动作”选项选择“提交表单”。 “按钮”属性面板 (2) 创建结
果页面 ①新建一个asp动态网页,保存为jieguo.asp。插入表格,输入文本。 6.5 数据库的查询表格
②在“绑定”面板上单击 “添加”按钮,在弹出的菜单中选择“记录集(查询)”命令,弹出“记录集”对话框,在“名称”框中输入记录名称
“rschaxun”,在“连接”列表中选择一个数据库连接,“表格”列表选择从中搜索数据的数据库表“student”,“列”中选择“全部”或在结果页面中用到的字段。在“筛选”的第一个列表中选择用于筛选的字段“xm”,第二个列表选择比较方式“包含”,第三个列表选择变量类型,如果搜索页面上的表单使用POST方法,则选择“表单变量”,如果搜索页面的表单使用GET方法,则选择“URL参数”,第四个文本框中输入搜索页面上接收搜索参数的表单对象的名称“sousuoxm” 。 ④单击“确定”按钮,关闭“记录集”对话框,建立的记录集就出现在“绑定”面板中,依次将记录集中的字段拖到页面表格第二行的各个单元格中,如图所示。文档窗口 6.5 数据库的查询“记录集”对话框上机实训实训16 与我联系在网页中插入表单和常用表单对象。表单效果图上机实训 通过姓名查询学生的成绩实训17 成绩查询预览网页查询结果
献花(0)
+1
(本文系昵称1689447...首藏)