登陆界面的前台与后台

最新推荐文章于 2025-02-28 10:13:58 发布
最新推荐文章于 2025-02-28 10:13:58 发布
阅读量2.8k 收藏 9
点赞数 2
分类专栏： java 文章标签： 登陆前台后台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：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('请稍后...');
	}
});
</script>
</body>
</html>

Servlet 做逻辑判断是否密码用户正确

1.将数据存在对象中

2.调用对象方法判断

3.成功则重定向到新的页面

4.失败返回此页面

package com.softeem.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.softeem.dao.imp.BlogDAOImp;
import com.softeem.dao.imp.LoginInfoDAOImp;
import com.softeem.dto.Blog;
import com.softeem.dto.LoginInfo;
import com.softeem.utils.TypeTools;

@WebServlet("/login")
public class LoginAdminServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	/**
	 * @see HttpServlet#HttpServlet()
	 */
	public LoginAdminServlet() {
		super();
		// TODO Auto-generated constructor stub
	}

	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		doPost(request, response);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		String flag = request.getParameter("flag");
		switch (flag) {
		case "loginpass":
			CommentLoginpass(request, response);
			break;
		case "updatepassword":
			CommentUpdatePassword(request, response);
			break;

		}
	}

	private void CommentUpdatePassword(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String userid = request.getParameter("userid");
		int blogid = TypeTools.getInt(userid);
		String oldpassword = request.getParameter("old_password");
		String newpassword = request.getParameter("new_password");
		String nextpassword = request.getParameter("newtwo_password");

		Blog bg = new Blog();
		bg.setBlogid(blogid);
		bg.setPassword(nextpassword);

		BlogDAOImp bgp = new BlogDAOImp();
		if (newpassword.equals(nextpassword)) {
			if (newpassword.equals(oldpassword)) {
				if (bgp.update(bg)) {
					request.setAttribute("success", "修改成功，重新登陆");
					response.sendRedirect("login.jsp");
				} else {
					request.setAttribute("error", "网络问题");
					request.getRequestDispatcher("index.jsp").forward(request, response);
				}
			} else {

				request.setAttribute("error", "与源密码一样了！");
				request.getRequestDispatcher("index.jsp").forward(request, response);
			}

		} else {
			request.setAttribute("error", "两次密码不一致");
			request.getRequestDispatcher("index.jsp").forward(request, response);
		}
	}

	private void CommentLoginpass(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		System.out.println("登陆！");
		String username = request.getParameter("username");
		String password = request.getParameter("userpwd");

		Blog bg = new Blog();
		bg.setUsername(username);
		bg.setPassword(password);

		BlogDAOImp bgp = new BlogDAOImp();
		bg = bgp.queryone(bg);

		String lgip = "";
		if (request.getHeader("x-forwarded-for") == null) {
			lgip = request.getRemoteAddr();
		} else {
			lgip = request.getHeader("x-forwarded-for");

		}

		String flag = "";
		if (bg.getPassword().equals(password)) {
			flag = "成功";
		} else {
			flag = "失败";
		}
		LoginInfo lg = new LoginInfo();
		lg.setLogininfoip(lgip);
		lg.setBlog(bg);
		lg.setLogininfoflag(flag);

		LoginInfoDAOImp lgp = new LoginInfoDAOImp();

		if (lg != null) {
			if (lgp.save(lg)) {
				request.setAttribute("success", "数据存在成功");
				request.getSession().setAttribute("logininfo", lg);
				// System.out.println(bg.getUsername()+"-----"+bg.getPassword());
				// response.sendRedirect("index.jsp");
			} else {
				// 密码错误
				request.setAttribute("error", "数据错误");
				// request.getRequestDispatcher("login.jsp").forward(request,
				// response);
			}

			// MD5 md5=new MD5();
			// password=md5.getMD5ofStr(password);

			if (bg != null) {
				if (bg.getPassword().equals(password)) {
					request.setAttribute("success", "密码错误");
					request.getSession().setAttribute("blog", bg);
					// System.out.println(bg.getUsername()+"-----"+bg.getPassword());
					response.sendRedirect("index.jsp");
				} else {
					// 密码错误
					request.setAttribute("error", "密码错误");
					request.getRequestDispatcher("login.jsp").forward(request, response);
				}
			} else {
				request.setAttribute("error", "账户错误");
				request.getRequestDispatcher("login.jsp").forward(request, response);
			}

		}

	}

}


对象方法

package com.softeem.dto;

import java.util.Date;

public class Blog {
	private int blogid; // 用户编号
	private String username; // 用户名
	private String password; // 用户密码
	private String nickname; // 博客昵称
	private String description; // 博客描述
	private String email; // 电子邮件
	private Date registerTime; // 注册日期
	private int artileNum; // 发表的日志数

	public Blog() {
	}

	public Blog(int blogid, String username, String password, String nickname,
			String description, String email, Date registerTime, int artileNum) {
		super();
		this.blogid = blogid;
		this.username = username;
		this.password = password;
		this.nickname = nickname;
		this.description = description;
		this.email = email;
		this.registerTime = registerTime;
		this.artileNum = artileNum;
	}

	public int getBlogid() {
		return blogid;
	}

	public void setBlogid(int blogid) {
		this.blogid = blogid;
	}

	public String getUsername() {
		return username;
	}

	public void setUsername(String username) {
		this.username = username;
	}

	public String getPassword() {
		return password;
	}

	public void setPassword(String password) {
		this.password = password;
	}

	public String getNickname() {
		return nickname;
	}

	public void setNickname(String nickname) {
		this.nickname = nickname;
	}

	public String getDescription() {
		return description;
	}

	public void setDescription(String description) {
		this.description = description;
	}

	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}

	public Date getRegisterTime() {
		return registerTime;
	}

	public void setRegisterTime(Date registerTime) {
		this.registerTime = registerTime;
	}

	public int getArtileNum() {
		return artileNum;
	}

	public void setArtileNum(int artileNum) {
		this.artileNum = artileNum;
	}

}


连接数据库 

package com.softeem.db;

import java.io.IOException;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.List;
import java.util.Properties;

import org.apache.tomcat.dbcp.dbcp2.BasicDataSource;



/**
 * DBCP数据库连接工具类
 * 依赖
 * 1.mysql驱动
 * 2.dbcp相关插件
 * 
 *
 */
public class DBUtils {

	//连接数据库基本属性
	private static String driverClass;
	private static String url;
	private static String username;
	private static String password;
	//连接池属性
	private static int initSize=10;
	private static int maxSize=50;
	private static int maxIdle=30;
	private static long maxWait=10000;
	//数据源
	private static BasicDataSource bds;
	
	//初始化数据源配置
	static{
		init();
	}
	
	public static void init(){
		try {
			//创建数据源对象
			bds = new BasicDataSource();
			//加载属性文件，获取属性信息
			Properties props = new Properties();
			props.load(DBUtils.class.getResourceAsStream("jdbc.properties"));
			driverClass = props.getProperty("driver");
			url = props.getProperty("url");
			username = props.getProperty("user");
			password = props.getProperty("password");
			
			initSize = Integer.parseInt(props.getProperty("initSize"));
			maxSize = Integer.parseInt(props.getProperty("maxSize"));
			maxIdle = Integer.parseInt(props.getProperty("maxIdle"));
			maxWait = Long.parseLong(props.getProperty("maxWait"));
			
			//设置驱动类路径
			bds.setDriverClassName(driverClass);
			//设置url
			bds.setUrl(url);
			//设置用户名
			bds.setUsername(username);
			//设置密码
			bds.setPassword(password);
			
			//设置初始连接数
			bds.setInitialSize(initSize);
			//设置最大连接
			bds.setMaxTotal(maxSize);
			//设置最大闲置连接数
			bds.setMaxIdle(maxIdle);
			//等待获取连接的最大时间(MS)
			bds.setMaxWaitMillis(maxWait);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	
	//获取连接
	public static Connection getConn(){
		try {
			if(bds == null || bds.isClosed()){
				init();
			}
			return bds.getConnection();
		} catch (SQLException e) {
			e.printStackTrace();
		}
		return null;
	}
	
	//封装资源回收的方法
	public static void close(ResultSet rs,Statement stat,Connection conn){
	
		try {
			if(rs != null) rs.close();
			if(stat != null) stat.close();
			if(conn != null)conn.close();
		} catch (SQLException e) {
			e.printStackTrace();
		}
	}
	
	/**
	 * 通用增删改
	 * @param conn
	 * @param sql
	 * @param objs
	 * @return
	 */
	public static boolean execUpdate(Connection conn,String sql,Object ...objs){
		try {
			PreparedStatement ps = conn.prepareStatement(sql);
			for (int i = 0; i < objs.length; i++) {
				ps.setObject(i+1, objs[i]);
			}
			int i = ps.executeUpdate();
			return i>0 ? true:false;
		} catch (SQLException e) {
			e.printStackTrace();
		}
		return false;
	}
	
	/**
	 * C++钩子函数    回调函数
	 * 集合查询
	 * @param sql
	 * @param call
	 * @param params
	 * @return
	 */
	public static <T> List<T> queryList(String sql,CallBack<T> call,Object...params){
		Connection conn = DBUtils.getConn();
		PreparedStatement ps = null;
		try {
			ps = conn.prepareStatement(sql);
			for(int i = 0;i<params.length;i++)
			{
				ps.setObject(i+1, params[i]);
			}
			ResultSet rs = ps.executeQuery();
			return call.getDatas(rs);
		} catch (SQLException e) {
			e.printStackTrace();
		} finally{
			try {
				if(conn != null)conn.close();
			} catch (SQLException e) {
				e.printStackTrace();
			}
		}
		return null;
	}
	
	/**
	 * 查询一条记录
	 * @param sql
	 * @param call
	 * @param params
	 * @return
	 */
	public static <T> T queryOne(String sql,CallBack<T> call,Object...params)
	{
		Connection conn = DBUtils.getConn();
		PreparedStatement ps = null;
		try {
			ps = conn.prepareStatement(sql);
			for(int i = 0;i<params.length;i++)
			{
				ps.setObject(i+1, params[i]);
			}
			ResultSet rs = ps.executeQuery();
			return call.getData(rs);
		} catch (SQLException e) {
			e.printStackTrace();
		}finally{
			try {
				if(conn != null)conn.close();
			} catch (SQLException e) {
				e.printStackTrace();
			}
		}
		return null;
	}
	
	//查询返回接口 jdk1.8支持
//	public interface CallBack<T>{
//		default List<T> getDatas(ResultSet rs){
//			return null;
//		}
//		default T getData(ResultSet rs){
//			return null;
//		}
//	}
	
	//jdk1.8以下使用抽象类
	public static abstract class CallBack<T>{
		public List<T> getDatas(ResultSet rs){
			return null;
		}
		public T getData(ResultSet rs){
			return null;
		}
	}

	
	
}

数据库定义文件

####mysql connection info####

driver = com.mysql.jdbc.Driver

url = jdbc:mysql://127.0.0.1:3306/myselfblog

user = root

password = 1234567890

 

####MSSQLServer connection info####

#driver = com.microsoft.sqlserver.jdbc.SQLServerDriver

#url = jdbc:sqlserver://127.0.0.1:1433;databaseName=test

#user = sa

#password = 123456

 

####Oracle connection info####

#driver = com.oracle.driver.OracleDriver

#url = jdbc:oracle:thin:@127.0.0.1:1521:orcl

#user = scott

#password = 123456

 

##pool config###

initSize = 10

maxSize = 50

maxIdle = 30

maxWait = 10000



类的封装 
package com.softeem.dto;

import java.util.Date;

public class Blog {
	private int blogid; // 用户编号
	private String username; // 用户名
	private String password; // 用户密码
	private String nickname; // 博客昵称
	private String description; // 博客描述
	private String email; // 电子邮件
	private Date registerTime; // 注册日期
	private int artileNum; // 发表的日志数

	public Blog() {
	}

	public Blog(int blogid, String username, String password, String nickname,
			String description, String email, Date registerTime, int artileNum) {
		super();
		this.blogid = blogid;
		this.username = username;
		this.password = password;
		this.nickname = nickname;
		this.description = description;
		this.email = email;
		this.registerTime = registerTime;
		this.artileNum = artileNum;
	}

	public int getBlogid() {
		return blogid;
	}

	public void setBlogid(int blogid) {
		this.blogid = blogid;
	}

	public String getUsername() {
		return username;
	}

	public void setUsername(String username) {
		this.username = username;
	}

	public String getPassword() {
		return password;
	}

	public void setPassword(String password) {
		this.password = password;
	}

	public String getNickname() {
		return nickname;
	}

	public void setNickname(String nickname) {
		this.nickname = nickname;
	}

	public String getDescription() {
		return description;
	}

	public void setDescription(String description) {
		this.description = description;
	}

	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}

	public Date getRegisterTime() {
		return registerTime;
	}

	public void setRegisterTime(Date registerTime) {
		this.registerTime = registerTime;
	}

	public int getArtileNum() {
		return artileNum;
	}

	public void setArtileNum(int artileNum) {
		this.artileNum = artileNum;
	}

}



网站前台和后台界面
09-25
注册登录，图片上传和删除，并且使用网站类似于母版页进行设置网站后台和前台
蓝色登录界面 前台后台通用
01-03
"蓝色登录界面 前台后台通用"这个资源提供了一个美观的蓝色主题登录界面模板，适用于网页的前台和后台系统。这个模板采用了DVI+CSS布局技术，使得设计既简洁又高效。 首先，我们要理解HTML（HyperText Markup ...
前端登陆界面
BUG糕手的博客
10-11 2143
CSS+HTML来编写的代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>学生信息登陆系统</title> <style type="text/css"> .thead-div{ height: 60px; background-color: #9ed2ff; padding: 50px; ..
登录页面前后端
最新发布
所有专家都曾始于新手
02-28 844
Login_view.vue是用来写登录界面的，其中scripts部分中的methods用来发送post请求到后端服务器ip监听的8090端口下的后端路由上，axios 是一个基于 Promise 的 HTTP 客户端，用于发送 HTTP 请求。这样自己本机关闭了，还是能够使用前端服务。Flask 是一个 Python 的 Web 框架，而蓝图是 Flask 中用于组织和管理路由的工具，可以将应用拆分为多个模块，便于维护和扩展。数据库的操作就是一层一层的抽象，各个层面完成各自的事情，然后由上层来调用。
华丽的前台登陆页面
yipanbo的专栏
02-07 3260
恒纯果汁机后台管理系统 管理员账号： 密 码： 验证码： 记住密码 登录 ©2014 Leting关于京ICP证030173号
前后端分离项目之登录页面(前后端请求、响应和连接数据库)
weixin_63541561的博客
06-03 3546
目录一、前端登录发起请求二、后端请求接收三、连接数据库四、后端响应五、前端处理六、在前端验证用户是否登录七、web会话跟踪八、请求拦截器和响应拦截器. web会话跟踪：http是无状态的，登录完成后客户端与服务器断开了连接，之后再向后端发送请求，后端就不知道是哪个客户端发送的。
几种简单的登录方式的实现——前端+后端
DevelopmentStack的博客
05-20 6665
登录方式的实现 引言 想了一下之前项目中用到的登录方式，简单的总结一下 1、普通登录 普通登录的实现：根据用户输入的用户名和密码，提交到后台，后台判断用户输入的信息是否在数据库中存在，如果存在就给前端返回数据。 出现的问题：只要数据库存在用户信息，不管任何时候都可以登录，所以存在安全问题，就需要考虑权限控制，安全认证，防止CSRF攻击等问题。 前端代码 $.ajax({ url: '/login', type: 'POST', da
前台登陆HTML网页模板是一款适合做前台会员登陆或者后台管理员登陆模板。.rar
04-28
这款"前台登陆HTML网页模板"专为创建前端会员登录界面或后台管理员登录界面而设计，它提供了基础框架和元素，使得开发者可以快速、高效地搭建自己的登录系统。 首先，我们来详细了解一下HTML网页模板的组成部分及其...
酒店宾馆管理系统 springboot项目 mysql数据库 登陆界面 前端后台 layui
12-24
酒店宾馆管理系统 配置直接使用intellij idea的springboot打开 等待把dependence下载完毕（配置maven 修改下载源） 配置的properties中数据库需要改变不然会报错，填成自己的 ...前台人员：sever1 密码：server1
前台登陆HTML网页模板是一款适合做前台会员登陆或者后台管理员登陆模板 .rar
12-12
2. "前台登陆HTML网页模板是一款适合做前台会员登陆或者后台管理员登陆模板。"：这是HTML模板文件，包含了完整的登录页面代码，可以直接在浏览器预览并进行编辑。 在实际使用中，开发人员需要将这个模板与后端...
spring mvc 完整示例 前台+后台
07-04
在这个“spring mvc 完整示例 前台+后台”中，我们将探讨如何将jQuery与Spring MVC结合，实现用户登录和显示用户列表的功能。 **1. Spring MVC 框架基础** Spring MVC是Spring框架的一部分，主要负责处理HTTP请求。...
html完美前后台登陆界面
09-26
html完美前后台登陆界面 学习时的必备资料 真的很不错 很强大
spring boot + 漂亮的登陆界面
08-21
idea spring boot + 漂亮的登陆界面 spring boot ，thymeleaf
javaweb登录页面
07-04
暑期实训第三天，javaweb实现静态登录页面与后台用户名数据的匹配。
java web 18种登录页面模板
05-28
登录模板，java web 18种登录页面模板，很好很强大
laravel5.2实现区分前后台用户登录
梦想是成为一个弓箭手
01-10 7372
1.前台登录直接使用laravel自带的auth php artisan make:auth 然后可以查看路由文件：Route::group(['middleware' => 'web'], function () { Route::auth(); Route::get('/home', 'HomeController@index'); });执行php artisan migr
后台用户登录系统及与前台区分
Tiffany03的专栏
10-31 2875
1、为新添加的数据表创建一个model模型
前后端分离架构下的登录系统设计(v1)
热门推荐
Abysscarry的博客
06-12 1万+
背景： 最近项目的开发架构改为前后端分离模式； 前端采用vue框架npm编译后在tomcat独立部署，前后端完全通过http请求接口的方式进行交互，页面控制权交给前端，后端只提供页面所需数据而已！ 由此带来的主要问题就是登录系统如何设计？以前项目都是通过Shiro框架内部控制cookie、session、登陆状态、页面权限等一系列资源，现在前端页面脱离后端项目后，我们要做出哪些改变呢？ ...
前后端完全分离实现登录和退出
qq_59099003的博客
08-01 1062
使用security和redis实现前后端完全分离，前置路由守卫、请求拦截器、响应拦截器
打造中文黑色风格的博客后台登陆界面
- 界面：指的是用户与系统交互的视觉和操作层面。 - 中文：该模板支持中文语言，便于中文用户的使用。 - 黑色：可能指的是模板的配色方案，黑色或深色调在设计中常用于营造专业感。 - phpcms模板：指的是专为phpcms...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值