友情提示:如果本网页打开太慢或显示不完整,请尝试鼠标右键“刷新”本网页!
php程序设计简明教程(DOC格式)-第5部分
快捷操作: 按键盘上方向键 ← 或 → 可快速上下翻页 按键盘上的 Enter 键可回到本书目录页 按键盘上方向键 ↑ 可回到本页顶部! 如果本书没有阅读完,想下次继续接着阅读,可使用上方 "收藏到我的浏览器" 功能 和 "加入书签" 功能!
超链接一般简称链接。
4)表格(Table )
常用表格来精确定义页面文本或图片等的排版格式、排版布局,以使整齐美观。
定义一个表格
定义表格内的一行
定义一行内的一个单元格
5)表单(Form )
表单的概念同VB、VF 、VC 等程序设计语言,它是浏览器收集、发送用户所填数据的一种浏览器对象(控件),
就像一部货车,一艘轮船,它本身不承载数据,而是通过包含表单对象(就像轮船上的集装箱)这些可以盛放数
据的数据容器来承载数据,传送数据,从这个角度来看,它实际上是一个盛放数据容器的容器。
表单是 B/S 程序中人机交互界面的主要形式。从服务器的角度来看,或者说从服务器程序编写人员来看,表单
及表单对象的名称(即其 NAME 属性名)被服务器看作变量来接收,称作表单变量;表单变量的值即用户在客
户端表单对象中填写的数据。
表单的一般标记有:
〃Y 表单本身: 定义表单,其
中:
属性ACTION 的值起指明将表单中数据提交(发送的意思)的方向,即服务器上的某个处理程序。
属性METHOD 指明提交数据的方法,常用POST 和GET。
〃Y 输入型表单对象
①文本字段,类似于VB、VF 、VC 里的文本框控件,基本标记形式如下:
②隐藏域,设计时可见,运行时不可见的文本字段,程序员常用它向FORM 的ACTION 指向的文件传送变量。
③文本区域,类似于VB、VF 、VC 里的文本框控件,基本标记形式如下:
这里是文本区域的值
PHP 讲义 第 18 页 共 90 页
…………………………………………………………Page 19……………………………………………………………
④单选按钮,类似于VB、VF 、VC 里的单选按钮控件(有人也称之为无线按钮),作用是在同名的多个单选按
钮中提供单项选择。
⑤复选框,作用是在同名的多个复选框中提供多项选择。
⑥列表/菜单域,概念等同于VB、VF、VC 里的下拉列表框。
⑦提交表单型表单按钮,标记形式:
作用是将表单中的数据提交到表单属性ACTION 的值所指向的
服务器端程序,由服务器端程序处理
⑧重置型表单按钮,标记形式:
作用是清空表单中每个输入域中的数据,等待用户重新输
入。
⑨定制型表单按钮,标记形式:
作用是执行用户指定的函数、过程。这里,用户通过指定该按钮的单击事件处理过程为:将当前页面跳转到教
学网站主页。
【例2…3 】FORM 标签示例
2…3。htm 源代码:
姓名:
简介:
性别:
男
女
爱好:
运动
音乐
旅游
今天要去哪里逛一逛:
请选择
孙寿龙教学网站
德州学院网站
网易
向服务器请求2…3。htm 的结果见图10。
PHP 讲义 第 19 页 共 90 页
…………………………………………………………Page 20……………………………………………………………
图10 FORM 标签示例
以上介绍了HTML 的常用标记,美国麻省理工学院(MIT:Massachusetts Institute of Technology)计算机科
学实验室的 WWW 标准化组织 W3C (又称万维网联盟W3C ),是 HTML 的先锋,其互联网地址为:
http://w3。org。有关HTML、CSS、XML 语言的各种最新的、权威的、官方的资料,在该网站均可查到。
3。JavaScript 工作原理
HTML 代码所表示的文档是一种静态文档,几乎没有交互功能,很难使页面成为动态页面。增加脚本语言,可使
数据发送到服务器之前先进行处理和校验,动态地创建新的Web 内容,更重要的是,引入脚本语言使我们有了
事件驱动的软件开发环境。
(1)JavaScript 简介
JavaScript 的原名叫LiveScript,是NetScape 公司在引入Sun 公司有关Java 的程序设计概念后,重新设计而
更名的。JavaScript 是一种可以嵌入HTML 文档的,基于对象并具有某些面向对象特征的脚本语言。
说明:浏览器端脚本语言除了JavaScript,还有VBScript 和Jscript,后两个是Microsoft 公司设计的,欲了解相
关内容,可到Microsoft 公司网站查询。本课程仅介绍JavaScript 。
(2 )JavaScript 的特点
JavaScript 是一种基于对象(Object…Based)和事件驱动(Event Driven),由浏览器解释执行的,具有安全性能的客
户端脚本语言。使用它的目的是与HTML、Java Applet (Java 小程序)一起实现在一个Web 页面中链接多个对
象,与Web 客户交互作用,从而可以开发客户端的应用程序等。它是通过嵌入在HTML 语言中实现的。它的出
现弥补了HTML 语言的缺陷,它是Java 与HTML 折衷的选择,具有以下几个基本特点:
〃Y 是一种脚本语言
采用小程序段的方式实现编程,以嵌入的方式,与HTML 标识结合在一起,方便用户的使用操作。
〃Y 基于对象的语言。
这里的对象,是指客户机、浏览器、网页文档。也就是说,JavaScript 以类似C、Java 的语法,以客户机、浏
览器、网页文档、文档内部各种以标记表示的 HTML 元素为对象,以控制这些对象为目标,进而控制整个客户
端的一种客户端脚本编程语言。
〃Y 简单
首先它是一种基于Java 基本语句和控制流之上的简单而紧凑的设计; 从而对于学习Java 是一种非常好的过渡。
其次它的变量类型是采用弱类型,并未使用严格的数据类型。
〃Y 安全
它不允许访问服务器本地的硬盘,因此不能将数据存入到服务器上;不允许对网络文档进行修改和删除,只能通
过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。
PHP 讲义 第 20 页 共 90 页
…………………………………………………………Page 21……………………………………………………………
〃Y 动态
它可以直接对用户的输入做出响应,无须经过Web 服务程序。它对用户的响应,是采用以事件驱动的方式进行
的。事件(Event)可分为两类,一是用户对浏览器进行的某种操作,比如按下鼠标、移动窗口、选择菜单等,可
以视为用户事件;二是系统事件,如时间的时刻变化等。当事件发生后,会向浏览器发送相应的消息(用户消息
或系统消息),根据消息,浏览器可能会做出相应的响应,这种响应称为事件驱动,也叫消息驱动。
〃Y 跨平台
JavaScript 代码由浏览器解释执行,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript 的浏览器
就可正确执行,从而实现了“编写一次,走遍天下”的梦想。
实际上 JavaScript 最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理
软件及一浏览器,无须WEB 服务器通道,通过自己的电脑即可完成所有的事情。
JavaScript 和 Java 很类似,但并不一样。Java 是一种比JavaScript 更复杂许多的程序语言,而 JavaScript 则
是相当容易了解的语言。许多 Java 的特性在 Java Script 中并不支持。
(3)JavaScript 的工作原理
1)JavaScript 的工作原理
JavaScript 编程可以完成诸如构造动画,动态菜单等使页面更加生动、活泼的任务(实例见洪恩在线:
http://hongen。/pc/homepage/javascript/index1。htm ),还可以对客户机文件系统、注册表等进行操作,
如对文件夹、文件的建立,复制,删除,修改注册表,锁定注册表,锁定浏览器等等,有许多随着网页打开而运
行的病毒就是含在网页中的JavaScript 程序在作怪。由此可见,JavaScript 是控制客户机的精灵。
在 B/S 程序中,为了均衡负载,减轻服务器的计算负担,凡是不需要服务器程序做的工作,可尽量交给客户端
程序(如JavaScript 程序)去做。我们用HTML 标记构造出用户界面,用户通过界面输入数据,向浏览器请求
数据等操作。在用户输入数据,或者是输入完毕,将数据向服务器提交的时候,对数据的检验等任务完全可交给
JavaScript 程序来完成。本课程主要介绍此类任务的JavaScript 编程技术。
通过JavaScript 脚本检验FORM 数据
JavaScript 的工作原理,就是以基于对象和一些面向对象的特征:
〃Y JavaScript 通过控制客户机上各种对象的方式,控制客户机,对客户机进行操作。
〃Y 根据用户或系统事件,做出相应的响应。
第二节 Web 客户端基本技术
1。数据传递
(1)客户端向服务器传递数据的方法:POST 和GET
浏览器向服务器进行数据传送,若使用FORM,常用的传送数据的方法是GET 和POST。
①GET 方法通过URL 请求来传递用户的输入,形式:URL?var_name1=value1&var_name2=value2,即将表单
内各字段名称与其内容,以成对的字符串连接,置于表单 ACTION 属性所指的 URL 后,如
http://211。64。32。2/login。php?name=abc&password=123,数据都会直接显示在 URL 上,就像用户点击一个链
接一样;POST 方法通过 HTTP POST 机制,将表单内各字段名称与其内容放置在 HTML 表头(header) 内一
PHP 讲义 第 21 页 共 90 页
…………………………………………………………Page 22……………………………………………………………
起传送给服务器端交由 ACTION 属性能所指的程序处理,该程序会通过标准输入(stdin)方式,将表单的数据读
出并加以处理。
②通过 GET 方法提交数据,可能会带来安全性的问题。比如一个登陆页面,当通过 GET 方法提交数据时,用
户名和密码将出现在URL 上。如果登陆页面可以被浏览器缓存或其他人可以访问客户的这台机器。那么,别人
就可以从浏览器的历史记录中,读取到此客户的账号和密码。所以,在某些情况下,GET 方法会带来严重的安
全性问题。
③GET 方式传输的数据量非常小,一般限制在 2 KB 左右,但是执行效率却比 POST 方法好;而POST 方式
传递的数据量相对较大,它是等待服务器来读取数据,不过也有字节限制,这是为了避免对服务器用大量数据进
行恶意攻击。使用PHP,默认的POST_MAX_SIZE 是2M (通过配置php。ini 实现),如果你想利用POST 方式
上传软件,就需要更改这个值了(我设置为20M 仍然能够正确上传文件),但是倘若试图使用GET 方式,就没
有可能实现这种功能。
建议在FORM 中,使用POST 方法。
下列情况表明传递数据使用的是GET 方法:
〃Y 在地址栏中进行GET 请求
在地址栏中使用请求形式:URL?var_name1=value1&var_name2=value2……。
如http://nc。dzu。edu。cn/article/show。php?id=139 (其中URL 为http://nc。dzu。edu。cn/article/show。php),
作用:向 URL 所指向的程序文件show。php 传递一个变量,变量名为 id,变量值为139,该程序将从数据库
中取出有关id 为139 的那条新闻的信息,表示成HTML 代码后返回给请求者的浏览器。
在地址栏中进行GET 请求的情况
〃Y 单击了一个链接。
【例2…4 】通过链接传递数据的HTML 标记
2…4。htm 源代码:
ASP;PHP;JSP 之比较
〃Y 对FORM 的METHOD 属性,使用GET 属性值
(2 )小结
从PHP 的角度看,浏览器向服务器传递数据:
使用表单对象时,表单对象名=表单变量。
使用URL?参数名=参数值时,参数名=查询字符串(querystring )变量。
如【例2…3 】中,用户在文本字段textfield 中输入的数据,发送到FORM 的ACTION 指向的服务器程序2…3。php
后,2…3。php 将接收到表单变量textfield 和该变量内的值。
当在超链接地址或地址栏采用 URL?var_name1=value1&var_name2=value2 ……形式时,var_name1 、
PHP 讲义 第 22 页 共 9
快捷操作: 按键盘上方向键 ← 或 → 可快速上下翻页 按键盘上的 Enter 键可回到本书目录页 按键盘上方向键 ↑ 可回到本页顶部!
温馨提示: 温看小说的同时发表评论,说出自己的看法和其它小伙伴们分享也不错哦!发表书评还可以获得积分和经验奖励,认真写原创书评 被采纳为精评可以获得大量金币、积分和经验奖励哦!