Web全栈开发:从入门到实战
上QQ阅读APP看书,第一时间看更新

2.4 第一个Web应用——hello,world

学习程序开发的第一个内容,一定是输出“hello,world”,仿佛这就是一个开发仪式本章也不例外,搭建我们的第一个Web应用,请按照如下提示一步一步来操作。

(1)找到Xampp安装目录下的htdocs,就是Web应用中所有文件的根目录(root),(比如C:\xampp\htdocs),新建一个文件夹test,并在其中依次新建css文件夹(存放css文件)、js文件夹(存放js文件)、data文件夹(存放php文件)、imgs文件夹(存放图片文件),这一步相当于搭建好站点。

(2)HTML文件一般是放在应用项目的根目录下。因此,在test中,打开Notepad++,新建一个test.html,并输入如图2.9所示的代码(此时不用着急看懂这些代码的含义)。

图2.9

(3)在Chrome浏览器的地址栏输入http://localhost/test/test.html,看看有没有“hello,world”。有的话,恭喜你,你的第一个Web应用搭建完成。

思考片刻

考验一下你的记忆力,localhost好像可以替换成一个IP地址,它是什么?

(提示:忘记的话,请翻到前面关于Xampp的配置部分)