1. 介绍
1.1 介绍
前面我们以及学会了Bootstrap框架和jQuery库的基本使用方法,并且已经把这两个软件包整合到了我们的TFPHP框架里面,接下来我们就可以使用它们去制作用户管理系统的视图模板了。
用户管理系统包含几个主页模板:
1)用户信息表
2)用户登录页面
3)用户注册页面
4)个人资料修改
5)登录密码重置
6)用户头像上传
7)安全问题设置
8)绑定邮箱设置
9)忘记密码页面
页面比较多,我们一点点地设计。万事开头难,福哥今天下带着大家完成先完成第一个表单页面——用户登录页面。
2. 用户登录页面
2.1 HTML
登录页面的html部分包括一个页头和一个表单。
<div class="wrapper"> <div class="wrapper-header"> <div class="row topbar"> <div class="navbar navbar-text"> TFUMS v1.0 - TONGFU.net div> <ul class="nav ml-md-auto"> <li class=