PHP语法（一）

回顾

1. PHP：超文本预处理器，这是一种运行在服务器端的开源的脚本语言
2. LAMP：Linux+Apache+MySQL+PHP，这4个软件全部都是开源的
3. 静态网站和动态网站
   1. 静态网站：不具有数据交互功能的网站
   2. 动态网站：具有数据交互功能的网站
   3. 实现动态网站的技术：asp php .net java
4. 客户端和服务器端
   1. 服务器端：为访问者提供服务的计算机，从狭义上来说，Apache是服务器。
   2. 客户端：用来请求服务器的计算机，web客户端是IE，QQ客户端是软件
5. 端口和端口号 0~65535
6. BS架构（浏览器和服务器）和CS架构（客户端软件和服务器）
7. 前台和后台
8. IP地址和域名
   1. 通过IP地址唯一标识每台计算机
   2. 域名是IP地址的别名，为了便于记忆。
9. PHP优点
   1. 跨平台
   2. 源码开发
   3. 语法简单
10. 安装Apache
    1. httpd命令在bin目录下
    2. htdocs是默认的虚拟目录
    3. conf是配置文件夹
    4. conf/httpd.conf是Apache的配置文件
    5. httpd -t 用来检测apache的运行情况
    6. httpd -M 用来显示加载的模块
    7. httpd -k start/stop/restart
    8. apache的启动/停止/重启
    9. http://localhost/显示itworks表示正常
11. 安装PHP
    1. 在httpd.conf中通过LoadModule加载PHP模块
    2. 在httpd.conf中当访问PHP页面的时候调用PHP模块
    3. 在httpd.conf中指定PHP配置文件 phpinidir

• 1. 在php.ini中通过extension_dir指定PHP扩展的加载位置

1. 安装MySQL
   1. MySQL的端口号是3306

到此wamp安装完毕，下面提高部分

1. 更改虚拟目录位置，在httpd.conf中DocumentRoot更改虚拟目录指令
2. 注意：更改虚拟目录位置的同时一定要更改虚拟目录的权限

<Directory 虚拟目录路径>

</Directory>

• 1. allow from all 允许所有
  2. order allow,deny 先执行允许，后执行拒绝
  3. options indexes 目录中的文件用索引方式显示
  4. allowoverride all 允许分布式部署文件覆盖

1. 更改默认首页 DirectoryIndex index.html index.php
2. 更改监听端口 Linten 80
3. 虚拟主机配置 httpd-vhosts.conf文件中配置
4. DNS解析 system32/drivers/etc/hosts文件中
5. 分布式部署
   1. 文件名是.htaccess文件
   2. 在当前目录及子目录中有效
   3. 可以更改apache和php的配置（php_flag php_value）

总结：httpd.conf对Apache起作用，php.ini对PHP起作用 .htaccess对apache和PHP都起作用

配置文件可分为两个部分：主配置文件系统，分布式配置文件

解释型和编译型

如果保存了可执行代码是编译型语言，没有保存可执行代码是解释型语言

PHP执行过程

脚下留心：PHP生成的中间语言保存在内存中（这点和java,.net不一样，这两门语言是可以看到中间文件的），PHP看不到中间文件。如果从能否看见中间文件这个角度来说PHP是解释型的；从是否生成中间文件来说PHP是编译型的。

EditPlus介绍

体积小，可以自定义插件的一个开发工具

EditPlus的设置

PHP四种定界符

1. 标准风格【推荐使用】

<?php

echo ‘i am a boy!!!’;

?>

1. 短标记风格（在php.ini中将short_open_tag = On）

默认情况下不支持短标记，必须在php.ini配置文件中开启支持短标记

<?

echo ‘i am a boy!!!’;

?>

1. asp风格（在php.ini中将asp_tags = on）

默认不支持asp风格

<%

echo ‘i am a boy!!!’;

%>

1. script标记风格

<script language=”php”>

echo ‘i am a girl!!!’;

</script>

PHP的执行原理

客户端向服务器发送请求：

1. 如果请求的是HTML页面，服务器不执行，将页面的代码全部发送到客户端。
2. 如果请求的是PHP，服务器会执行PHP页面，执行完毕后会生成标准的HTML代码，然后将HTML代码发送到客户端

PHP语法特点

PHP用分号表示语句的结束

PHP变量名是区分大小写的，但是关键字不区分大小写

PHP支持省略结束标记

<?php表示php语言的开始， ?>表示php语言的结束。

如果一个页面从PHP开始一直到页面的最后全部是PHP代码，PHP结束符是可以省略的。

PHP结束符中有一个隐藏的分号

页面显示乱码解决

解决方法一：在内容最上面输出<meta>标记

解决方法二：header()

PHP注释

PHP注释有单行注释和多行注释

输出语句

在PHP中常用的输出有echo，print，print_r，var_dump

echo【适合输出字符串和数字】

echo可以输出字符串和数字型，不适合输出布尔和数组，true输出成1，false输出成空，数组输出成array

echo可以一次输出多个数据。

print

print和echo大体一样，可以输出字符串和数字，不适合输出布尔和数组

print每次只能输出一个值，输出成功会返回1。

print_r

print_r主要用来输出数组。

var_dump()【输出内容+数据类型+字符串长度】

var_dump()不但能输出数据的内容，而且可以输出数据类型和字符串的长度。

变量

变量就是计算机内存中的一段空间。

变量的命名规则

变量必须以$开头，除了$以外，变量以字母，下划线开头，后面跟的是字母、数字、下划线。（$不是变量的组成部分，$表示变量的开始）

下列变量名合法的是：

$aa 合法

$1a 不合法

$_1a 合法

$a-1 不合法

变量的赋值

传值

传址

&表示取出a的地址

销毁变量

情况一：页面执行完毕后，变量全部销毁，有PHP的垃圾回收机制销毁。

情况二：可以通过unset()手动销毁变量

问题：PHP垃圾回收机制如何判断垃圾数据的？

答：如果一个数据没有被变量引用，这个数据就是垃圾数据。

unset()销毁的是变量名，变量名销毁以后，变量的值就不被引用，垃圾回收机制就将值销毁。

判断变量是否存在

isset()判断变量是否存在

预定义变量

$_GET：用来保存客户端提交给服务器的Get提交的数据，是数组类型的数据

Get提交的URL地址格式： 地址?参数=值&参数=值&…

比如：index.php?name=tom&sex=男&age=22

$_POST：用来保存POST提交的数据，数组类型

$_REQUEST：既能获得get提交的数据，又能获得post提交数据

如果既有get，又有post，使用$_REQUEST获取值的时候，如果有同名的参数，post会将get的值覆盖。

我们可以在php.ini中更改get和post覆盖的顺序。

$argc、$argv

PHP的运行不是必须Apache的参与，直接通过php.exe也是可以执行PHP的。

$_GET、$_POST、$_REQUEST都是用来获取http提交参数。

$argc保存参数的个数，$argv保存参数的数组

可变变量

将变量名存储到另个变量中

多学一招：变量名可以保存在变量中，函数名也可以保存在变量中

常量

当一个数据在执行周期内不发生变化，我们把这个数据声明成常量。

常量名前面没有$。$表示的是变量的开始

常量的定义一般都在程序的开始处定义。

语法

define(常量名,常量值,[是否区分大小写，默认是区分大小写的])

特殊字符做常量名

PHP中可以使用特殊字符做常量名，但是调用的使用必须使用constant关键字来调用

判断常量是否存在

常量一旦定义后面不能重新定义，所以在定义常量的时候我们先判断一下常量是否存在

通过defined()函数判断常量是否定义

预定义常量

例题

魔术常量

常量的值是不变的，但是魔术常量的值是变化的。

例题

const常量

常量除了可以用define定义，还可以用const来定义

查看所有常量

Editplus提示设置

Editplus默认是没有提示的，必须添加语法文件才有提示

第一步：准备语法文件

第二步：将语法文件添加到editplus上

JavaScript（一）

作业

第一题

<style type=”text/css”>

body{

background-color:#0CF;

}

input[type=’text’]{

border-top:none;

border-left:none;

border-right:none;

border-bottom:#06C solid 1px;

background-color:transparent; /*背景色透明*/

}

input[type=’button’]{

border:none;

background-color:transparent; /*背景色透明*/

cursor:pointer; /*当鼠标移上去的时候变成手形*/

}

</style>

</head>

<body>

<div>请输入信息：<input type=”text” name=”username” /><input type=”button” value=”确定>>>” /></div>

第四题

分析页面结构如下：

页面总宽度：8+206+500+8=722

页面总高度：110+519=629

难点：

实现代码

<style type=”text/css”>

#content{

width:722px;

height:629px; /*为了#left,#right高度100%，指定父元素高度*/

overflow:hidden; /*重新测定子元素的高度*/

margin:auto; /*页面居中*/

}

#content #left,#content #right{

width:8px;

height:100%; /*背景无法撑开盒子，所以要设定高度*/

background:url(images/line1.gif) repeat-y;

float:left;

}

#content #right{

background:url(images/line2.gif) repeat-y;

}

#content #center{

width:706px;

float:left;

}

#content #center>div{

float:left;

}

#content #center #part1{

width:206px;

background-color:#ECDFBC;

/*text-align:center;*/ /*图片居中方法一*/

}

#part1 img{

margin:auto; /*图片居中方法二*/

display:block; /*设置块显示才能使用margin:auto来居中*/

}

#content #center #part4{

width:500px;

height:519px;

background:url(images/b-04.jpg);

padding-top:30px;

}

#part4 #wenzi{

width:90%;

font-size:14px;

font-family:’微软雅黑’;

margin:auto;

}

</style>

</head>

<body>

<div id=”content”>

<div id=”left”></div>

<div id=”center”>

<div id=”part1″><img src=”images/xihuzi2.gif” /></div>

<div id=”part2″><img src=”images/5.jpg” /></div>

<div id=”part3″><img src=”images/6.jpg” /></div>

<div id=”part4″>

<div id=”wenzi”>

<header style=”text-align:center”>西湖春天简介 </header>

<p> 　　西湖春天是一家经旅游局批准，工商局登记注册，具有独立法人资格，并足额缴纳旅行社质量保证金的股份制企业。<br />

公司下设组团部、地接部、导游部、财务部、石浦门市部、丹城门市部等机构，承接旅游、休闲、度假、疗养、会务、商务考察等业务，公司管理高度重视人力资源的合理利用和开发，现已拥有一批长期从事旅游工作、精通各项旅游业务、重信誉、讲实效、高素质的管理人员和一支训练有素、经验丰富的导游队伍，并且已做到人人持证上岗。<br />

公司凭借象山旅游发展大好趋势，结合自身的规模优势，全力打造出&ldquo;西湖春天&rdquo;的旗帜品牌形象。目前，公司开发的公司网站，可以让您广泛的了解旅游信息。<br />

公司自成立以来，坚持以&ldquo;质量就是生命&rdquo;的座右铭，虚心接受客户的监督，不断完善管理机制，全体员工积极进取，开拓创新、奋发图强；公司连续获得2003年度《安全生产先进集体》、《浙江省旅游消费推荐单位》、《&ldquo;安康杯&rdquo;竞赛优胜企业》、2004年度《石浦首届旅游消费诚信单位》等荣誉称号。<br />

公司与国内众多旅行社建立了良好的义务关系，在主要城市已形成了客房、餐饮、交通等完善的旅游服务网络，&ldquo;西湖春天&rdquo;全体工作人员将以最合理的旅游线路，最实惠的价格，最细致的服务，热诚期待您的到来。</p>

</div>

</div>

</div>

<div id=”right”></div>

</div>

圆角矩形

区分上下左右四个点

例题

<style type=”text/css”>

div{

width:100px;

height:100px;

border:#000 solid 1px;

margin:5px auto;

}

div:nth-of-type(1){

border-radius:10px; /*四个点的圆角半径都是10px*/

}

div:nth-of-type(2){

border-radius:10px 20px; /*上下10px 左右20px*/

}

div:nth-of-type(3){

border-radius:10px 20px 30px; /*上10px 左右20px 下30px*/

}

div:nth-of-type(4){

border-radius:10px 20px 30px 40px; /*上右下左*/

}

div:nth-of-type(5){

border-radius:50%; /*正圆*/

}

</style>

</head>

<body>

<div></div>

<div></div>

<div></div>

<div></div>

<div></div>

圆角矩形的应用

<style type=”text/css”>

body{

background:#999;

}

div{

width:200px;

height:200px;

padding:10px;

border:#000 solid 1px;

border-radius:10px;

background-color:#CCC;

}

#face{

border-radius:50%;

}

</style>

</head>

<body>

<div><img src=”images4/face.jpg” /></div>

<img src=”images4/face.jpg” id=”face” />

2D转换

在二维平面上桌变化，关键字：transform

2D转换之移动（translate）

例题：让div居于屏幕的中间

<style type=”text/css”>

div{

width:200px;

height:200px;

background-color:#900;

position:absolute;

left:50%;

top:50%;

/*transform:translateX(-50%) translateY(-50%);*/

transform:translate(-50%,-50%)

}

</style>

<div></div>

2D转换之旋转

2D转换之缩放（scale）

<style type=”text/css”>

img{

transform:scaleX(1.5); /*x轴是原来的1.5倍*/

transform:scaleY(0.5); /*y轴是原来的0.5倍*/

transform:scale(0.5,0.5); /*同时设定x轴和y轴的缩放*/

}

</style>

<img src=”images4/face.jpg” width=”200″ height=”200″ />

例题：三角做法

<style type=”text/css”>

div{

width:300px;

height:30px;

border:#999 solid 1px;

margin:100px auto;

position:relative;

}

div:after{

content:”;

width:12px;

height:12px;

display:inline-block;

position:absolute;

right:12px;

border-right:#999 solid 1px;

border-bottom:#999 solid 1px;

transform:rotate(45deg) translateY(10px);;

}

div:hover{

border:#00F solid 1px;

}

div:hover:after{ /*必须先写:hover，后写:after*/

border-right:#00F solid 1px;

border-bottom:#00F solid 1px;

}

</style>

<div></div>

过渡（transition）

动画类型有：

例题（对象移动）：

<style type=”text/css”>

div{

width:200px;

height:200px;

background-color:#F00;

transition:all 1s ease;

}

div:hover{

transform:translateX(500px);

}

</style>

<div></div>

例题：（头像旋转）

<style type=”text/css”>

img{

border-radius:50%;

transition:all 0.5s ease;

}

img:hover{

transform:rotate(360deg);

}

</style>

<img src=”images4/face.jpg” />

例题：（头像变大）

<style type=”text/css”>

ul{

list-style-type:none;

margin:10px auto;

padding:0px;

overflow:hidden;

}

li{

width:200px;

height:200px;

border:#000 solid 1px;

margin:5px;

float:left;

overflow:hidden;

}

img{

transition:all 0.5s ease;

}

img:hover{

transform:scale(1.1);

}

</style>

<ul>

<li><img src=”images4/face.jpg” width=”200″ height=”200″ /></li>

<li><img src=”images4/face.jpg” width=”200″ height=”200″ /></li>

<li><img src=”images4/face.jpg” width=”200″ height=”200″ /></li>

</ul>

Sublime介绍

1. 生成HTML框架结构

按tab键或ctrl+E生成

注意要将页面保存再按快捷键生成

常用的其他技巧

什么是JavaScript

1. JavaScript是一种解释型的，基于对象的脚本语言。
2. Javascript（JS）可以运行在客户端，也可以运行在服务器端。默认是运行在客户端。

script：脚本

页面的执行过程

解释型与编译型

要看一门语言是否是解释型还是编译型，主要看是否会生成中间文件。

运行在客户端的语言都是解释型

运行在服务器端的语言都是编译型。

脚本语言

脚本语言也是语言一种，脚本语言的特点要结合其他语言一起实现功能。

JavaScript的应用场景

1. 客户端特效
2. 验证表单

变量

变量就是一个会变的量

x+1=2 x=1

x+10=20 x=10

变量就是内存中的一段空间

变量的命名规则

1. 变量以字母、下划线，$开头，后面跟的在字母、数字、下划线，$
2. 关键字不能做变量名
3. 变量名区分大小写（aa和Aa是两个空间）

下列变量名是否合法

1. aa 合法
2. a1 合法
3. 1a 不合法（不能以数字开头）
4. _1a 合法
5. a-1 不合法
6. a% 不合法
7. x 合法
8. do 不合法（关键字不可以做变量名 if for else case …）

声明变量

通过var关键字来声明变量。

声明变量有两种方法

1. 显式声明：通过var关键字声明后使用
2. 隐式声明：不声明，直接使用

输出的方法

1、document.write(‘锄禾日当午’); //输出在浏览器上

2、alert(‘锄禾日当午’); //弹出一个对话框（就是window.alert()）

3、prompt()：弹出一个用于输入的对话框

4、弹出一个对话框，有“确定”和“取消”按钮

5、console.log(‘锄禾日当午’)：在控制台输出，用于代码调试

几个需要记忆的单词

1. window：窗口
2. document：文档
3. console：控制台
4. log：日志

变量数据类型

变量的数据类型取决于变量中存储的值。如果存放的是数字就是数字型，存放字符串就是字符串型。

基本数据类型

特殊数据类型

typeof：显示变量的数据类型

多学一招：JS支持八进制，十进制，十六进制。

多学一招：JS支持无穷大

JavaScript的基本语法规则

1. 解释型语言，可以随时运行
2. 大小写敏感
3. 弱类型语言（变量的数据类型取决于存放的数据）
4. 分号表示语句的结束（也可以使用换行替代分号，但不推荐）

注释

1. 单行注释： //
2. 多行注释： /* */

运算符

赋值运算符（=）

a=5：将5付给a

算术运算符

注意：

1、“+”除了做数字运算，还可以做字符串相加，字符串相加就是字符串相连。

2、字符串和数字相加，将数字转成字符串型再相连

3、字符串只能做加法，不能做减法，不能做乘法，不能做除法。

4、取模就是取余数

自增

++前置：先自增，后运行

++后置：后自增，先运算

作业：

1. 实现旋转的效果