#### **數據庫建立完成后，我們就可以制作登陸頁面index.html，由于頁面中應用了easyui的文本域樣式，所以還要添加引入以下幾個文件：**  #### **分別是easyui的三個樣式表，jquery、easyui和easyui中文支持的三個JS文件，引入的地址我使用的本地網站根目錄下的public目錄，為了表達清楚，直接使用了目錄地址，大家也可以根據情況在cofig里面直接建立模板替換。**  #### **具體樣式如上圖，其實主要內容就是三個文本域的輸入框，一個登陸按鈕，一個驗證碼，代碼如如下：**  #### **在這里，為了界面統一，三個文本域我都使用的easyui-textbox樣式并且添加了圖標，prompt是默認提示文字，而登陸按鈕使用的是A鏈接簡歷，增加onclick點擊事件（便于JS驗證）。**  #### **thinkphp給我們提供了更加便捷的功能，設立一個img，鏈接就是{:captcha_src()}，增加一個onclick事件，用于更換驗證碼，也就是點擊驗證碼圖片更換，這就是我們需要的驗證碼了，關于驗證碼設置稍后也會提及。** #### **顯示的內容就是這樣了，接下來看一下提交事件。**  #### **在這里只做了簡單的驗證，你可以根據自己的情況豐富一下。如果三個文本域沒有錄入內容就提示，否則就提交表單，$("#dlform")就是上面的表單ID。** #### 關于驗證碼，在5.0.2的完整版中已經包含了，如果不會composer安裝可以拷貝到extend目錄，在APP目錄下的config文件中加入開發手冊中提及的配置就可以了，你可以在驗證碼字符集合中修改你想保留的字符，比如只要數字只要小寫字母等等，其他的一些配置可以看一下驗證碼的文檔，可以改變顏色等內容，比如 'useZh' => false,中文驗證碼的顯示等。