3.3 信息系统的数据输入
（一）项目目标分析   
通过对“图书数据录入”这一项目展开学习，引导学生学习制作信息录入页面，建立信息系统应用程序与数据库的连接，并将用户输入的信息插入到数据库中。
本项目主要包含“制作图书录入的交互页面”和“将图书录入数据库”两个任务。
通过“制作图书录入的交互页面”任务，引导学生能够根据信息输入的要求设计HTML网页，掌握如何添加表单元素，了解表单和表单元素。
通过“将图书录入数据库”任务，了解用户与服务器之间是如何实现通信的，掌握建立应用程序和数据库之间连接的算法和代码，掌握插入图书数据的算法和代码，引导学生学习结构化查询语句并能够应用插入命令插入图书数据。
（二）项目内容分析   
本节围绕“图书数据录入”这一项目展开，学习制作信息录入页面，建立信息系统应用程序与
数据库的连接，并将用户输入的信息插入到数据库中。本项目主要包含“制作图书录入的交互页面”和“将图书数据录入数据库”两个任务。在使用图书管理信息系统管理同学们的借阅活动之前，需要将图书信息和学生信息录入到数据库中，作为图书管理信息系统运行的基础数据。任务中，以HTML+Python+Access作为图书管理信息系统的开发工具，展现数据从信息系统输入界面进入数据库的基本过程。
（三）项目教学建议
项目教学2课时完成。
第一课时，通过“制作图书录入的交互页面”任务，引导学生能够根据信息输入的要求设计HTML网页，掌握如何添加表单元素，了解表单和表单元素。
第二课时，通过“将图书录入数据库”任务，了解用户与服务器之间是如何实现通信的，掌握建立应用程序和数据库之间连接的算法和代码，掌握插入图书数据的算法和代码，引导学生学习结构化查询语句，并能够应用插入命令插入图书数据。
【教学案例】   
第一课时
一、课堂导入
师：在日常的信息系统使用过程中，用户并没有在数据库管理系统中直接操作数据库，而是通过信息系统应用程序更方便地进行数据操作。HTML交互页面在信息处理程序的支持下，才能将数据存入数据库中。本节我们将围绕“图书数据录入”项目展开，完成“制作图书录入的交互页面”和“将图书数据录入数据库”两个任务。
在使用图书管理信息系统管理同学们的借阅活动之前，需要将图书信息和学生信息录入到数据库中作为图书管理信息系统运行的基础数据。请同学们使用上节课录入的数据进行操作。
生：打开数据库，熟悉数据库。
二、制作图书录入的交互界面
活动1：添加图书录入表单元素
师：信息系统中的数据要存储到数据库中进行管理，因此，图书录入页面用于数据输入的表单必须和数据库中的数据项（字段）保持一致。设计完成的图书数据表中，包括 ISBN、书名、作者、出版时间、种类、数量等字段，图书录入页面也应当包括能够输入这些数据的表单元素。
生：操作完成活动1，添加图书录入表单元素。
师：请根据运行结果截图和代码，修改教科书配套资源中book_insert.html文件的相关代码，使其能够完整录入图书信息。完成之后可以截图交流、分享。
•<form action="/book_in/" method="post">
•ISBN <input name="tb_ISBN" type="text"/>
•<br/>
•书名 <input name="tb_BookTitle" type="text"/>
•<br/>
•< input type="submit" name="Button1" value="录入"/>
•</form>
师:同学们在完成活动1后，应该对表单元素有了一定的了解。那么，什么是表单，什么是表单元素呢？
生：表达对表单和表单元素的理解。
师：表单：在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与Web服务器的数据传递。
在HTML文件中，网页中的很多对象（或称元素）用成对的标记表示。
form标记中的action和method为表单的属性。
表单元素：用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML定义了多种类型的表单元素。
表单元素
网页呈现示例
功能
文本框
输入文本数据
密码框
输入密码，内容不显示
单选框
只选择其中一项
复选框
可选择多项
下拉列表
选择规定内容中的一项
按钮
提交表单信息或执行命令
师：（1）单选框通常按组使用，同属一组的多个单选框的name属性相同。
（2）HTML定义了三种按钮，用type属性加以区分。三种按钮的type属性分别为button、submit和reset。button为普通按钮。submit为提交数据到服务器的按钮。reset为清除表单中所有输入数据的按钮。
活动2：添加图书录入提示
师：用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。那么我们在页面制作时，如何给表单添加录入提示呢？
请同学们访问12两个网站的注册页面，观察一般网站的提示信息都是什么内容，如何设计的，并填写书上的表格。
网站
html中提交表单用什么属性
表单元素
提示信息
搜狐
密码框
6~16位，英文（区分大小写）、数字或常用符号
生：访问1~2两个网站的注册页面，完成上述表格。
师：在了解了一般网站的提示信息设计，为图书录入页面的每个表单元素设计提示信息。有疑问在课堂上提出，交流解答。
生：操作练习。
师：为表单元素设计提示信息，就是设计页面的交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？
生:讨论分享不同网站平台的交互体验。
师：交互（interaction）指人工制品在特定场景下的反应方式。用户使用各种信息服务过程中的感觉就是一种交互体验。从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。
师：这节课我们学习了制作图书录入的交互页面，掌握了如何添加图书录入表单元素并为表单添加图书录入提示，请同学们课后继续操作练习。
三、拓展练习
1.参考图书录入页面的制作，编写能够添加学生信息的页面。
2.为图书录入页面设计必要的提示信息。
四、练习
1.图书录入页面用于数据输入的表单必须和数据库中的（ ）保持一致。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。