网页设计——交互式表单的制作

选择数据库 中相对应的 数据表及字 段名称
37
10-3-1 登录用户
（3）输入登录成功后，要前往的页面，以及登入失败后 要前往的页面。
登录失败后， 要前往的页面
登录成功后， 要前往的页面
38
10-3-1 登录用户
（4）选择判别的条件为用户名、密码和访问级别，接着 选择级别来源，然后选择按钮。
选择“用户名、 密码和访问级别”
为确认浏览者的身份及所属的权限，可以利用登入用 户功能，判断浏览者为会员还是管理者，以及拥有的权限 等级。
选择“服务 器
行为”面板
选择“登录用户”
36
10-3-1 登录用户
（2）出现“登录用户”对话框后，选择判别的来源表单 及字段，然后选择数据库中相对应的数据表及字段名称。
选择判别的 来源表单及 字段
返回 28
10-2-2 插入记录
（4）回到“插入记录”对话框后，选择Interest表单元素， 再从“提交为”列表中选择文本，然后单击“确定”按钮。
29
10-2-2 插入记录
按一下键盘【F12】键预览网页，在表单内输入数据， 然后选择按钮，就可以将会员表单的数据送入数据库中。
打开数据库文 件，即可看到在表 单所填入的会员数 据，成功的插入到 数据库的tMember 数据表中。
第10章 交互式表单的制作
10-1 表单组件的建立 10-2 设计加入会员网页 10-3 用户验证 10-4 会员资料的变更
返回 1
10-1 表单组件的建立
10-1-1 插入文本域 10-1-2 插入单选按钮 10-1-3 插入复选框 10-1-4 插入按钮 10-1-5 表单组件汇总
返回 2
10-1 表单组件的建立
40
10-3-2 注销用户
选择“注销 用户”
41
10-3-2 注销用户
（2）出现“注销用户”对话框后，选择注销的情况，接 着输入注销后，要链接的页面，然后单击“确定”按钮。
返回 42
10-4 会员资料的变更
10-4-1 更新记录 10-4-2 删除记录 10-4-3 限制直接读取页面
返回 43
返回 58
10-4-3 限制直接读取页面
为避免他人以随机方式在浏览器的地址栏输入相关字 符串，直接进入页面，可以将修改会员数据的页面 （modify.asp）设置限制直接读取页面的功能 。 （1）在服务器行为面板选择按钮，出现菜单后，选择 “用户身份验证”，然后选择“限制对页的访问”。
59
10-4-3 限制直接读取页面
25
10-2-2 插入记录
26
10-2-2 插入记录
（2）出现“插入记录”对话框后，在“连接”栏中选择 coffee，接着在“插入到表格”栏中选择tMember表格， 然后单击“浏览”按钮。
27
10-2-2 插入记录
（3）出现“选择文件”对话框后，选择插入成功后要前往 的网页文件，然后移动鼠标单击“确定”按钮。
返回 7
10-1-2 插入单选按钮
在网页中插入单击按钮的操作步骤如下 ： （1）选择要插入选项按钮的位置，然后移动鼠标到表单 标签选择 单选按钮。
8
10-1-2 插入单选按钮
（2）插入单选按钮后，在属性面板的“单选按钮”栏输 入字段名称sex，然后在“选定值”栏输入先生。
9
10-1-2 插入单选按钮
输入申请会 员所需的数 据
返回 24
10-2-2 插入记录
要让浏览者填入的表单数据能够新增到数据库中对应 的每个字段，必须要使用插入记录这个服务器行为，让 表单字段数据送入数据库中。 （1）在红色虚线上单击鼠标左键选择表单，接着打开服 务器行为面板，然后选择按钮，再从弹出的菜单中选择 “插入记录”。
选择表格
45
10-4-1 更新记录
（3）将筛选条件设为Login_ID = Session参数 MM_username，然后单击“确定”按钮。
选择“Login_ID”
选择“Session 参数”
选择“=” 输入MM_username
46
10-4-1 更新记录
（4）回到编辑窗口后，在绑定面板单击 按钮，展开记 录集。
47
10-4-1 更新记录
（5）选择文本域后，从绑定面板选择Login_ID项目，然 后单击“插入”按钮。
选择文本 字段
48
10-4-1 更新记录
（6）重复步骤5的方法，将表单其余的字段与数据库项 目绑定。
选择文本 字段
49
10-4-1 更新记录
（7）打开服务器行为面板，接着单击 按钮，再从弹出 的菜单中选择“更新记录”。
图文按 像件钮 域域
标字 签段
集
返回 18
10-2 设计加入会员网页
10-2-1 数据检验 10-2-2 插入记录 10-2-3 检查新用户名称
返回 19
10-2-1 数据检验
（1）在行为面板单击 按钮，出现菜单后，选择“检查 表单”。
20
10-2-1 数据检验
（2）出现“检查表单”对话框后，在“命名的栏位”选择 文字“Login_ID”于表单“form1”项目，然后勾选“必需 的”。
本节所需要的数据表如下：
利用Access建立的tInterest数据表
字段名称
数据类型
备
注
I_ID
自动编号
兴趣选项的代码，主索 引
I_Name
文字
兴趣选项
tInternst 数 据表
兴趣选项
3
10-1 表单组件的建立
字段名称 MemberID Login_ID Name Pwd Sex Birthday Email Address Telphone Interest UserLevel
返回
选择级别 来源
39
10-3-2 注销用户
登录用户功能会将用户的登录账号及密码暂存在 Session变量中，为避免它人冒用会员身份，可以利用注 销用户功能清除暂存在Session变量中的记录。 （1）选取文字，接着在服务器行为面板单击 按钮，出 现菜单后，选择“用户身份验证”，然后选择“注销用 户”。
输入复选 框名称
选择插入 的复选框
12
10-1-3 插入复选框
（2）选择复选框，接着在绑定面板选择记录集（Interest） 的I_Name数据项，然后单击“确定”按钮。
返回
选择数据项 选择复选框
13
10-1-3 插入复选框
（3）选择要插入兴趣选项的位置，接着选择记录集 （Interest）的I_Name数据项，然后单击“插入”按钮。
小姐的选项按钮，也可利用步骤（1）到步骤（2）的 方法插入，将按钮名称设置为sex；选定值输入为小姐。
10
10-1-2 插入单选按钮
在属性面板的初始化状态设置中，可以设置单选按钮 默认的选定状态，也即已选定或不选定。
返回 11
10-1-3 插入复选框
在网页中插入复选框的操作步骤如下： （1）选择要插入复选框的位置，接着移动鼠标到表单标 签选择复选框按钮，然后在属性面板的复选框名称栏输 入字段名称Interest。
利用Access建立的tMember数据表
数据类型
备
注
自动编号
会员代码，主索引
文字
会员的账号
文字
会员的名称
文字
会员的密码
文字
会员的性别
日期/时间
会员的生日
文字
会员的E-mail地址
文字
会员的居住地址
数字
会员的电话
文字
会员的兴趣
数字
用户层级，会员为0，管理者为1
返回 4
10-1-1 插入文本域
建立文本域→输入文字。 文字的显示方式可以设置以“”符号显示，作为输入 密码时用。 在网页中插入文本域的操作步骤如下 ：
55
10-4-2 删除记录
（3）重复步骤2方法，将Pwd项目插入到表格中。
插入Pwd 项目
56
10-4-2 删除记录
（4）在红色虚线上单击鼠标左键选择表单，接着选择按 钮，再从弹出的菜单中选择“删除记录”。
单击鼠标 左键
选择“删除 记录”
57
10-4-2 删除记录
（5）出现“删除记录”对话框后，在“连接”栏选择 coffeedata数据库，接着在“从表格中删除”列表中选择 要删除的表格，然后在“删除后，转到”栏输入网页名 称，最后单击“确定”按钮。
21
10-2-1 数据检验
（3）将form1的Pwd栏的值设为“必需的”。
（4）选择文本“Email”在表单“form1”项目，接着勾选 “必需的”，再选择可接受的格式类型为电子邮件地址， 然后单击“确定”按钮。
22
10-2-1 数据检验
设置完成，可以按下【F12】键测试。
23
10-2-1 数据检验
50
10-4-1 更新记录
（8）出现“更新记录”对话框后，在“连接”栏选择要 联机的数据库，接着在“要更新的表格”栏选择 tMember，然后在“在更新后，转到”栏输入网页名称， 最后单击“确定”按钮。
51
10-4-1 更新记录
会员登录后，选择修改会员数据的链接，进入modify.asp页 面，先前建立的会员资料都会显示在每个字段中，接着在 “地址”栏输入新的地址，然后选择按钮，将数据送出。
10-4-Leabharlann 更新记录（1）打开绑定面板，接着单击 按钮，再从菜单中选 择“记录集（查询）”。
44
10-4-1 更新记录
（2）出现“记录集”对话框后，在“名称”栏输入记录 集名称Member，接着在“连接”栏选择数据库 coffeedata，然后在“表格”栏选择tMember表格。