第三天·登录界面

 

(一)准备

  1. 一张通用的用户头像,user.png
  2. 一份通用样式表,style.css
  3. 一个登录页面,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>

 

(三)总结

登录、权限管理和角色管理,几乎是所有系统都绕不开的功能。于是,花了点时间把这几个功能加上去。

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值