简单的登录界面
2016-07-01 10:35
295 查看
登录界面的效果如图：
附代码：<%@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>
附代码：<%@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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [Unity实战]攻击范围的绘制
- Java并发原理无废话指南
- 11款数据分析工具（附体验网址）
- JQUERY中find方法
- java中Runnable接口含义
- visualvm
- 11款数据分析工具（附体验网址）
- js里面添加onclick传递参数符号问题
- js实现倒计时
- 基于地产的消费生态群构想
- 基于地产的消费生态群构想
- vba 更新折线图上显示内容
- Android屏幕知识点
- 关于spring和Xfire的整合
- 深入解析Java注释
- C warning: function declaration isn’t a prototype
- Xunsearch体验Demo
- Android Bundle详解
- 上架AppStore 遇到的问题总结
- [Unity实战]一个简单的任务系统(一)