(一)准备
- 一张通用的用户头像,user.png
- 一份通用样式表,style.css
- 一个登录页面,login.html
(二)开发
1、登录界面代码
<body>
<link href="css/style.css" rel="stylesheet" type="text/css">
<div class="main">
<div class="login-form">
<h1>后台登录</h1>
<div class="head"><img src="images/user.png" alt=""></div>
<form action="index.jsp">
<input type="text" placeholder="用户名">
<input type="password" placeholder="密码">
<div class="submit"><input type="submit" value="登录"></div>
</form>
</div>
</div>
</body>
(三)总结
登录、权限管理和角色管理,几乎是所有系统都绕不开的功能。于是,花了点时间把这几个功能加上去。