Python-Web编程-ppt课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《Python-Web编程-ppt课件.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Python Web 编程 ppt 课件
- 资源描述:
-
1、Python Web编程编程清华大学计算机系清华大学计算机系第八讲第八讲Web工作原理工作原理WebWeb服务器向浏览器提供服务的过程:服务器向浏览器提供服务的过程: 用户提交请求用户提交请求:在浏览器中指定一个:在浏览器中指定一个URL(Uniform Resource Locator,统,统一资源定位器),浏览器便向该一资源定位器),浏览器便向该URL所指向的所指向的Web服务器发出请求。服务器发出请求。 服务器解析服务器解析:Web服务器(也称为服务器(也称为HTTP服务器)接到浏览器的请求后,把服务器)接到浏览器的请求后,把URL转换成页面所在服务器的文件路径名。转换成页面所在服务器的
2、文件路径名。 服务器响应服务器响应:如果:如果URL指向的是普通的指向的是普通的HTML(Hypertext Markup Language,超文本标记语言)文档,超文本标记语言)文档,Web服务器直接把它传送给浏览器。服务器直接把它传送给浏览器。 客户端解析客户端解析:浏览器解析服务器的返回结果,显示给用户:浏览器解析服务器的返回结果,显示给用户2ppt课件静态页面和动态页面静态页面和动态页面 早期的早期的Web页面是页面是静态静态的,用的,用html代码书写。代码书写。 随着随着ASP和和java技术的发展产生了技术的发展产生了动态网页动态网页。 服务器可以服务器可以访问数据库访问数据库,
3、存取服务器的有关资源。,存取服务器的有关资源。 动态网页的实现一般采用客户端编程和服务器端编程两种设动态网页的实现一般采用客户端编程和服务器端编程两种设计方法。计方法。 客户端编程客户端编程就是浏览器就是浏览器下载服务器的程序到本地下载服务器的程序到本地来执行相关来执行相关动态工作。动态工作。 服务端编程服务端编程就是将程序员编写的代码保存在服务器中。就是将程序员编写的代码保存在服务器中。代码代码在服务器端执行在服务器端执行,把数据(,把数据(HTML/XML等)传回浏览器。等)传回浏览器。3ppt课件静态页面静态页面 静态网页静态网页静态网页是标准的静态网页是标准的HTMLHTML文件文件,
4、其文件,其文件扩展名扩展名是是.htm.htm或或.html.html,它可以包含,它可以包含HTMLHTML标记、标记、JavaJava小程小程序、序、客户端脚本客户端脚本以及以及客户端客户端ActiveXActiveX控件控件但不包含任何服务器端脚本但不包含任何服务器端脚本静态网页的静态网页的工作原理工作原理:用户提交请求用户提交请求服务器解析:服务器的查找文件路径名服务器解析:服务器的查找文件路径名服务器响应:服务器返回静态文件服务器响应:服务器返回静态文件客户端解析客户端解析4ppt课件动态页面动态页面 动态网页动态网页所谓动态网页,就是该网页文件含有服务器端脚本,所谓动态网页,就是该
5、网页文件含有服务器端脚本,这种这种网页的后缀网页的后缀一般根据不同的程序设计语言来定一般根据不同的程序设计语言来定如如ASPASP文件的后缀为文件的后缀为.asp.aspJavaJava编程编程.jsp.jspPythonPython编程编程 .py.py动态网页的工作原理与静态网页有很大的不同。动态网页的工作原理与静态网页有很大的不同。用户提交请求用户提交请求服务器解析:服务器的查找文件路径名服务器解析:服务器的查找文件路径名服务器响应:服务器响应:服务器执行服务器语言服务器执行服务器语言,返回结果,返回结果客户端解析客户端解析 5ppt课件动态和静态页面区别动态和静态页面区别(Web浏览器
6、)1.接受请求2.找到静态网页3.发送网页 (Web服务器)发送请求发回网页静态网页工作原理动态网页工作原理(Web浏览器)1.接受请求2.找到动态网页3.根据程序代码,生成静态网页4.发送网页 (Web服务器)发送请求发回网页6ppt课件客户端编程客户端编程轻载语言轻载语言HTMLHTML(Hypertext Markup LanguageHypertext Markup Language,超文本标,超文本标记语言)记语言)CSSCSS(Cascading Style SheetsCascading Style Sheets,层叠样式表单),层叠样式表单)脚本语言脚本语言JavaScript
7、JavaScript、VBScriptVBScript。7ppt课件 HTML概述概述 Hyper Text Markup Language超文本标记语言,是一种超文本标记语言,是一种描述文档结构的标注语言。描述文档结构的标注语言。 “.html”或者或者“.htm”作为后缀作为后缀。 当用户浏览当用户浏览WWW上的信息时,上的信息时,浏览器会自动解释浏览器会自动解释这些标这些标记的含义,并按照一定的格式在屏幕上显示这些被标记的记的含义,并按照一定的格式在屏幕上显示这些被标记的文件。文件。 HTML的优点是跨平台性。的优点是跨平台性。8ppt课件HTML网页基本结构网页基本结构 HTML文件是
8、标准的文件是标准的ASCII文件,像是加入了许多被称文件,像是加入了许多被称为链接签(为链接签(tag)的特殊字符串的普通文本文件。)的特殊字符串的普通文本文件。 从结构上,从结构上,HTML文件由元素(文件由元素(element)组成。)组成。 组成组成HTML文件的元素有许多种,用于组织文件的内文件的元素有许多种,用于组织文件的内容和指导文件的输出格式容和指导文件的输出格式 绝大多数元素是绝大多数元素是“容器容器”, 即它有即它有起始标记起始标记和和结尾标结尾标记记(start tag、end tag),中间部分是元素体。),中间部分是元素体。9ppt课件HTML文档的树状结构文档的树状结
9、构根节点根节点的子节点相邻节点10ppt课件HEAD头元素头元素 清华大学计算机系清华大学计算机系这是一这是一HTML的测试文件的测试文件head中的中的和和标记用于网页命名,显示在浏览器的标题栏中。标记用于网页命名,显示在浏览器的标题栏中。设定与网页内容相关的各种信息,具体由其两个设定与网页内容相关的各种信息,具体由其两个参数参数http-equiv和和content决定。决定。http-equiv指定浏览器的编码种类;指定浏览器的编码种类;charset=gb2312表示用表示用GB码显示。码显示。11ppt课件HTML的常用标记的常用标记 HTML的常用标记有一些共同特点:都放在的常用标
10、记有一些共同特点:都放在BODY标记里面。标记里面。常用的标记有字体标记、图片标记、超级链常用的标记有字体标记、图片标记、超级链接、列表、表格和表单等接、列表、表格和表单等注意:注意:(1)HTML文件文件不区分大小写不区分大小写;(2)HTML文件文件可以双击执行可以双击执行 12ppt课件文本标记文本标记 段落标记段落标记 表示标记段落。表示标记段落。标记常带参数标记常带参数align,用于控制对齐方式。,用于控制对齐方式。可取可取left,center,right。标题标记标题标记 到到6种,用于表示文种,用于表示文章中的各种题目。章中的各种题目。字体大小字体大小到到顺序减小。顺序减小。
11、13ppt课件字体字体/字型标记字型标记 字型标记字型标记 、等等 。字体标记字体标记fontnn14ppt课件图片标记图片标记IMG标记标记IMG的属性有的属性有nwidth,heightnalt用来为图象指定描述性文字,当图象不能正常显示时出现;用来为图象指定描述性文字,当图象不能正常显示时出现;nborder表示边框的宽度,表示边框的宽度,0表示无边框。表示无边框。15ppt课件超级链接超级链接 清华大学清华大学Anchor用于定义超链接之间的关系。通过点击超链接,用于定义超链接之间的关系。通过点击超链接,可以在各个页面之间转换,将网页组织起来。可以在各个页面之间转换,将网页组织起来。的
12、最常用参数的最常用参数href用于指明所链接对象的用于指明所链接对象的URL。URL可以指向一个页面、一副图片或一篇文章中作好标记可以指向一个页面、一副图片或一篇文章中作好标记的段落等。的段落等。 16ppt课件列表列表有序列表有序列表 第一第一 第二第二无序列表无序列表 清华大学清华大学 北京大学北京大学HTML中列表分为:有序列表、无序列表中列表分为:有序列表、无序列表n有序列表显示时,会自动按照顺序编号;有序列表显示时,会自动按照顺序编号;n无序列表显示时,所以行前面都有小圆圈,不分先后无序列表显示时,所以行前面都有小圆圈,不分先后17ppt课件基本表格基本表格 是表格的基本标记。是表格
13、的基本标记。 代表代表表格的行表格的行,代表代表表格的列表格的列。 BORDER属性,指定围绕属性,指定围绕表格的外边框的宽度表格的外边框的宽度(只能用像素)。当表格用来使版面显得整齐,也就只能用像素)。当表格用来使版面显得整齐,也就是用来是用来“定位定位”,那么一定将边框设为,那么一定将边框设为0。 第一行第一列第一行第一列第一行第二列第一行第二列 第二行第一列第二行第一列第二行第二列第二行第二列 第三行第一列第三行第一列第三行第二列第三行第二列 18ppt课件表单表单 表单的功能是收集用户信息,实现系统与用户交互表单的功能是收集用户信息,实现系统与用户交互比如比如E-mail信箱的注册页面
14、信箱的注册页面就是一个十分典型的表单页就是一个十分典型的表单页面。面。表单信息的处理过程如下:表单信息的处理过程如下:当单击表单中的当单击表单中的提交按钮提交按钮时,表单中的信息就时,表单中的信息就会上传到会上传到服务器中服务器中,然后然后由服务器端的应用程序进行处理由服务器端的应用程序进行处理,处理后将用户提,处理后将用户提交的信息存储在服务器端的数据库中,或者将有关信息交的信息存储在服务器端的数据库中,或者将有关信息返回到客户端浏览器上。返回到客户端浏览器上。 19ppt课件表单头及其属性表单头及其属性 用户名:用户名: 密码:密码: METHOD属性:说明从客户端浏览器将输入信息传送给属
15、性:说明从客户端浏览器将输入信息传送给Web服务器的方式,有两种方式:服务器的方式,有两种方式:POST和和GET。20ppt课件表单头及其属性表单头及其属性 常见的表单控件包括文本框、文本域、密码框、多选框、常见的表单控件包括文本框、文本域、密码框、多选框、单选框和下拉列表框,等等单选框和下拉列表框,等等。 21ppt课件 HTML中的中的INPUT标记标记 TYPE属性:说明信息输入的类型。例如是文本框、单属性:说明信息输入的类型。例如是文本框、单选按钮或多选按钮。它的取值如下:选按钮或多选按钮。它的取值如下: TYPE = “TEXT” 表示单行文本框表示单行文本框 TYPE = “PA
16、SSWORD”表示密码输入框表示密码输入框 TYPE = “RADIO” 表示单选按钮表示单选按钮 TYPE = “CHECKBOX” 表示多选按钮表示多选按钮 TYPE = “SUBMIT” 表示提交按钮表示提交按钮 TYPE = “RESET” 表示重置按钮表示重置按钮 NAME属性:表示表单提交时作为输入信息的命名(相属性:表示表单提交时作为输入信息的命名(相当于变量名)当于变量名) VALUE属性:表示按钮上的标题或者文本框的内容(属性:表示按钮上的标题或者文本框的内容(相当于变量值)相当于变量值)22ppt课件如何让如何让HTML显示显示更美观更美观呢?呢?如何使得显示和数据分离呢?
17、如何使得显示和数据分离呢?23ppt课件CSSCascading Style Sheets 层叠样式表单层叠样式表单告诉浏览器如何显示页面告诉浏览器如何显示页面美化页面美化页面24ppt课件CSS语法语法 - 属性:值属性:值 Font-size: large Color: red例子:例子: h4 font-size: 12px; color:red; h2 background: #f0f0f0; 背景颜色 margin: 15px 0; 上下边界15 左右025ppt课件CSS样式选择样式选择Id 和和 class#id background-color:blue.class1 colo
18、r:red;.class2 width:200px;height:100px 蓝色理想蓝色理想 红色理想红色理想 1 红色理想红色理想 2Id唯一唯一Class可重用可重用26ppt课件CSS引用方式引用方式内部引用内部引用 body background-color: blue; 外部引用(独立文件引用)外部引用(独立文件引用) /*文件位置就是所处在的文件夹相对与当前网页的相对路径*/ 27ppt课件有什么办法对HTML中的内容进行动态改变呢?28ppt课件JavascriptJavaScript是一种网页编程技术,大部分使用者将是一种网页编程技术,大部分使用者将它用于创建动态交互网页它用
19、于创建动态交互网页JavaScript是是internet上最流行的脚本语言,它可上最流行的脚本语言,它可以在包括以在包括IE, Mozilla, Firefox, Netscape, 和和 Opera的所有主流浏览器中工作的所有主流浏览器中工作JavaScript是一种基于是一种基于对象和事件驱动的解释性脚对象和事件驱动的解释性脚本语言本语言JavaScript是一种使用简单,功能强大的编程语言是一种使用简单,功能强大的编程语言,是搭配服务器端技术的,是搭配服务器端技术的主要客户端编程语言主要客户端编程语言29ppt课件Javascript功能功能实现客户端动态效果实现客户端动态效果 Jav
20、aScript 为为 HTML 设计者提供了一个编程工具设计者提供了一个编程工具 JavaScript 可以在可以在HTML页面中插入动态文本页面中插入动态文本 JavaScript 可以对事件进行反应可以对事件进行反应 JavaScript 可以读写可以读写HTML元素元素 JavaScript 可以被用来提交、验证数据可以被用来提交、验证数据30ppt课件JavaScript特点特点简单易用简单易用可以使用任何文本编辑工具编写可以使用任何文本编辑工具编写只需要浏览器就可以执行程序只需要浏览器就可以执行程序动态语言动态语言 解释执行解释执行事先不编译,逐行执行事先不编译,逐行执行无需进行严格
21、的变量声明无需进行严格的变量声明基于对象基于对象内置大量现成对象,编写少量程序可以完成目标内置大量现成对象,编写少量程序可以完成目标事件驱动事件驱动采用事件驱动方式,能响应键盘事件,鼠标事件以及浏览采用事件驱动方式,能响应键盘事件,鼠标事件以及浏览器窗口事件等,并执行指定得操作器窗口事件等,并执行指定得操作31ppt课件JavaScript中的主要对象中的主要对象Window对象对象Document对象对象location对象对象history对象对象frame对象对象Frames数组数组form对象对象Forms数组数组elements对象对象text对象对象button对象对象32ppt课
22、件适用场合适用场合适合做哪些事情适合做哪些事情客户端数据计算客户端数据计算客户端表单合法性验证客户端表单合法性验证浏览器对象的调用浏览器对象的调用浏览器事件的触发浏览器事件的触发网页特殊显示效果制作网页特殊显示效果制作不适合做哪些事情不适合做哪些事情大型应用程序大型应用程序图像、多媒体处理图像、多媒体处理网络实时通讯应用网络实时通讯应用33ppt课件直接嵌入式直接嵌入式在网页中直接嵌入在网页中直接嵌入JavaScript脚本开始声明HTML注释JavaScript多行注释JavaScript单行注释脚本结束声明语句结尾34ppt课件文件调用式文件调用式在网页中调用独立在网页中调用独立JavaS
23、cript文件文件JS脚本文件中不需要脚本开始和结束声明HTML文件35ppt课件服务器端服务器端高级语言高级语言JavaCPython交互式数据处理交互式数据处理一般与数据库打交道一般与数据库打交道36ppt课件BS框架框架结果请 求数据库服务器Web服务器数据库个人机3个人机2个人机1浏览器浏览器请 求页 面浏览器应用程序37ppt课件服务器客户端数据交换服务器客户端数据交换Request对象从客户端获得信息对象从客户端获得信息QueryStringFormCookies38ppt课件服务器客户端数据交换服务器客户端数据交换Response对象从服务器端返回客户端信息对象从服务器端返回客户
24、端信息WriteRedirect39ppt课件客户端服务器端交换数据语言客户端服务器端交换数据语言JSONXML40ppt课件JSONJSON (JavaScript Object Notation)例如返回搜索引擎结果例如返回搜索引擎结果JSON结构:结构: “answers: “title: “1, “url: “1.html, “snippet: “1. snippet, “title: “2, “url: “2.html, “snippet: “2. snippet, “title: “3, “url: “3.html, “snippet: “3. snippet41ppt课件JSON
25、JavaScript Object Notation一种轻量级的数据交换格式。一种轻量级的数据交换格式。易于人阅读和编写,也易于机器解析和生成。易于人阅读和编写,也易于机器解析和生成。完全独立于语言的文本格式完全独立于语言的文本格式客户端用客户端用Javascript解析显示解析显示42ppt课件JSON优点优点体积小、传输快、省带宽体积小、传输快、省带宽易于机器的解析和生成易于机器的解析和生成支持多语言支持多语言能够通过能够通过JavaScript中中eval()函数解析函数解析JSON43ppt课件使用使用XML XML (eXtensive Markup Language) 例如返回搜索
展开阅读全文