ThThinkphp5学习006-项目案例-登录页面的模板设计

.继续向大神学习……资料来源于网络

Thinkphp5学习006-项目案例-登录页面的模板设计

主要涉及的知识点：

1.使用bootstrap框架搭建页面（不再讲解）

2.使用bootstrap表单验证（不再讲解）

3.使用font awesome矢量图标库

4.使用tp5模板中的包含文件指令include

5.使用tp5中的验证码

一.下载矢量图标

http://www.fontawesome.com.cn/examples/

放置在此

二.在public中新建head.html文件

引入bootstap

方便以后调用不用重复写代码

三.view中index.html

1.在head区，有一行指令：<{includefile="head"}>

这是tp5中，在模板中可以包含另一个模板文件

在这里，该 模板中包含了head.html模板文件，相当于把head.html所有代码复制了本模板

2.在上面的代码中出现了以下这些代码：

<i class="fa fa-userfa-lg"></i>

<i class="fa fa-lockfa-lg"></i>

<i class="fa fa-infofa-lg"></i>

我们使用了 font awesome矢量图标

四.测试界面

http://localhost/tp52/public/index.php/index/index/index.html

界面设计好了，准备写控制器代码