下面我們講解登錄功能。

首先為了方便我們開(kāi)發(fā)，我們?cè)诟夸洠╳ww目錄）下建立一個(gè)項(xiàng)目文件夾，叫joke。

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

最后在admin文件夾下創(chuàng)建這幾個(gè)文件夾：css,js,images，分別將模板中的css文件，js文件，images圖片放到相應(yīng)的文件夾下，用來(lái)引用指我們的項(xiàng)目中：

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

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

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