第一节 AJAX并不是一门新技术,而是多种技术的结合体
JavaScript xml(json)
ajax
- AJAX 不是新的编程语言,而是一种使用已有标准的新概念
- 2005年由美国人Jesse James Garrett推广,并取名。
神奇的是,这哥们并不是搞程序的,而是搞设计的,是交互设计大师、用户体验大师。甚至是个优秀建筑设计师。 - 在 2005 年,Google 通过其 Google Suggest 使 AJAX 变得流行起来。
- 在今天,很少有哪个网站不使用Ajax技术
- Ajax技术对智能手机支持非常好。
Ajax中字母x表示XML,实际上XML已经过时,现在的公司,几乎全都在使用JSON代替XML。
所以理论上讲,应该称呼为Ajaj,不过,呃,这个词儿,长得好难看。
2、AJAX 是一个什么东西
在不刷新页面的情况下,
浏览器悄悄地、异步地向服务器发出HTTP请求。
服务器收到请求后,传回新的格式化数据回来(通常是JSON)。
浏览器解析JSON,通过DOM将新数据呈递显示,页面仅局部刷新。
第二节 服务器与客户端服务器和客户端说白了,都是电脑
- 服务器:能够提供某种服务的机器(计算机)
- 客户端:具有向服务器索取服务能力的终端
- 服务器类型:
a、按服务类型可分为:文件服务器、数据库服务器、邮件服务器、Web 服务器等;
b、按操作系统可分为:Linux服务器、Windows服务器等
c、按应用软件可分为 Apache 服务器、Nginx 服务器、IIS服务器、Tomcat服务器、Node服务器等 服务器软件
定义:使计算机具备提供某种服务能力的应用软件,称为服务器软件,
通过安装相应的服务软件,然后进行配置后就可以使计算具备了提供某种服务的能力。
常见的服务器软件:
a、文件服务器:Server-U、FileZilla、VsFTP、FTP等
b、数据库服务器:Oracle、MySQL、SQL、PostgreSQL、MSSQL
c、邮件服务器:Postfix、Sendmail
d、HTTP 服务器:Apache、Nginx、IIS、Tomcat、NodeJS
第三节 基础知识铺垫-网络相关概念什么是IP地址,如何查看IP
所谓IP地址就是给每个连接在互联网上的主机分配的一个32位地址。
查看本机的IP: ipconfig 或者ipconfig -all
查看域名的IP: ping
172.168.156.145:3306- 域名
由于IP地址是基于数字,不方便记忆,于是便用域名来代替IP地址,
说百了,域名就是方便IP的的别名,替代品 - DNS以及查找的规则
记录了 IP 地址和域名的映射(对应)关系。
查找优先级 本机hosts文件、DNS服务器 - 端口
端口是计算机与外界通讯交流的出口,每个端口对应不同的服务。
说白了就是服务所对应的出口。 一个域名可以对应多个IP — 负载均衡
但是一个IP也可以对应域名 — 虚拟主机
第四节 通协议信常见的通信协议
a、HTTP、HTTPS 超文本传输协议 —- 默认http是80端口, https是443端口
b、FTP 文件传输协议 —- 默认是 21 端口
c、SMTP 简单邮件传输协议 —- 默认是 25 端口- HTTP协议
即超文本传输协议,网站是基于HTTP协议的。
HTTP协议是由从客户机到服务器的请求(Request)和从服务器到客户机的响应(Response)进行了约束和规范。
即HTTP协议主要由请求和响应构成。 - HTTPS协议
以安全为目标的HTTP通道,简单讲是HTTP的安全版。
即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。
SSL即安全套接层,是为网络通信提供安全及数据完整性的一种安全协议。
详细了解:百度百科(https://baike.baidu.com/) - C/S 和 B/S — 网络结构模式
C/S — 客户机和服务器模式 — 例如QQ、迅雷
B/S — 浏览器和服务器模式 — 例如OA、网页版QQ、网页版263邮箱
但要注意:
B/S是基于特定通信协议(HTTP)的C/S架构,也就是说B/S包含在C/S中,是特殊的C/S架构。
B/S属于C/S,浏览器只是特殊的客户端,本质上开发浏览器,还是实现一个C/S系统。
详细了解:百度百科(https://baike.baidu.com/)
第五节 服务器环境wamp安装
如果wamp没有安装成功的,按照如下方式安装PHPStudy
wamp
第六节 配置访问权限与网站根路径
配置访问权限
1. 安装位置 – C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf
2. 搜索Deny(268行) ,将 Deny 改成 Allow
配置网站根路径
1. 240行和241行,改成自己根目录的位置
第七节 基础知识铺垫-虚拟主机配置
- 安装位置 – C:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf
- 搜索hosts(499行),去掉下一行(500行)的 “ # ”
- C:\wamp\bin\apache\Apache2.4.4\conf\extra\httpd-vhosts.conf
- 配置网站根目录
更改hosts,映射到本地
第八节 静态网站全部由HTML(标准通用标记语言的子集)代码格式页面组成的网站,所有的内容包含在网页文件中。
一般文件名均以htm、html、shtml等为后缀。- 优点:
a、静态网页的内容相对稳定,因此容易被搜索引擎检索 缺点:
a、没有数据库的支持,在网站制作和维护方面工作量较大
b、静态网页的交互性较差,在功能方面有较大的限制 。
第九节 动态网站动态网站并不是指具有动画功能的网站,而是指网站内容可根据不同情况动态变更的网站,
一般情况下动态网站通过数据库进行架构。
一般动态网站体现在网页一般是以asp,jsp,php,aspx等结尾。- 优点:
a、动态网页以数据库技术为基础,可以大大降低网站维护的工作量。
b、交互能力强,网页会根据用户的要求和选择而动态改变和响应。
c、维护方便,即无需手动操作,便会自动生成新的页面 缺点
a、动态网页中的“?”对搜索引擎检索存在一定的问题,
因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求
第十节 php基础语法 —- 初识phpPHP 文件的默认文件扩展名是 “.php”。
- 所有的PHP相关的代码都要写在