- Web全棧開發:從入門到實戰
- 董雪燕編著
- 372字
- 2021-09-30 19:57:05
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的配置部分)