美文网首页
为学习Ajax做的准备

为学习Ajax做的准备

作者: Traxex | 来源:发表于2016-07-15 23:00 被阅读0次

    HTTP服务的搭建

    AMP


    知道了AMP是三个部分组成的

    Apache:世界排名第一的服务器软件,特点是简单,速度快,性能稳定


    MySQL:得益于它体积小,速度快,使用成本低。


    PHP:对于前端的学习,PHP也要稍作了解。


    AMP是三个独立的软件,但是对于初学者而言分别安装以及配置,需要掌握一定的知识,所以使用AMP集成环境帮我们简化安装,可以更易学习Ajax。

    分为W(Window)AMP和L(Linux)AMP,这里我选用WAMP作为学习的环境,所以下面给像我这样的小白分享一下装AMP需要注意到的细节。

    WAMP 安装,配置,注意点


    1.双击这个安装包wampserver.exe,找一下网上可以在下的资源很多。

    2.选择安装路径,这里尽量都用非中文路径可以选择一个盘的根目录直接安装。

    我这边选择D盘来安装之后可以依照你们选择的不同来对应配置

    3.点击Install开始安装,安装完毕点击finish 即可启动wamp

    4.启动完成能够在任务栏的右下角看到这个图标即表示安装成功

    5.安装成功后,打开浏览器输入127.0.0.1如果能看到一个WAMP的界面就说明没问题了

    WAMP橙色图表解决方案

    1.检查是否开启了服务:保证Apache,MySQL的服务都是启动状态即可


    左键图表,找到Apache底下的Service然后选择Star/Resume service就行了,如果真的不行可以关了再开一般都没问题。

    2.检查是否开启了微软自带的IIS服务:首先打开控制面板,然后找到程序和功能,启用或关闭Windows功能,保证里面的Internet Information Services没有被勾选即可


    3.为了使同一局域网的其他计算机也可以访问你还需要将防火墙关闭.

    修改httpd.conf文件因为Apache的配置默认不允许外部访问,我们需要修改配置 找到D:\wamp\bin\apache\Apache2.2.21\conf文件 使用文本编辑工具打开,通过搜索功能找到onlineoffline tag - don't remove这句话

    将大概在234行附近的

    Allow from 127.0.0.1

    替换为

    Allow from all

    弄完之后保存,然后左键图标Star All Services重启WAMP的所有服务。


    4.局域网内访问:使用一台相同局域网内的拥有浏览器的设备即可通过刚刚获取的IP地址进行访问

    常见的通局域网计算机:

    连接同一个wifi的计算机(手机也可以测试)

    连接同一个交换机的计算机

    同教室的电脑

    同公司的电脑


    配置网站根目录

    (注:这里使用的路径为上述安装时的路径,如果没有安装在D盘,那么需要找到对应的路径)

    找到WAMP的安装目录   D:\wamp

    找到Apache的配置文件  D:\wamp\bin\apache\Apache2.2.21\conf

    修改http.conf文件使用文本编辑工具打开httpd.conf文件,搜索documentRoot如果是初次安装,应该分别在178行,205行 修改完毕以后记得保存ctrl+s

    然后重启WAMP所有服务


    尝试访问:在对应的E盘底下创建一个名为www的文件夹,并在文件夹里放入文件,通过127.0.0.1进行访问可以得到 下图的结果


    配置虚拟主机

    开启虚拟主机辅配置:

    打开D:\wamp\bin\apache\Apache2.2.21\conf

    找到httpd.conf文件,并用文本编辑工具打开它

    通过搜索找到Include conf/extra/httpd-vhosts.conf

    将文本最前方的#删除即可

    修改完毕保存


    配置虚拟主机:

    打开D:\wamp\bin\apache\Apache2.2.21\conf\extra

    找到httpd-vhosts.conf文件,使用文本编辑工具打开

    拷贝一份VirtualHost标签中的内容,并修改

    DocumentRoot:"e:/www/example"

    ServerName example.com

    ServerAlias "www.example.com"

    原本存在的东西不用动,直接复制一份修改上面三行的内容就行

    修改完毕保存


    修改DNS(hosts)文件

    打开C:\Windows\System32\drivers\etc目录

    找到hosts文件,将其拷贝到左面

    桌面的hosts文件,使用文本工具打开

    在末尾添加如下内容

    127.0.0.1        example.com

    127.0.0.1        www.example.com

    修改完毕保存

    将文件拷贝回C:\Windows\System32\drivers\etc目录

    替换目标文件,如果弹出权限对话框,选择继续


    重启WAMP尝试访问

    重启wamp

    打开浏览器输入www.example.com即可访问

    如果弹出的是下图

    修改httpd-vhosts.conf文件

    打开D:\wamp\bin\apache\Apache2.2.21\conf\extra文件夹

    使用文本编辑工具打开httpd-vhosts.conf文件

    在之前配置的VirtualHost标签中,加入如下内容

    Options Indexes FollowSymLinks

    AllowOverride All

    Order allow,deny

    Allow from all

    重启wamp,即可访问。


    学习Ajax的前期准备就到这里,这些网上教程也很多,我照着自己的坑只有这些问题了,更深入的暂时是个小白也不懂。

    相关文章

      网友评论

          本文标题:为学习Ajax做的准备

          本文链接:https://www.haomeiwen.com/subject/nanyjttx.html