登陆界面的前台与后台

最新推荐文章于 2023-06-16 22:15:00 发布

当简单遇见繁琐

最新推荐文章于 2023-06-16 22:15:00 发布

阅读量2.6k

点赞数 2

分类专栏： java 文章标签：登陆前台后台

本文链接：https://blog.csdn.net/SS__FF/article/details/78005962

版权

JSP页面

1.form表单提交到通过name 传递input数据

2.servlet request去get 这个name

3.servlet 得到数据后将多个表单数据set到对象中，调用对象定义方连接数据库去实现数据的核对操纵判断是否密码用户正确

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SOFTEEM博客管理系统</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/login.css">
<link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
<link rel="shortcut icon" href="images/icon/favicon.ico">
<script src="js/jquery-2.1.4.min.js"></script>
</head>

<body class="user-select">

<div class="container">
  <div class="siteIcon"><img src="images/icon/icon.png" alt="" data-toggle="tooltip" data-placement="top" title="欢迎使用SOFTEEM博客管理系统" draggable="false" /></div>
  <form action="login?flag=loginpass" method="post" autocomplete="off" class="form-signin">
    <h2 class="form-signin-heading">管理员登录</h2>
     <div style="color:#f00; font-size:22px; align="center"">${error}<div>
    <label for="userName" class="sr-only">用户名</label>
    <input type="text" id="userName" name="username" class="form-control" placeholder="请输入用户名" required autofocus autocomplete="off" maxlength="10">
    <label for="userPwd" class="sr-only">密码</label>
    <input type="password" id="userPwd" name="userpwd" class="form-control" placeholder="请输入密码" required autocomplete="off" maxlength="18">
    <a href="main.jsp"><button class="btn btn-lg btn-primary btn-block" type="submit" id="signinSubmit">登录</button></a>
  </form>
  <div class="footer">
    <p><a href="index.jsp" data-toggle="tooltip" data-placement="left" title="不知道自己在哪?">回到后台 →</a></p>
  </div>
</div>
<script src="js/bootstrap.min.js"></script> 
<script>
$('[data-toggle="tooltip"]').tooltip();
window.oncontextmenu = function(){
	//return false;
};
$('.siteIcon img').click(function(){
	window.location.reload();
});
$('#signinSubmit').click(function(){
	if($('#userName').val() === ''){
		$(this).text('用户名不能为空');
	}else if($('#userPwd').val() === ''){
		$(this).text('密码不能为空');
	}else{
		$(this).text('请稍后...');

最低0.47元/天解锁文章

当简单遇见繁琐

关注

2
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
登陆界面的前台与后台

JSP页面1.form表单提交到通过name 传递input数据2.servlet request去get 这个name3.servlet 得到数据后将多个表单数据set到对象中，调用对象定义方连接数据库去实现数据的核对操纵判断是否密码用户正确<%@ page language="java" contentType="text/html; charset=UTF-8" p
复制链接

扫一扫

专栏目录