WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

jxiao000 2019-10-20

一、HTML

HTML:超文本标记语言,可以加载JS/CSS/图片/链接等非文字的内容

一切的网页开发技术都需要建立在HTML的基础之上

HTML的结构和语法

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

HTML元素

注释:  <!--  这里是注释内容  -->

图像:<img src="URL">

连接:<a href="URL"> </a>

表单:<form><input></form>

内联框架:<iframe src="URL"></iframe>

HTML DOM树结构

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

为什么要将HTML文档转换为DOM树结构?

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

JavaScriptJS

HTML<script></script>中运行JS

如何获取一个HTML的元素内容?

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

如何修改一个HTML的元素内容?

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

如何创建动态的HTML元素内容?

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

如何让页面增加点互动?

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

以上使用JS访问和操作HTML就是JS DOM的操作

DOM本质:连接web页面和编程语言

JS+DOM:访问和操作HTML文档的标准方法

JS BOM:获取浏览器信息,操作浏览器行为

如何让浏览器来警告用户?

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

如何从浏览器获取用户Cookie

Cookie:通常是服务器发放给用户哭护短的一小段文本信息。

常见场景:用户输入用户名和密码成功登陆网站后网站会生成一个cookie给用户,当做用户凭证,这个凭证cookie就相当于我们的要是,我们每次访问网站的时候浏览器都会带上钥匙(cookie

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

alert(document.cookie)    弹出cookie

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

以上使用JS获取浏览器信息和操作浏览器就是JS BOM

BOM:浏览器对象模型,本质是连接浏览器和编程语言

WEB服务端

WEB服务端概述

什么是WEB服务端呢?

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

WEB服务端经历了哪些变化?

1web的静态页面时期

2web动态页面时期

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

目前流行的架构: 操作系统   web服务   解释执行环境   数据库服务

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

WEB服务端搭建

使用环境集成软件:phpstudy

如何设置hosts(自定义域名)

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

phpstudy默认网站路径在phpstudy路径下的/www目录

如:D/phpstdu_64/www

如何显示后缀名:开始搜索文件夹选项-查看-隐藏已知文件类型的扩展名(不打勾)

WEB后端开发

SQL概述

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

数据库和SQL语言的关系

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

了解数据库

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

SQL语法:

SQL语句对大小写不敏感

分号作为语句的结束,程序中会自动补充

创建数据库:CREATE DATABASE 数据库名称

查看数据库:SHOW 数据库名称

切换数据库:USE 数据库名称

删除数据库:DROP DATABASE 数据库名称

数据表介绍:

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

数据表:

创建数据表:CREATE TABLE teacher{

id int(4) not null primary key auto_increment,

name char(20) not null,

sex char(10) not null,

addr char(20) not null

};

//   int(4)   4字节的整型

//   not null  不能为空

//   primary key   键值

//   auto_increment    自增

查看数据表:SHOW tables

表中插入数据:INSERT INTO teacher(name,sex,addr)

       VALUES(‘Ljz‘,‘Male‘,‘beijing‘);

查询数据表内容:SELECT * FROM teacher;

删除数据:

DELETE FROM teacher WHERE name=‘id=1‘;   //删除id1的行

SELECT * FROM teacher;    //删除teacher

DROP TABLE teacher;   直接删除表

where句子

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

order by句子(默认是ASC升序/DESC降序)

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

UNION句子

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

Mysql注释:#    --空格      /*  */

导入文件:SOURCE 文件路径(尽量不要使用单/使用//

MySql内置函数:

打印当前数据库名称:SELECT database()

打印当前的用户:current_user

返回文件的内容:load_file(文件路径)

数据库版本:version()

写入文件:into+outfile

PHP

PHP:超文本预处理器,一种广泛的开源的脚本语言,常用于网页开发

PHP脚本在服务器上执行

脚本范围:<?php  ?>

注释:  //    #     /*  */

echo语句,一次输出多个,无返回值

print为函数,有返回值

串接:.

函数:function 函数名()

变量:$变量名(变量大小写敏感)

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

PHP语法功能

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

$_POST$_GET变量都可以接收传值

$_REQUEST可以接收以上两种方式

HTTP请求为POST的时候后端的请求也是POST

HTTP请求为GET的时候后端的请求也是GET

文件上传$_FILES

 $_FILES["file"]["name"] - 被上传文件的名称

 $_FILES["file"]["type"] - 被上传文件的类型

 $_FILES["file"]["size"] - 被上传文件的大小,以字节计

 $_FILES["file"]["tmp_name"] - 存储在服务器的文件的临时副本的名称

 $_FILES["file"]["error"] - 由文件上传导致的错误代码

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

常见的系统变量:$_SERVER     $GLOBALS   $_ENV   $_REQUEST   $_COOKIE   $_SESSION

 WEB前段(HTML+JS),后端(MYSQL+PHP)开发基础

包含文件:include ‘包含的文件页面路径‘    

包含文件:require ‘包含的文件页面路径

警告、脚本继续:include

错误、停止脚本:require

PHP操作和连接数据库

一、连接及断开数据库

  1、使用mysqli 扩展(推荐),只针对mysql数据库

  面向对象的方式

      $con = new mysqli(ip,user,password);       if($con->connect_error){         dir("连接失败".$con->connect_error);       } else{         echo "连接成功";       }

      $con->cloase();

  

直接方法(面向过程)

      $con = mysqli_connect(ip,user,password);       if($con){         echo mysqli_connect_error();       } else {         echo "连接成功";       }

      mysqli_close($con)

   2、使用mysql扩展(PHP<=5.0),2012年开始不建议使用 

   3、使用PDO(php data objects)技术(防止sql注入)面向对象的方式(推荐),可以应用在12种数据库中

      try{         $con = new PDO("mysql:host=ip;",user,passwod);         echo "连接成功";       }       catch(PDOException $error){         echo $error->getMessage();       }

      $con = null;

二、执行sql语句

  $sql = "cteate database db_name";   $result = "mysqli_query($con,$sql)";   if () {     echo "成功";   } else {     echo mysqli_error($con);    //打印错误信息   }

   mysqli_close($con)   //关闭数据库

   mysqli_num_rows($result)   //查询的记录数

   mysqli_field_count($result)   //查询列数

   mysql_fetch_all($result)   //查询所有数据

   mysqli_fetch_assoc($result)   //将执行的一条结果转换成数组,关联型数组

打印所有数组

   while ($rows = mysqli_fetch_assoc($result)) {       print_r($row);    }

相关推荐