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

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
40
10-3-2 注销用户
选择“注销 用户”
41
10-3-2 注销用户
(2)出现“注销用户”对话框后,选择注销的情况,接 着输入注销后,要链接的页面,然后单击“确定”按钮。
返回 42
10-4 会员资料的变更
10-4-1 更新记录 10-4-2 删除记录 10-4-3 限制直接读取页面
返回 43
返回 7
10-1-2 插入单选按钮
在网页中插入单击按钮的操作步骤如下 : (1)选择要插入选项按钮的位置,然后移动鼠标到表单 标签选择 单选按钮。
8
10-1-2 插入单选按钮
(2)插入单选按钮后,在属性面板的“单选按钮”栏输 入字段名称sex,然后在“选定值”栏输入先生。
9
10-1-2 插入单选按钮
返回 58ຫໍສະໝຸດ Baidu
10-4-3 限制直接读取页面
为避免他人以随机方式在浏览器的地址栏输入相关字 符串,直接进入页面,可以将修改会员数据的页面 (modify.asp)设置限制直接读取页面的功能 。 (1)在服务器行为面板选择按钮,出现菜单后,选择 “用户身份验证”,然后选择“限制对页的访问”。
59
10-4-3 限制直接读取页面
为确认浏览者的身份及所属的权限,可以利用登入用 户功能,判断浏览者为会员还是管理者,以及拥有的权限 等级。
选择“服务 器
行为”面板
选择“登录用户”
36
10-3-1 登录用户
(2)出现“登录用户”对话框后,选择判别的来源表单 及字段,然后选择数据库中相对应的数据表及字段名称。
选择判别的 来源表单及 字段
图文按 像件钮 域域
标字 签段

返回 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”项目,然后勾选“必需 的”。
50
10-4-1 更新记录
(8)出现“更新记录”对话框后,在“连接”栏选择要 联机的数据库,接着在“要更新的表格”栏选择 tMember,然后在“在更新后,转到”栏输入网页名称, 最后单击“确定”按钮。
51
10-4-1 更新记录
会员登录后,选择修改会员数据的链接,进入modify.asp页 面,先前建立的会员资料都会显示在每个字段中,接着在 “地址”栏输入新的地址,然后选择按钮,将数据送出。
返回
选择级别 来源
39
10-3-2 注销用户
登录用户功能会将用户的登录账号及密码暂存在 Session变量中,为避免它人冒用会员身份,可以利用注 销用户功能清除暂存在Session变量中的记录。 (1)选取文字,接着在服务器行为面板单击 按钮,出 现菜单后,选择“用户身份验证”,然后选择“注销用 户”。
输入复选 框名称
选择插入 的复选框
12
10-1-3 插入复选框
(2)选择复选框,接着在绑定面板选择记录集(Interest) 的I_Name数据项,然后单击“确定”按钮。
返回
选择数据项 选择复选框
13
10-1-3 插入复选框
(3)选择要插入兴趣选项的位置,接着选择记录集 (Interest)的I_Name数据项,然后单击“插入”按钮。
返回 28
10-2-2 插入记录
(4)回到“插入记录”对话框后,选择Interest表单元素, 再从“提交为”列表中选择文本,然后单击“确定”按钮。
29
10-2-2 插入记录
按一下键盘【F12】键预览网页,在表单内输入数据, 然后选择按钮,就可以将会员表单的数据送入数据库中。
打开数据库文 件,即可看到在表 单所填入的会员数 据,成功的插入到 数据库的tMember 数据表中。
选择数据库 中相对应的 数据表及字 段名称
37
10-3-1 登录用户
(3)输入登录成功后,要前往的页面,以及登入失败后 要前往的页面。
登录失败后, 要前往的页面
登录成功后, 要前往的页面
38
10-3-1 登录用户
(4)选择判别的条件为用户名、密码和访问级别,接着 选择级别来源,然后选择按钮。
选择“用户名、 密码和访问级别”
第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 表单组件的建立
选择数据项 单击鼠 标左键
14
10-1-3 插入复选框
记录集(Interest)的I_Name数据项,是用来显示兴趣 选项,如果要显示所有兴趣选项,要用重复区域的功能, 将记录集所有数据列出。
选择想 要重复 的部分 选择Interest记 录集
返回
选择“重复 区域”
15
10-1-4 插入按钮
在网页中插入按钮的操作步骤如下: (1)选择要插入按钮的位置,然后移动鼠标到表单标签 单击 按钮。
登录成功 页面
超链接到 modify.asp
52
10-4-1 更新记录
返回
选择此按钮 送出数据
更改地址
53
10-4-2 删除记录
(1)打开绑定面板,单击 按钮,展开记录集 (Member)。
54
10-4-2 删除记录
(2)选择插入数据的位置,接着在绑定面板选择 Login_ID项目,然后单击“插入”按钮。
利用Access建立的tMember数据表
数据类型


自动编号
会员代码,主索引
文字
会员的账号
文字
会员的名称
文字
会员的密码
文字
会员的性别
日期/时间
会员的生日
文字
会员的E-mail地址
文字
会员的居住地址
数字
会员的电话
文字
会员的兴趣
数字
用户层级,会员为0,管理者为1
返回 4
10-1-1 插入文本域
建立文本域→输入文字。 文字的显示方式可以设置以“”符号显示,作为输入 密码时用。 在网页中插入文本域的操作步骤如下 :
(3)出现“选择图像源文件”对话框后,选择想要链接 的网页文件,然后单击“确定”按钮。
选择要链接 的网页
33
10-2-3 检查新用户名称
(4)回到“检查新使用者名称”对话框后,单击“确定” 按钮。
返回 34
10-3 用户验证
10-3-1 登录用户 10-3-2 注销用户
返回 35
10-3-1 登录用户
25
10-2-2 插入记录
26
10-2-2 插入记录
(2)出现“插入记录”对话框后,在“连接”栏中选择 coffee,接着在“插入到表格”栏中选择tMember表格, 然后单击“浏览”按钮。
27
10-2-2 插入记录
(3)出现“选择文件”对话框后,选择插入成功后要前往 的网页文件,然后移动鼠标单击“确定”按钮。
55
10-4-2 删除记录
(3)重复步骤2方法,将Pwd项目插入到表格中。
插入Pwd 项目
56
10-4-2 删除记录
(4)在红色虚线上单击鼠标左键选择表单,接着选择按 钮,再从弹出的菜单中选择“删除记录”。
单击鼠标 左键
选择“删除 记录”
57
10-4-2 删除记录
(5)出现“删除记录”对话框后,在“连接”栏选择 coffeedata数据库,接着在“从表格中删除”列表中选择 要删除的表格,然后在“删除后,转到”栏输入网页名 称,最后单击“确定”按钮。
选择 按钮
选择要插 入文字字 段的位置
5
10-1-1 插入文本域
选择此栏
字段名 字段名 称Pwd 称Name
输入文本域
输入字 符宽度
输入初始值
字段名称 字段名称 Birthday Address
字段名称 Telephone
字段名称 Email
6
10-1-1 插入文本域
使用文本域的几个重点说明如下: (1)如果要以表格的方式排列数据,要先插入表单后, 这样所有的表单字段才会在同一个表单内。 (2)字段名称最好设置与数据库对应的字段名称相同 。 (3)在属性面板可以设置字符宽度和最多字符数 。 (4)文本域有3种类型可选择,分别是单行、多行、密码。
小姐的选项按钮,也可利用步骤(1)到步骤(2)的 方法插入,将按钮名称设置为sex;选定值输入为小姐。
10
10-1-2 插入单选按钮
在属性面板的初始化状态设置中,可以设置单选按钮 默认的选定状态,也即已选定或不选定。
返回 11
10-1-3 插入复选框
在网页中插入复选框的操作步骤如下: (1)选择要插入复选框的位置,接着移动鼠标到表单标 签选择复选框按钮,然后在属性面板的复选框名称栏输 入字段名称Interest。
21
10-2-1 数据检验
(3)将form1的Pwd栏的值设为“必需的”。
(4)选择文本“Email”在表单“form1”项目,接着勾选 “必需的”,再选择可接受的格式类型为电子邮件地址, 然后单击“确定”按钮。
22
10-2-1 数据检验
设置完成,可以按下【F12】键测试。
23
10-2-1 数据检验
47
10-4-1 更新记录
(5)选择文本域后,从绑定面板选择Login_ID项目,然 后单击“插入”按钮。
选择文本 字段
48
10-4-1 更新记录
(6)重复步骤5的方法,将表单其余的字段与数据库项 目绑定。
选择文本 字段
49
10-4-1 更新记录
(7)打开服务器行为面板,接着单击 按钮,再从弹出 的菜单中选择“更新记录”。
选择“限制 对
页的访问”
60
10-4-3 限制直接读取页面
(2)出现“限制对页的访问”对话框后,选择限制的准 则为用户名和密码,接着输入条件不符时,要链接的页面, 然后单击“确定”按钮。
访问被拒绝时, 要链接的页面
61
10-4-3 限制直接读取页面
限制读取功能还可以依用户级别的不同,辨别用户身 份。例如用户身份,分为会员(UserLevel=0)以及管理 者(UserLevel=1),用户登录时,系统会依照UserLevel 字段的值辨识身分,如果结果是会员,系则将用户带往会 员账号管理首页(Login_ success.php),假如辨识结果为 管理者,则将用户带往系统管理的首页(例如: adm/adm.asp)。
选择表格
45
10-4-1 更新记录
(3)将筛选条件设为Login_ID = Session参数 MM_username,然后单击“确定”按钮。
选择“Login_ID”
选择“Session 参数”
选择“=” 输入MM_username
46
10-4-1 更新记录
(4)回到编辑窗口后,在绑定面板单击 按钮,展开记 录集。
10-4-1 更新记录
(1)打开绑定面板,接着单击 按钮,再从菜单中选 择“记录集(查询)”。
44
10-4-1 更新记录
(2)出现“记录集”对话框后,在“名称”栏输入记录 集名称Member,接着在“连接”栏选择数据库 coffeedata,然后在“表格”栏选择tMember表格。
输入名称
选择连接 数据库
选择此按钮 送出数据
返回 30
10-2-3 检查新用户名称
(1)在服务器行为面板单击 按钮,出现菜单后,选择 “用户身份验证”,然后选择“检查新用户名”。
选择“检查 新用户名”
31
10-2-3 检查新用户名称
(2)出现“检查新使用者名称”对话框后,单击“浏览” 按钮。
32
10-2-3 检查新用户名称
输入申请会 员所需的数 据
返回 24
10-2-2 插入记录
要让浏览者填入的表单数据能够新增到数据库中对应 的每个字段,必须要使用插入记录这个服务器行为,让 表单字段数据送入数据库中。 (1)在红色虚线上单击鼠标左键选择表单,接着打开服 务器行为面板,然后选择按钮,再从弹出的菜单中选择 “插入记录”。
本节所需要的数据表如下:
利用Access建立的tInterest数据表
字段名称
数据类型


I_ID
自动编号
兴趣选项的代码,主索 引
I_Name
文字
兴趣选项
tInternst 数 据表
兴趣选项
3
10-1 表单组件的建立
字段名称 MemberID Login_ID Name Pwd Sex Birthday Email Address Telphone Interest UserLevel
16
10-1-4 插入按钮
(2)重复步骤1的方法插入第二个按钮,在属性面板的 “动作栏”选择“重设表单”,然后在“标签栏”输入重 新输入。
返回 17
10-1-5 表单组件汇总
除了前面几节介绍的表单组件外,还有很多组件可以 使用:
表文 单本
字 段
隐文 藏本 域区

复单单 选选选 框按按
钮钮 组
列跳 表转 /菜 菜单 单
相关文档
最新文档