兄弟连李捷PHP课堂笔记.doc

软件分类： B/S（浏览器/服务器）模式： WEB软件/应用 C/S（客户端/服务器）模式： QQ 微博客户端 MSN YY CF LOL 魔兽世界 劲舞团 QQ音速 QQ炫舞 QQ飞车动态网站和静态网站的根本区别： 1.不是会动的网站（gif、flash）2.是否采用了数据库HTTP请求特点： 1.基于请求/响应的一种方式 2.无状态动态网站开发所需的web构件:1.前端 a.浏览器 IE5.5 IE6 IE7 IE8 IE9 IE10 谷歌浏览器 火狐浏览器 b.XHTML 扩展的超文本标记语言 W3C 万维网联盟，是一个组织，提供标准 CSS 层叠样式表 控制样式的 JS Javascript ajax jquery2.后台： a.服务器端脚本编程语言 PHP、JSP、ASP.NET b.WEB服务器 Apache IIS NGINX TOMCAT d.关系型数据库 MySQL、SQL Server、Oracle、Access、SQLite、DB2、MariaDB e.非关系型数据库 NoSQL、MongonDB、Redis、CouchDB、MemecachedbWeb工作原理 1.当客户端用户通过浏览器输入网址时，先把网址交给DNS服务器 2.DNS服务器将百度的ip地址返回 3.客户端直接请求这台IP的web服务器，因为我们是通过80端口 4.Apache判断，请求php文件时，如果php代码当中有请求数据库，php会将数据库当中的数据提取出来，将此PHP文件交给PHP解析器来将PHP代码解析成HTML代码 5.将此HTML代码返回给Apache服务器，apache服务器将此代码返回给客户端 6.客户端浏览器直接解析html代码，显示页面 7.如果客户请求html文件，是不走php解析器，apache会将html文件直接返回给客户端，交给客户端浏览器来解析8、LAMP架构 L:Linux、A:Apache、M：MySQL、P：PHP特点： 1.开发速度快、2.安全性好、3.运行速度块、4.开源，免费、5.跨平台9、本节主要给大家介绍学习PHP之前的一些准备，安装AppServ集成WAMP环境包。10、HTML概述 1.HTML是超文本标记语言、2.不需要编译、3.html或者是.htm为后缀、 4.HTML代码不区分大小写、5.由W3C来维护11、代码编辑器有很多种： 1.Notepad +、2.Vim、3.Sublime、4.EclipsePHP、5.ZEND STUDIO12、1.文件编码 a).Gb2312（gbk） b).Utf-8（支持的编码更多，包括韩语、日语等） c).Unicode(繁体中文)2.文件编码统一使用utf-83.HTML标签： a).双标签 b).单标签 c).所有的标签都是闭合的 d).建议大家使用小写标签，因为小写遵循xhtml标准 e).属性可以有多个 f).属性与属性之间要以空格隔开 g).属性的值要用单引号或者双引号引起来 h).属性=”属性值”13、1.文件编码 a).Gb2312（gbk） b).Utf-8（支持的编码更多，包括韩语、日语等） c).Unicode(繁体中文)2.文件编码统一使用utf-83.HTML标签： a).双标签 b).单标签 c).所有的标签都是闭合的 d).建议大家使用小写标签，因为小写遵循xhtml标准 e).属性可以有多个 f).属性与属性之间要以空格隔开 g).属性的值要用单引号或者双引号引起来 h).属性=”属性值”14、HTML标签的颜色 a).可以使用颜色单词 b).可以使用#16进制来表示颜色 c).#00(红色)00(绿色)00(蓝色)15、Html注释： a).作用： i.对代码进行说明、 ii.便于团队开发、iii.便于排错 b).特点： i.注释同样会被浏览器加载、ii.不被浏览器解析 c).注意： i.尽量加必要的注释，不要长篇大论 d).语法： i.、 ii.注释可以注释多行、iii.可以注释单行、 iv.注释不能嵌套使用16、Html空白符 i.空白符会被浏览器解析成一个空格 ii.空白符不计数量 iii.如果想让页面显示多个空格，我们可以使用 iv.要注意代码的换行和缩进Html实体： i.空格：、ii.小于号：17、HTML主体架构： 网页的标题 页面的主体 18、 网页的标题 页面的主体 19、HTML的BODY标签： 网页的标题 页面的主体 20、格式标签i.换行标签：、1.ii.段落标签：、1.、2.可以为单标签，可以为双标签iii.水平居中：、1.Center双标签iv.将格式原样输出、 1.Pre双标签v.列表标签：、1.Li双标签、2.特点：、a).自动换行，会在前边加一个小圆点vi.有序列表：、1.Ol双标签vii.无序列表、1.Ul双标签viii.分割标签、1.Hr单标签、2.特点： a).自动换行 b).默认居中21、和20同22、文本标签 1.Hn、 特点：、 1.自动换行、2.默认加粗、3.N 1-6的范围内、4.1最大，6最小 2.B 可以将字体加粗 3.I 可以将字体变成斜体 4.U 可以给字体加下划线 5.Sub 下标 6.Sup 上标 7.Font Color Size、1-7、 1最小、 7最大 8.Strong、加粗 23、-1. 图像创建a) Imgb) 单标签c) Src属性：图像的路径d) Width：图像的显示宽度e) Alt：图像加载失败时显示图像信息f) Title：鼠标悬停时显示的图片的提示信息g) 要求：将alt和title都加上h) Border：图片的边框线-LAMP兄弟连金牌讲师李捷： 微博：/lamplijie 博客：http:/www.thisky.me 捷哥视频：http:/www.phpinfo.cc QQ:86267659 YY:18098504 在线答疑YY频道号：46392657 关注微信公众账号【lamplijie】，提问+空格+问题，捷哥会及时为你解答！24、1. 超链接 a) 点击一个元素的时候，页面会加载一个新的页面 b) c) Target:指链接页面以什么形式打开 i. _self ii. _blank d) Href i. 链接地址 1. 注意：要写上协议名称 e) Title i. 提示信息25、2. 锚点a) 同样使用a标签 i. 使用name属性来定义锚点的名称 ii. 在写超链接地址时，加#表示访问本页的锚点 #锚点名称iii. 如果访问其他页面的锚点，页面地址#锚点名称 26、和27同27、3. URL a) 什么是URL? i. 统一资源定位符，就是链接地址 ii. 组成： 1. :80/xinwen/index.php?keyword=非洲足球&keyword2=key2&username=lijie&age=18&sex=chunyemen 2. http:/ ftp:/ https:/ file:/ svn:/ 协议名称 3. 主机名 4. 域名： 5. :80 端口号 6. /xinwen 目录名称 7. Index.php 访问的文件资源名称 8. ?以后的内容 叫做参数 get参数 post参数是不会显示到url地址栏当中的 iii. URL地址分为三种： 1. 相对路径 a) ./ 当前编辑文件的当前文件夹 b) ./ 当前编辑文件的上一级目录 c) ././ 上级路径的上级路径，以此类推，可以无限的写下去 2. 绝对路径 a) http:/. 3. 站点根目录的相对路径 a) /linux系统的根路径28、和27同29、30、31、32、33、4. 在html代码中添加表格 a) Table标签 i. Width宽度 ii. Height 高度 iii. Border 边框 iv. Cellspacing:表格之间的间距 v. Cellpadding：表格当中的内容与边框的距离 vi. Align:表格在页面当中的水平位置 b) Tr标签 i. 代表一行 ii. Align：本行内容在表格当中的水平位置 c) Td i. 代表一个格 ii. 跨列：colspan=列的个数 iii. 跨行：rowspan=行的个数 iv. 注意：跨到哪个格上就要将这个格删除掉 d) Caption： i. 表格的标题 e) Th代表表格的表头 i. 类似于td，功能与td相同，也同样表示一个格 ii. 默认为居中、加粗34、35、36、我们使用frameset主体架构 1.Rows：行 行的高度 200px,200px,200px 200px,*,200px 2.Cols：列的宽度 100px,* 20%,* 1.双标签 2.不能有body 3.定义列和行： 3.Frame 1.单标签 2.Src 代表是链接的页面的地址 3.Name 分帧的名称，便于超链接页面时将链接的页面定位到指定的frame当中 4.Noframe 1.当浏览器不兼容分帧时，执行此标签内的内容 2.配合body使用 5.iframe 1.在当前页加载其他页面（经常使用） 2.Src 3.Width 4.Height 5.Frameborder37、38、39、40、Form标签 1.双标签 2.属性： 1.Action 请求地址 2.Method 请求方式 get/post两种 3.Enctype 上传时需要加 enctype=”multipart/from-data” 3.Form表单当中的元素 1.Input 1.Type 类型 1.Text 单行文本域 2.Password 密码域 3.File 文件上传 4.Checkbox 复选框 5.Radio 单选框 6.Hidden 隐藏域 7.Button 普通按钮，不会提交 8.Image 图片按钮 会提交 9.Submit 普通提交按钮 10.Reset 重置按钮 2.Name、表单提交时带的参数名称 3.Value、默认值 4.Size、显示宽度 5.Maxlength、填写内容的最大字符长度 6.Checked、Radio 和 checkbox 默认选中 7.Readonly、只读，无法修改，但是可以提交 8.Disabled、禁用，无法修改，无法提交 9.Accesskey、快捷键 10.Tabindex、Tab顺序 11.Src、图片按钮链接图片资源的路径 12.Alt、图片按钮的提示信息 2.Textarea 1.Cols、显示列数 2.Rows、显示行数 3.Name、名称 3.select 1.name、名称 2.Multiple、支持多选 3.Size、显示高度 4.Option 1.Value、提交的值 2.Selected、默认被选中41-45、8.CSS层叠样式表 a).由浏览器解释，不需要编译 b).作用： i.管理样式 ii. 便于更改页面的样式 c).必须以.css后缀结尾 d).Css语法不区分大小写，我要求大家全部使用小写9.CSS语法： a).选择符属性1:属性值1;属性2:属性值2;. b).选择符有很多种 c).要用大括号包含起来 d).属性与属性值之间要使用冒号:隔开 e).属性和属性之间要使用分号;隔开10. CSS注释： a)./*.*/包含注释内容 b).注释单行，也可以注释多行 c).不要使用11. 长度单位： a).Px b).%12. 颜色取值： a).#ff0099 ? #f09(html语法当中不能使用)13. HTML当中放入css有几种方式： a).三种： i. 内联 1. 行内 2. 在标签当中使用style属性 3. Style的值为css的键值对 ii. 内嵌 1. 在html标签当中，使用style 2. Style标签写入到head标签当中 3. css语法 iii. 外部链接 1. 好处：可以在多个页面当中使用同一个css 2. 节省带宽，浏览器会缓存css文件 3. iv. 三种方式的优先级： 1. 就近原则 a).行内优先级最高-?内嵌-?外部链接46-48、14. CSS选择符： a) HTML选择符 i. Html标签名称属性:属性值;. ii. 就会选择到html标签对象 b) 类选择符： i. .class的名称 c) Id选择器： i. id的值在页面当中是唯一的 ii. 选择#id的值属性对 d) 关系选择符： i. 层级关系很重要 ii. p.one（中间没有空格） iii. p font.one(中间有空格) iv. 层级可以无限往下写，建议不要超过四级 e) 组合选择符： i. 多个选择符之间使用逗号拼接 ii. P,font,h1 ,h2,.one,#id f) 伪元素选择器 i. A:link 未点击的超连接 ii. A:visited 已点击过的超链接 iii.A:hover 鼠标划过时iv. A:active 激活超链接（点击超链接的一瞬间）49-55、4. CSS的常见属性： a) 字体 i. font-style:italic; /*字体样式*/ ii. font-variant:small-caps; /*所有字体转为大写*/ iii. font-weight:bold; /*是否加粗*/ iv. font-size:18px; /*字体大小*/ v. line-height:20px; /*行高*/ vi. font-family:宋体,微软雅黑; /*字体*/ b) 背景属性 i. background-color:#ccc; /*背景色*/ ii. background-image:url(./list_ico.png); /*背景图*/ iii.background-repeat:no-repeat; /*背景是否重复*/ iv. background-position:0 -81px; /*背景图的位置*/ c) 文本属性 i. letter-spacing:10px; /*字符间距*/ ii. word-spacing:20px; /*单词间距*/ iii.text-decoration:underline; /*是否有下划线*/ iv. text-align:center; /*水平位置*/ v. line-height:500px; /*行高*/ vi. text-indent:2em; /*缩进*/ d) 边框属性 i. Border-style /*边框的样式*/ ii. Border-width /*边框的宽度*/ iii.Border-color /*边框的颜色*/ e) 光标属性 i. Cursor:pointer /*显示小手*/ f) 列表属性 i. List-style-type /*列表的样式*/ ii. List-style-image /*列表的图片*/ iii.List-style-position /*列表的位置*/56、DIV+CSS的样式布局 g) 优势： i. 便于搜索引擎收录 ii. 页面布局简单 iii.简洁，优化 h) DIV和SPAN的区别 i. 都是无意义的标签（没有任何效果） ii. Div是块级元素，是会默认换行的 iii.Span是内联元素，默认不换行 iv. 换行都是块级元素，不换行的都是内联元素v. 块级元素可以设置宽高，内联元素设置宽高后，不生效，他的宽高为文本的宽高57-58、5. W3C盒子模型： a) 实际内容 b) 内补白padding i. Padding-top ii. Padding-right iii. Padding-bottom iv. Padding-left v. Padding:上 右 下 左（顺时针） c) 外边距margind) 边框border59、6. Position: a) Absolute:绝对定位，位置相对于文档流（body）,会脱离文档流，会飘起来 i. Top ii. Left iii.Right iv. Bottom v. Z-index 设置层级60、定位：i. Position 1. Absolute 绝对定位 位置相对于文档流，会脱离文档流，飘起来 a) Top b) Right c) Bottom d) Lefti. Z-index 1. 设置层级 2. Relative 相对定位，位置相对于自己的当前位置，不会脱离文档流，不会飘起来 3. Fixed 固定定位，位置相对于浏览器 e) 让层相对于外部容器水平居中：i. Margin : 0 autof) 绑定模式： i. 父层设置为position:relative; ii. 子层设置为position:absolute;62、8. Display显示： a) Block:将元素转为块级元素显示出来 b) Inline：将元素转为内联元素显示出来 c) None:将此元素隐藏 i. 不会占用位置63、9. Visibility显示属性 a) Hidden 会将元素隐藏，但是会占用位置 i. 在子层当中设置为inherit 1. 代表的意思是继承父层的显示 ii. 在子层设置为visible1. 不管父层是否显示，子层永远会显示出来64、10. Overflow处理超出边界的内容 a) Hidden:隐藏起来 b) Visible:超出显示，不做处理 c) Scroll:始终出现滚动条d) Auto:自动，自适应，内容超出设置滚动条，内容不超出，滚动条消失65-67、11. Float浮动 a) Left b) Right c) 只会水平浮动 d) 会脱离文档流 e) 多个div都设置为float，即为水平一条线12. Clear清除浮动 a) Left 清除左浮动 b) Right 清除右浮动 c) Both 清除左右浮动d) 从clear后的所有的内容都恢复原来的状态，不再受浮动的影响68-70、7. DIV+CSS a) 优势： i. 便于搜索引擎收录 ii. 便于团队开发 iii. 页面更加简洁，更改样式较方便（便于维护） b) Div和span的区别： i. Div和span都是无意义的标签，都是双标签 ii. Div和span必须配合CSS才有效果 iii. Div是块级元素（会自动换行），span是内联元素（不会自动换行） iv. 块级元素可以设置宽高，内联元素设置宽高无效，其宽高为本身的文本的宽高 c) W3C的盒子模型 i. 边框 border ii. 内补白 Padding 1. Padding:10px 上下左右均为10px 2. Padding:10px 20px 上下为10px，左右为20px 3. Padding:10px 20px 30px 上为10px，左右为20px，下为30px 4. Padding:10px 20px 30px 40px 上为10px，右为20px，下为30px，左为40px 5. Padding-top padding-right padding-bottom padding-left 6. 使用padding 的时候，盒子宽度会自动扩大 iii. 外边界 1. Margin（不属于盒子的宽高） 2. 用法和padding一模一样 d) 定位： i. Position 1. Absolute 绝对定位 位置相对于文档流，会脱离文档流，飘起来 a) Top b) Right c) Bottom d) Left i. Z-index 1. 设置层级 2. Relative 相对定位，位置相对于自己的当前位置，不会脱离文档流，不会飘起来 3. Fixed 固定定位，位置相对于浏览器 e) 让层相对于外部容器水平居中： i. Margin : 0 auto f) 绑定模式： i. 父层设置为position:relative; ii. 子层设置为position:absolute;8. Display显示： a) Block:将元素转为块级元素显示出来 b) Inline：将元素转为内联元素显示出来 c) None:将此元素隐藏 i. 不会占用位置9. Visibility显示属性 a) Hidden 会将元素隐藏，但是会占用位置 i. 在子层当中设置为inherit 1. 代表的意思是继承父层的显示 ii. 在子层设置为visible 1. 不管父层是否显示，子层永远会显示出来10. Overflow处理超出边界的内容 a) Hidden:隐藏起来 b) Visible:超出显示，不做处理 c) Scroll:始终出现滚动条 d) Auto:自动，自适应，内容超出设置滚动条，内容不超出，滚动条消失11. Float浮动 a) Left b) Right c) 只会水平浮动 d) 会脱离文档流 e) 多个div都设置为float，即为水平一条线12. Clear清除浮动 a) Left 清除左浮动 b) Right 清除右浮动 c) Both 清除左右浮动 d) 从clear后的所有的内容都恢复原来的状态，不再受浮动的影响71-74、集成环境：1. AppServe a) Apache i. 修改配置文件，要使配置文件生效，必须要重新启动apache服务 ii. Conf/httpd.conf apache的主配置文件 iii. Bin/ apache的服务命令 iv. 守护进程为httpd b) Php i. Ext目录存放所有的扩展库文件 ii. Php.ini是php的主配置文件，位置在c:/windows/php.ini iii. Php配置文件修改以后需要重启apache，因为php是apache的处理引擎 c) Mysql i. 配置文件：My.ini ii. Data目录下 iii. 所有的默认字符集为utf8 iv. 更改my.ini，同样要重启mysql服务 v. 守护进程为mysqld d) Phpmyadmin75-76、2. PHP是什么？ a) 超文本预处理器 b) Php开发步骤 i. 编写php文件 ii. 将此文件上传到web服务器上 iii. 通过http协议访问php文件 c) 注意：访问php文件，必须要使用apache访问（http协议） d) 如果代码当中存有php代码，文件的后缀名必须为.php e) Php文件必须要放到www目录下才能通过localhost访问到 f) Php代码可以存放在一个文件的任意位置使用77、3. 在html代码中嵌套php代码的四种方式： a) 强烈推荐大家使用（要求） b) 需要开启short_open_tag才能使用 c) 不推荐使用 d) 需要开启asp_tags才能使用78-79、4. PHP代码特点： a) Echo里面的内容就是交给浏览器去执行 b) 单独写一个php文件的时候，我们可以结束 c) 在写php文件时，如果该文件是纯php代码，后面的结束尽量不要写，因为header函数不允许有任何的输出，避免加载此文件时出错 d) Php文件的代码格式必须为utf-8无bom格式。这里的bom头相当于是一个小的输出 e) 每一行Php代码后面都必须加上分号，代表此行代码结束，如果不加，会报语法错误，（小提示，如果有结束符?最后一行代码可以不加分号），要求，管他是不是最后一行，都加上分号80、什么是注释？ a) 解释当前的代码 i. 团队开发，将来进行二次开发 ii. 可以使用 1. / a) 注意：建议大家把注释写到代码的上方或者右边来进行解释 2. /*.*/ a) 可以注释单行，也可以注释多行，并且不允许嵌套 3. # a) 也是单行注释，后面的代码不会运行 b) 不让当前代码执行 i. 排错 c) Php的注释不会显示到源代码当中81、6. Php空白符的使用：a) 在php代码当中，空白符不会解释b) 要给代码加必要的空白符，提高代码的可读性82-82、7. PHP的变量 a) 以什么是变量 i. 会改变的量（相当于是一个容器） ii. 作用：保存一个值 b) 怎么声明一个变量？ i. 以$开始 ii. 变量的名称： 1. 可以为数字、字母、下划线组成 2. 必须要字母或者_开头 3. 不能以数字开头 iii. PHP的数据类型： 1. 标量数据类型 a) 整型 b) 浮点型 c) 字符串 d) 布尔类型 2. 复合数据类型 a) 数组类型 b) 对象类型 3. 特殊数据类型 a) 资源 b) Null84、3. 数据类型： a) 布尔类型： i. True ii. False iii. 整型0 iv. 浮点类型0.0 v. 字符串 空字符串和0字符串 vi. 空数组vi. Null85、b) 整型： i. 十进制 ii. 八进制 iii. 十六进制 iv. 二进制 v. 正数 vi. 负数1. 超出整型的取值范围会被自动转换成float86、c) 浮点类型： i. 只要有小数点就为浮点类型 ii. 整型超出范围也会转换成浮点类型 iii. 可以使用科学计数法来定义 iv. 注意： 1. 浮点类型永远不要用来做相等判断 2. 浮点类型不要做高精度的运算87-89、d) 字符串类型： i. 只要是引号引起来的就是字符串 ii. 单引号 iii. 双引号 iv. 单引号和双引号的区别： 1. 双引号会解析变量，单引号不会解析 2. 双引号当中的变量要使用特殊字符包含起来，不会输出，其他特殊字符会原样输出 3. 双引号当中插入单引号，单引号当中插入变量，变量会被解析，单引号会被原样输出 4. 双引号会解析转义字符，单引号只解析和 5. 单引号和双引号可以互插 6. 双引号当中插入双引号，里面的双引号要转义，单引号也一样 7. 变量和字符串连接，变量和变量连接，字符串和字符串连接，我们可以使用神奇的一点口水.来连接 8. 双引号的效率要低于单引号的效率 v. 定界符： 1. 定界符名称 2. 字符串 3. 定界符名称; a) 注意：定界符必须独占一行，并且定界符结束后面至