#### **数据库建立完成后，我们就可以制作登陆页面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,中文验证码的显示等。