后台登陆页面及对layui的总结和认识

Original 2018-12-24 21:48:00 218
abstract:<!DOCTYPE html> <html> <head>          <meta charset="utf-8">         &
<!DOCTYPE html>
<html>
<head>
         <meta charset="utf-8">
         <title>后台登陆</title>
         <link rel="stylesheet" type="text/css" href="static/layui/css/layui.css">
         <script type="text/javascript" src="static/layui/layui.js"></script>
</head>
<body style="background:blue;">
         <div style="width: 500px;margin: 220px auto 0px;">
                  <div style="background: #fff;border-radius: 5px;padding: 20px;box-shadow: 5px 5px 20px #aaa;">
                          <form>
                                   <div style="color:gray;">
                                            <h2>后台管理系统</h2>
                                   </div>
                                   <hr>
                                   <div>
                                       <label>用户名</label>
                                       <div>
                                             <input type="text" placeholder="请输入用户名">
                                       </div>
                                </div>
                                <div>
                                       <label>密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
                                       <div>
                                             <input type="text" placeholder="请输入密码">
                                       </div>
                                </div>
                                <div>
                                       <label>验证码</label>
                                       <div>
                                             <input type="text">
                                       </div>
                                            <img src="static/images/yz.png" >
                                   </div>
                                   <div>
                                       <div>
                                         <button>立即提交</button>
                                       </div>
                                   </div>
                          </form>
                  </div>
         </div>
</body>
</html>

Layui的总结和认识

Layui做为前端框架,用起来方便省时,是前端开发的福音,当我上完这节课时,这么神奇的操作,极大的激发了我学习的兴趣。使我对前端开发有了新的认识,

后台1.png


Correcting teacher:韦小宝Correction time:2018-12-25 09:24:44
Teacher's summary:layui还有很多强大的功能和组件呢!课后没事可以多看看哦!

Release Notes

Popular Entries