简单的登录界面

最新推荐文章于 2019-01-17 15:42:20 发布

Leo_perfect

最新推荐文章于 2019-01-17 15:42:20 发布

阅读量517

点赞数 1

分类专栏： java

本文链接：https://blog.csdn.net/Leo_perfect/article/details/51799302

版权

java 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

登录界面的效果如图：

附代码：

<%@page contentType="text/html; charset=UTF-8" language="java"%>
<%@ page isELIgnored="false" %>
<%
  String contextPath = request.getContextPath();
%>
<html>
<head>
   <link rel="stylesheet" href="<%=contextPath%>/plugins/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="<%=contextPath%>/css/common.css">
<script type="text/javascript" src="<%=contextPath%>/plugins/jquery/dist/jquery.min.js"/>
<script type="text/javascript" src="<%=contextPath%>/plugins/bootstrap/dist/js/bootstrap.min.js"></script>

    <%--<%@include file="style.jsp"%>--%>
    <script type="text/javascript">
        function get_time(){
            var date = new Date();
            var year="",month="",day="",week="",hour="",minute="",second="",val;
            year=date.getFullYear();
            month=add_zero(date.getMonth()+1);
            day=add_zero(date.getDate());
            switch (date.getDay()) {
                case 0:val="星期天";break
                case 1:val="星期一";break
                case 2:val="星期二";break
                case 3:val="星期三";break
                case 4:val="星期四";break
                case 5:val="星期五";break
                case 6:val="星期六";break
            }
            hour=add_zero(date.getHours());
            minute=add_zero(date.getMinutes());
            second=add_zero(date.getSeconds());
            $("#timetable").text(" "+year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second+" "+val);
        }

        function add_zero(temp)
        {
            if(temp<10) return "0"+temp;
            else return temp;
        }
        setInterval("get_time()",1000);

    </script>
</head>
<body>

<div class="login_container">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h4 style="text-align: center">登录</h4>
        </div>
        <div class="panel-body" style="text-align: center">
            <form style="text-align: center" method="post" action="<%=request.getContextPath()%>/authority?action=login">
                <div class="form-group login-input">
                    <input type="text" class="form-control" placeholder="账号" name="username">
                </div>
                <div class="form-group login-input">
                    <input type="password" class="form-control" placeholder="密码" name="password">
                </div>
                <%--<div class="form-group" style="visibility: hidden">
                    <input type="text" name="gotoUrl" value=${requestScope.gotoUrl}>
                </div>--%>
                <div class="form-group" style="visibility: hidden">
                    <input type="text" name="gotoUrl" value="${param.gotoUrl}">
                </div>
                <div class="form-group login-input">
                    <button type="submit" class="btn btn-primary" style="width: 200px;">登录</button>
                </div>
            </form>
        </div>
        <div class="panel-footer">
            <div>Copyright © <span id="timetable"></span>  DataYes. All rights reserved.</div>
        </div>
    </div>
</div>

</body>
</html>

Leo_perfect

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单的登录界面

登录界面的效果如图：附代码：<% String contextPath = request.getContextPath();%> /plugins/bootstrap/dist/css/bootstrap.min.css">/css/common.css">/plugins/jquery/dist/jquery.min.js"/>/plugins/boots
复制链接

扫一扫