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