JSP+MySQL最简单的登录和注册的实现 --Java Web温习

一、开发环境

开发工具：eclipse 2018-09

操作系统：win10

二、实现

1、目录结构：

2、数据库（创建tmp数据库，新建user表，user表结构如下）

3、功能简介

功能比较简单，在这简要叙述一下。在注册页面register.jsp对应的输入框中输入用户名和密码，跳转到check_reg.jsp页面。check_reg.jsp只是用来获取提交的表单，主要是连接MySQL数据库，将用户名和密码存入数据库中。如果注册成功，则跳转（重定向）到登陆页面login.jsp。在登陆页面中，在对应输入框中输入用户名和密码，将表单数据提交到check_login.jsp页面。check_login.jsp负责接受表单数据，向数据库中查询数据，如果查找到，跳转到login_success.jsp页面。

4、代码实现

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>注册</title>

<link rel="stylesheet"

    href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"

    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"

    crossorigin="anonymous">

</head>

<body>

    <div class="container">

        <div class="row" style="margin-top: 30px">

            <div class="col-md-4 col-md-offset-4">

                <div class="panel panel-primary">

                    <div class="panel-heading">

                        <span class="glyphicon glyphicon-plus"></span>注册

                    </div>

                    <div class="panel-body">

                        <form action="check_reg.jsp" method="POST" name="registerForm">

                            <div class="form-group">

                                <label for="name">用户名</label> <input type="text"

                                    class="form-control" name="name" placeholder="请输入用户名"

                                    autofocus="autofocus">

                            </div>

                            <div class="form-group">

                                <label for="">密码</label> <input type="password"

                                    class="form-control" name="pwd" placeholder="请输入密码">

                            </div>

                            <div class="form-group">

                                <label for="">重复密码</label> <input type="password"

                                    class="form-control" name="repwd" placeholder="请重复密码">

                            </div>

                            <button type="submit" class="btn btn-primary"

                                onclick="return checkForm()">注册</button>

                        </form>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <script

        src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"

        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"

        crossorigin="anonymous"></script>

    <script type="text/javascript">

        function checkForm() {

            var name = registerForm.name.value;

            var pwd = registerForm.pwd.value;

            var repwd = registerForm.repwd.value;

            //alert(name + pwd + repwd);

            if (name == "" || name == null) {

                alert("请输入用户名");

                registerForm.name.focus();

                return false;

            } else if (pwd == "" || pwd == null) {

                alert("请输入密码");

                registerForm.pwd.focus();

                return false;

            } else if (repwd == "" || repwd == null) {

                alert("请输入重复密码");

                registerForm.repwd.focus();

                return false;

            }else if(pwd!=repwd){

                alert("两次密码输入不一致，请重新输入!");

                registerForm.repwd.focus();

                return false;

            }

            alert('注册成功！');

            return true;

        }

    </script>

</body>

</html>

check_reg.jsp：

<%@page import="java.sql.*"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<%

	Connection conn = null;

	PreparedStatement ps = null;

	Class.forName("com.mysql.jdbc.Driver");

	String url = "jdbc:mysql://localhost:3306/tmp?useSSL=false";

	String username = "root";

	String password = "nxl123";

	conn = DriverManager.getConnection(url, username, password);

	request.setCharacterEncoding("utf-8");//设置编码方式，防止中文乱码

	String name = request.getParameter("name");

	String pwd = request.getParameter("pwd");

	String sql = "INSERT user(name,pwd) VALUES(?,?)";

	ps = conn.prepareStatement(sql);

	ps.setString(1, name);

	ps.setString(2, pwd);

	int row = ps.executeUpdate();

	if (row > 0) {

		response.sendRedirect("./login.jsp");//重定向到登陆页面

	}

%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>登录案例</title>

<link rel="stylesheet"

	href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"

	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"

	crossorigin="anonymous">

</head>

<body>

	<div class="container">

		<div class="row" style="margin-top: 30px">

			<div class="col-md-4 col-md-offset-4">

				<div class="panel panel-primary">

					<div class="panel-heading">

						<span class="glyphicon glyphicon-user"></span>登录

					</div>

					<div class="panel-body">

						<form action="check_login.jsp" method="POST" name="loginForm">

							<div class="form-group">

								<label for="name">用户名</label> <input type="text"

									class="form-control" name="name" placeholder="请输入用户名">

							</div>

							<div class="form-group">

								<label for="">密码</label> <input type="password"

									class="form-control" name="pwd" placeholder="请输入密码">

							</div>

							<button type="submit" class="btn btn-primary"

								onclick="return checkForm()">登录</button>

						</form>

					</div>

				</div>

			</div>

		</div>

	</div>

</body>

<script

	src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"

	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"

	crossorigin="anonymous">

</script>

<script type="text/javascript">

	function checkForm() {

		var name = loginForm.name.value;

		var pwd = loginForm.pwd.value;

		//alert(name + pwd);

		if (name == "" || name == null) {

			alert("请输入用户名");

			loginForm.name.focus();

			return false;

		} else if (pwd == "" || pwd == null) {

			alert("请输入密码");

			loginForm.pwd.focus();

			return false;

		}

		return true;

	}

</script>

</html>

check_login.jsp：

<%@page import="java.sql.*"%>

<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<%

	Connection conn = null;

	PreparedStatement ps = null;

	ResultSet rs = null;

	Class.forName("com.mysql.jdbc.Driver");

	String url = "jdbc:mysql://localhost:3306/tmp?useSSL=false";

	String username = "root";

	String password = "nxl123";

	conn = DriverManager.getConnection(url, username, password);

	request.setCharacterEncoding("utf-8");

	String name = request.getParameter("name");

	String pwd = request.getParameter("pwd");

	String sql = "SELECT *FROM user WHERE name ='" + name + "'AND pwd = '" + pwd + "'";

	ps = conn.prepareStatement(sql);

	rs = ps.executeQuery();

	if (rs.next()) {

		response.sendRedirect("./login_success.jsp");

	}else{

		response.sendRedirect("./login.jsp");

	}

%>

login_success.jsp：

<%@ page language="java" contentType="text/html; charset=UTF-8"

	pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>登录成功！</title>

<link rel="stylesheet"

	href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"

	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"

	crossorigin="anonymous">

</head>

<body>

	<div class="container">

		<div class="row" style="margin-top: 30px">

			<div class="col-md-4 col-md-offset-4">

				<div class="panel panel-primary">

					<div class="panel-body text-center">登录成功！</div>

				</div>

			</div>

		</div>

	</div>

</body>

</html>

完整链接：https://pan.baidu.com/s/1---WkiBN1YhLiyZkvBo8FQ 提取码：ir0a

JSP+MySQL最简单的登录和注册的实现 --Java Web温习的更多相关文章

JSP +MySQL实现网站的登录与注册小案例
为了练手,我就自己试着做了一个网站的登录与注册的小案例.由于没有做美化处理,所以界面并不是很好看. 网站实现的功能如下: 用户首次注册功能用户登录功能项目目录展示: 下面我将会分模块展示注册模块 ...
IDEA+JSP+Servlet+Tomcat简单的登录示例
1.用IDEA新建Java WEB项目并配置Tomcat 这一部分可以参考之前的一篇随笔 https://www.cnblogs.com/lbhym/p/11496610.html 2.导入Servl ...
SpringMVC demo 小例子，实现简单的登录和注册
1.创建一个动态的web工程 2.导入springMvc所需要的jar包(这里可以去网上找,资源有很多) 前两部就不详细描述了,后面才是正经代码~ 首先有一个web.xml文件,这个属于大配置文件,由 ...
express+mysql实现简单的登录功能
登录页面图: node.js文件代码: const express=require("express"); const app=express(); const path=requ ...
python利用django实现简单的登录和注册，并利用session实现了链接数据库
利用session实现与数据库链接,登录模块(在views.py) def login(request): # return HttpResponseRedirect('/') # 判断是否post方 ...
使用md5加密算法完成简单的登录和注册功能
原理: 登录:后端controller层获取到客户的密码,通过下面代码:new Sha256Hash(pwd).toHex();将密码转换成md5散列,生成一个新的字符串与数据库的值进行比对,根据不同 ...
Bootstrap 结合 PHP ,做简单的登录以及注册界面及功能
登录实现 HTML代码 <div class="container"> <?php if (isset($error_msg)): ?> <div c ...
JavaSwing+Mysql实现简单的登录界面+用户是否存在验证
原生Java+mysql登录验证 client login.java 功能:实现登录页面,与服务端传来的数据验证 package LoginRegister; import java.awt.Cont ...
mybatis 和servlet使用MVC实现用户登录，注册，退出
普通实现: USerMapper.java: package com.bjsxt.mapper; import org.apache.ibatis.annotations.Param; import ...

随机推荐

if __name__ == '__main__' 这段代码怎么理解？？？
__name__是内置变量,可用于表示当前模块的名字,而“__main__”等于当前执行文件的名称. 两个名称搞不清没关系,往下看待会解释对很多编程语言来说,程序都需要一个入口,例如C系列.Java ...
windows CMD常用命令
命令简介 cmd是command的缩写.即命令行 . 虽然随着计算机产业的发展,Windows 操作系统的应用越来越广泛,DOS 面临着被淘汰的命运,但是因为它运行安全.稳定,有的用户还在使用,所以一 ...
用Java实现图片验证码功能
一.什么是图片验证码? 可以参考下面这张图: 我们在一些网站注册的时候,经常需要填写以上图片的信息. 1.图片生成实体类: package com.hexianwei.graphic; import ...
php 版本升高后会出现之Deprecated: Function ereg_replace() is deprecated的解决方法
这个问题是因为php版本过高. 在php5.3中,正则函数ereg_replace已经废弃,而dedecms还继续用.有两个方案可以解决以上问题: 1.把php版本换到v5.3下. 2.继续使用v5. ...
第十七节 Cookie基础与应用
什么是cookie:其实就是页面用来保存信息:比如,自动登录.记住用户名 cookie的特性:(以域名为单位的) 同一个网站(同一个域名)中所有页面共享一套cookie 数量.大小有限,跟浏览器有关, ...
deepin 安装scrapy安装出错：fatal error: Python.h 的解决办法
环境deepin Linux 15.7 Python3.6.5 今天重新装了deepin系统,需要重新安装scrapy,直接pip了一下,没成. 报错:fatal error: Python.h: 没 ...
linux 安装软件三种方法
引言在ubuntu当中,安装应用程序我所知道的有三种方法,分别是apt-get,dpkg安装deb和make install安装源码包三种.下面针对每一种方法各举例来说明. apt-get方法使用 ...
js实现简易版validate
需求分析项目中需要根据选择不同的类型,显示不同的表单,采用的方法是css隐藏显示不需要的表单,但是这个表单字段都是必填的,尝试把不同的表单放在不同的form里,提交时根据不同的类型调用miniui自 ...
Windows环境下最新OpenCV和Contribute代码的联合编译【20180926更新红字】
解决这个问题,目的在于获得并使用最新的完全版本的代码,主要方法是对CMake能够熟练使用,并且对编译等基础支持有所了解. 因为这篇博客经过多次修改,所以里面的内容和配图可能有不是完全比对的地方,但是只 ...
Bugku-CTF之flag.php（点了login咋没反应）
Day20 flag.php 地址:http://123.206.87.240:8002/flagphp/ 点了login咋没反应提示:hint