3.3-3.5信息系统的交互　课件-2022—2023学年高中信息技术教科版（2019）必修2

信息系统的界面制作 3.3-3.5信息系统的交互 信息处理程序 海南华海中学 高二4班 授课教师：王娟 1 访问浏览器（B/S模式） 1. 输入的地址发起访问应用程序的请求 2. Web服务器查找应用程序文件，并反馈。 3. Web服务器就向数据库服务器发起访问请求。 4. 数据库服务器向Web服务器返回操作结果或是数据集合， 再由Web服务器根据应用程序文件的要求进行相应处理之后返回给浏览器 P99 2 信息系统的制作 2 3 1 HTML 制作信息系统的界面 Python 制作信息系统的处理程序 Access 用于数据的管理 交互 3 01 HTML 什么是HTML？ 超文本标记语言 每一个HTML文档都是一种静态的网页文件 DIV框架+CSS样式 4 在网页状态： 右键→察看网页源代码 在HTML文件中，网页中的很多对象（或称元素）用成对的标记表示 01 表单：接受用户的各种输入 (一)表单标签 <form> （二）表单域 <input> （三）表单按钮 <button> 组成部分 6 name action method get post 名称 发送地点 传递方式 呈现数据 不呈现数据 表单属性 02 常见表单域input的属性 type name value style 名称 类型 值/内容 格式 8 表单元素 网页呈现示例 代码——源码 表单 文本框 密码框 单选框 复选框 下拉列表 按钮 <form> </form> <input name=”文本框名称”type=”text”/> <input name=”密码”type=”password”/> <input name=”单选框”type=”radio”/> <input name=”复选框”type=”checkbox”/> 表单元素及代码 <select name=”列表框名称”> <option>列表1</option> <option>列表2</option> <option>列表3</option> </select> <input type=”submit” value=”提交”/> HTML 定义了三种按钮，用 type 属性加以区分： button 为普通按钮 submit 为提交数据到服务器的按钮 reset 为清除表单中所有输入数据的按钮 【思考】：ISBN、书名、出版时间、作者、类型和数量等信息对应相应的表单元素 数据内容 表单元素 ISBN 书名 出版时间 作者 类型：历史、地理、文学、科普 数量 在HTML中，用<table></table>来定义一个表格。 表格包含若干的行<tr></tr>,每一个行包括若干单元格<td></td>。 HTML表格 https://baike.baidu.com/item/%E5%9C%A8%E7%BA%BF%E8%A1%A8%E6%A0%BC/749095?fr=aladdin 上机实践 ②在txt文件中，修改为图书管理表相关内容！ ③将txt文件转为html文件！ ①修改表单元素设计提示信息。 12 图书数据库由数据库管理系统Access实施管理，那么应用程序要将数据存储到数据库中，首先要做的就是建立应用程序和数据库之间的连接。我们在数据库管理系统的可视化操作界面中访问某个数据库中的数据时，需要经历怎样的过程？请同学们画流程图来表示这个过程。 ※ 活动1 连接图书数据库 将图书数据录入数据库 03 连接图书数据库代码 import pyodbc #使用pyodbc连接、调用数据库的模块 DBfile = os.getcwd()+ u"""\图书管理.mdb""" #起始执行目录\数据库文件 #建立一个连接对象，该对象用odbc连接管道连接应用程序和指定的数据库 conn = pyodbc.connect (u"Driver = {Microsoft Access Driver (*.mdb,*.accdb)}; DBQ=" + DBfile) #为数据连接创建游标对象，此时游标对象中没有存放任何数据 cursor = conn.cursor() cursor.close() #关闭游标 conn.close() #关闭数据库连接 游标（cursor）是Web服务器为用户开设的一个数据缓冲区，存放SQL语句的执行结果。数据库操作结束后，应按顺序关闭游标和数据库连接，释放服务