3没有样式重置_【20201119】做个用户管理系统（3）——登录页面模板的制作

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=