ajax基础铺垫与apache配置
前端相关的技术点:
html(html5) 主要用来实现页面的排版布局
css(css3) 主要用来实现页面的样式美化
JavaScript(jQuery) 主要用来实现前端功能特效
开发的页面和前端特效脚本需要放到服务器才能够对外提供服务,才能够让互联网上的网友看到。
网络相关概念:
IP地址(唯一的确定互联网上的一台计算机)
域名 IP地址的别名,方便记忆
DNS 用于维护IP地址与域名的关系
端口 用来确定计算机上的网络应用程序
通信协议理解:
通信双方约定的规则
http/https 超文本传输协议
ftp 文件传输协议
smpt/pop3 邮件收发协议
搭建服务器环境:
wamp集成环境介绍
- windows 操作系统
- Apache 提供静态资源服务(html页面、js文件、css文件、图片。。。)
- MySQL 数据库
- php 编程语言,可以用来开发网站
可以通过浏览器访问服务器上的静态文件:打开控制台,Network,下面左面的name,右面的Respond
是服务器返回的内容
客户端与服务器:
本质上都是计算机,只不过样子不同,配置不同,应用场景不同(安装的应用软件不同)
客户端主要用于普通上网用户
服务器主要给上网用户提供后台服务
ajax(异步js与xml)
载入部分页面
计算机:应用软件 操作系统(系统软件) 硬件
客户端:操作系统一般为Windows/mac/linus
服务器:操作系统一般为linus/unix/winserver,应用软件一般是为客户端服务的,如apache
配置wamp,apache:
java -verbose 可以找到jdk的安装路径!
E:\wamp\wamp\www(自己下载的路径)下可以写网页,用 localhost/文件名 可以打开
其他人都可以访问:配置httpd.conf文件里的 访问权限: deny from all改成Allow from all
documentroot后面的地址是默认地址,可以改成自己新创建的。改紧邻的两行。
- 修改根路径为如下形式:(如果要配置虚拟主机,这里配置成根路径;如果不配置根路径,可以配置成D:\ajax;现在配置的是虚拟主机形式;两个位置应该保持一致)
查看本机ip,ipconfig /all找到IP4地址 我的是192.168.1.104,把localhost替换掉
别人就可以看到自己写的了
## 配置虚拟主机
配置虚拟主机可以配置多个网站(域名和网站目录对应),配置步骤如下
支持多个站点,httpd.conf文件里的 ,开启虚拟主机辅配置virtual hosts把下面一行的#去掉。
配置虚拟主机 再wamp/bin/apache/apache2.4/conf/extra/httpd-vhosts.conf
若新增一个:新建一个<virtalhost>里面的内容是以下三项,其它项无需指定。
DocumentRoot "E:/www/example"
ServerName "example.com "
ServerAlias "www.example.com"
-修改DNS(hosts)文件(C:\Windows\System32\drivers\etc\hosts),
增加
127.0.0.1 localhost
127.0.0.1 example.com
127.0.0.1 www.example.com
重启apache
访问http://www.example.com或者http://example.com