下面我們來(lái)講解登入功能。

首先為了方便我們開(kāi)發(fā)，我們?cè)诟夸洠╳ww目錄）下建立一個(gè)專案資料夾，叫joke。

接著在joke下方建立兩個(gè)資料夾，一個(gè)叫admin後臺(tái)資料夾，另一個(gè)叫home前臺(tái)資料夾（當(dāng)然，你也可以使用別的名稱，只要自己明白就行，但是起的名字盡量要跟功能相近，就想變數(shù)名一樣）。因?yàn)槭俏覀儸F(xiàn)在開(kāi)發(fā)的是後臺(tái)功能，所以我們把下載的模板放到admin資料夾下。

最後在admin資料夾下建立這幾個(gè)資料夾：css,js,images，分別將範(fàn)本中的css文件，js文件，images圖片放到對(duì)應(yīng)的資料夾下，用來(lái)引用指在我們的專案中：

這些工作做好之後打開(kāi)我們的登入頁(yè)面的HTML文件，找到相應(yīng)的引用，檢查引用路徑，將我們的HTML頁(yè)面可以在網(wǎng)頁(yè)上完整的顯示出來(lái)。

如上圖所示，更改引用路徑，包括js,css,images的路徑都要正確引用（可以使用批次替換），直到能像下圖一樣展示在瀏覽器上。

到現(xiàn)在我們的登入前端頁(yè)面就做好了，接下來(lái)就是來(lái)做登入功能了。