.继续向大神学习……资料来源于网络
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
界面设计好了,准备写控制器代码