资源简介

(共17张PPT)
3.3
信息系统的数据输入
第 3 单元
第一课时
★能够根据信息输入的要求设计HTML网页。
我们前面学习的修改密码案例中，用户输入完原密码、新密码和再次输入新密码，点击“确定”后，即可完成了密码的修改操作。
想一想，用户的新密码保存在哪里的呢？
在日常的信息系统使用过程中，用户并没有在数据库管理系统中直接操作数据库，而是通过信息系统应用程序更方便地进行数据操作。
HTML + Python + Access
用于制作信息系统界面
用于制作信息处理程序
用于
数据管理
任务一 制作图书录入的交互界面
活动1：添加图书录入表单元素
在3.2节已经设计完成的图书数据表中，包括ISBN、书名、作者、出版时间、种类、数量等字段，图书录入页面也应当包括能够输入这些数据的表单元素。

ISBN


书名


< input style="margin-left:70px"type="submit" name="Button1" value="录入"/>

表单
在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与Web服务器的数据传递。
Html页面

网络服务器
Isbn数据
Web服务器
数据库系统
Isbn数据
在HTML文件中，网页中的很多对象（或称元素）用成对的标记表示。

form标记中的action和method为表单的属性，
action表示表单数据将提交给哪一个程序处理，
method表示表单数据的传递方式。
以get方式传递数据，浏览器将在地址栏中呈现传递的数据；以post方式传递数据，数据不会出现在地址栏中，所以适合传递敏感数据。
表单元素
用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML定义了多种类型的表单元素。
表单元素 网页呈现示例 功能 属性值
文本框 输入文本数据 text
密码框 输入密码，内容不显示 password
单选框 只选择其中一项 radio
复选框 可选择多项 checkbox
下拉列表 选择规定内容中的一项 select-option
按钮 提交表单信息或执行命令 button,submit,reset
说明：
（1）单选框通常按组使用，同属一组的多个单选框的name属性相同。
例如：男
女
（2）HTML定义了三种按钮，用type属性加以区分。
三种按钮的type属性分别为button、submit和reset。
button为普通按钮。
submit为提交数据到服务器的按钮。
reset为清除表单中所有输入数据的按钮。
任务一 制作图书录入的交互界面
活动2：添加图书录入提示
用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。
1. 请同学们访问1-2两个网站的注册页面，观察一般网站的提示信息都是什么内容，如何设计的，并填写书上的表格。
网站 表单元素 提示信息
搜狐 密码框 6~16位，英文（区分大小写）、数字或常用符号
2. 为图书录入页面的每个表单元素设计提示信息。
表单元素 提示
ISBN
书名
出版时间
作者
种类
数量
交互
为表单元素设计提示信息，就是设计页面的人机交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？
交互（interaction）指人工制品在特定场景下的反应方式。用户使用各种信息服务过程中的感觉就是一种交互体验。
从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。
参考图书录入页面的制作， 编写能够添加学生信息的页面。
1. 图书录入页面用于数据输入的表单必须和数据库中的 保持一致。
2. 在HTML文件中，表单用于接收用户的 ，用户单击按钮提交表单时向服务器 ，从而实现用户与web服务器的数据传递。
3. 表单元素多种多样，举出三个常见的表单元素，并说明它们的功能分别是什么？
文本框，功能是输入文本数据。
密码框，功能是输入密码、内容不显示。
单选框，功能是只选择其中的一项。
数据项（字段）
各种输入
传输数据

展开更多......

收起↑