1,自学PHP,编写一个简单的后台登录管理系统;
2,代码中少部分借用网上开源代码,如有不规范的地方请指正,如有更好的方法,多谢分享;
3,享受编程的乐趣并得到知识的提高,是我最大的开心所在;
4,工具,服务器:phpstudy,编辑工具:HBuilder;
login.html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="login.css" rel="stylesheet" type="text/css" />
</head>
<body style="background: #5F9EA0;">
<div style="position: absolute; left: 50%; top: 50%; width: 400px; margin-left: -250px; margin-top: -200px;">
<div style="background: #FFFFFF; padding: 20px; border-radius: 4px; box-shadow: 5px 5px 20px #444444;">
<form style="color: gray;">
<div style="text-align:center;"><h2>XXX后台管理系统</h2></div>
<hr>
<div style="text-align:center;">
用户名:<input style="vertical-align:middle;" type="text" name="fname" /><br />
密 码:<input style="vertical-align:middle;" type="password" name="lname" /><br />
<input style="height: 30px;text-align:center;width: 20%;" type="submit" value="点击登录" />
</div>
</form>
</div>
</div>
</body>
<div class="zt">XX科技有限公司 版权所有©2016-2018 公司邮箱:@xxxxxxxxxx.qq.com</div>
</html>
login.css代码
@charset "utf-8";
input{width: 60%;margin-top:5px;}
body{font-size:14px;}
.zt{display:block;width:100%;float:left;text-align:center;margin-top:690px;font-weight:bold;}
实际运行效果