3.3 信息系统的数据输入

3.3信息系统的数据输入 3.3信息系统的数据输入 第三单元 信息系统的设计与开发 高中 必修2 信息系统与社会 第 页 能够根据信息输入的要求设计HTML网页。 理解信息系统数据访问的基本过程。 能够描述将用户输入信息存储到数据库中的基本过程。 第 页 学 习 目 标 第 页 情 景 导 入 上节课我们直接在数据库中输入，修改数据 但是在日常的信息系统使用过程中，用户并没有在数据库管理系统中直接操作数据库，而是通过信息系统应用程序更方便地进行数据操作。 第 页 第 页 情 景 导 入 客户端/服务器架构 浏览器/服务器架构 C/S(Client/Server): B/S(Browser/Server): 学考报名系统 综合素质评价系统 …… 第 页 第 页 这节课我们学习如何利用B/S架构建立信息系统应用程序与数据库的连接，并将用户输入的信息插入到数据库中。 HTML + Python + Access 用于制作信息系统界面 用于制作信息处理程序 用于数据管理 信息系统的开发工具 第 页 探 索 新 知 第 页 一.HTML页面 <form action="/register.html/" method="post" align="center"> <h1>注册页面</h1> <p>用户名<input type="text" name="txtStudentNumber"></p> <p>密码<input type="text" name="txtPassword"></p> <input type="submit" value="确认注册"> </form> <form> </form>:用于收集用户数据并向服务器传输数据 action：表示表单数据将提交给哪一个程序处理 method：表示表单数据的传递方式 第 页 探 索 新 知 第 页 表 单 表单元素 网页呈现示例 功能 文本框 输入文本数据 密码框 输入密码，内容不显示 单选框 只选择其中一项 复选框 可选择多项 下拉列表 选择规定内容中的一项 按钮 提交表单信息或执行命令 HTML 定义了三种按钮，用 type 属性加以区分。 button 为普通按钮 submit 为提交数据到服务器的按钮 reset 为清除表单中所有输入数据的按钮 第 页 探 索 新 知 第 页 表 单 表 单 属 性： action：表示表单数据将提交给哪一个程序处理。 method：表示表单数据的传递方式。 以get方式传递数据，浏览器将在地址栏中呈现传递的数据 以post方式 传递数据，数据不会出现在地址栏中，所以适合传递敏感数据 align：对其方式 font-size：字体大小 background-color：背景颜色 font：字体 第 页 探 索 新 知 第 页 活动一：制作校园疫情信息系统登陆界面 将活动一txt文本的程序补充完整，并另存为html格式，查看自己设计的html页面。 课 堂 活 动 第 页 二. 交 互 在html页面提交了数据，这些数据如何提交到数据库予以储存的？ 1.需要建立应用程序与数据库的连接 2.将数据插入数据库中 第 页 探 索 新 知 第 页 使用pyodbc作为连接应用程序和数据库的管道 起始执行目录\数据库文件 建立一个连接对象，该对象用odbc连接管道连接应用程序和指定的数据库 为数据连接创建游标对象， 此时游标对象中没有存放任何数据 cursor = conn.cursor() cursor.close() #关闭游标 conn.close() #关闭数据库连接 import pyodbc DBfile = os.getcwd()+ u"""\图书管理.mdb""" conn = pyodbc.connect (u"Driver = {Microsoft Access Driver (*.mdb,*.accdb)}; DBQ=" + DBfile) 游标（cursor）是Web服务器为用户开设的一个数据缓冲区， 存放SQL语句的执行结果。数据库操作结束后，应按顺序关闭游标和数据库连接，释放服务器资源。 1.建立数据库的连接 第 页 探 索 新 知 第 页 插入图书数据 第一步，获取录入页面用post方式传递的数据 第二步，连接数据库 第三步，将数据缓存到游标对象中 第四步，将数据存储到数据库中， 并关闭游标和连接对象 studentNumber = request.POST.ge