jsp初学小练习1——Servlet+mvc+数据库连接池实现登录注册

于 2020-08-04 09:45:24 发布
阅读量755 收藏 18
点赞数 1
分类专栏： javaweb学习笔记 文章标签： web java servlet MVC JSP项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45795349/article/details/107778016
版权
一、涉及到的知识点

  1. jsp元素基础

  2. jsp常用对象

  3. html表单、超链接、标题标签

  4. js基础（非空验证）

  5. Servlet基础知识

  6. 数据库连接池配置

  7. Java基础知识（jdbc）
    （用到的东西比较多，但都是皮毛）

二、创建项目

1、创建web项目就不用说了吧，下面说一下目录吧
在这里插入图片描述
按照我的步骤来吧，

1、设计数据库

这是我的数据库结构
在这里插入图片描述
注意一定要记得设置uid自动为主键，不然可能出现两个人注册同一账号,登录就会出现异常

2、在src下创建net.dj.blen 包 并在包下创建User类(用户模型层)

图·：
在这里插入图片描述

代码如下:

package net.dj.blean;

public class User {
    private String userid;
    private String username;
    private String password;

    public User(){

    }
    public User(String userid,String username,String password){
        this.userid=userid;
        this.username=username;
        this.password=password;
    }

    public String getId() {
        return userid;
    }

    public void setId(String id) {
        this.userid = id;
    }

    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;
    }
    
}
3、在web目录下创建login.jsp(登录界面)文件和registered.jsp文件（注册界面）创建js文件夹夹 ，并在js文件夹下创建check.js（js脚本实现非空验证）文件

在这里插入图片描述

login.jsp代码如下:

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>用户登录</title>
    <script type="text/javascript" src="js/check.js"></script>
</head>
<body>
<h3 style="text-align:center">用户登录</h3>
<form action="login" method="post">
    账号:<input type="text" name="userid" id="userid"/> <br/>
    密码：<input type="password" name="password" id="password"><br/>

    <input type="submit" value="登录" onclick="return logcheckForm();"><input type="reset" value="重置">
</form>
</body>
</html>

registered.jsp代码如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
    <script type="text/javascript" src="js/check.js"></script>
</head>
<body>

<form action="regist" method="post" >
请输入账号：<input type="text" name="userid" id="userid"><br/>
请输入昵称：<input type="text" name="username" id="username"><br/>
请输入密码：<input type="password" name="password" id="password1"><br/>
请确认密码：<input type="password" id="password2"> <br/>

<input type="submit" value="提交注册" onclick="return recheckForm();">
    <input type="reset" value="重置">
</form>
</body>
</html>

check.js代码如下：

function recheckForm() {
    //注册非空验证
    var txtUserid=document.getElementById("userid")
    var txtUsername=document.getElementById("username");
    var txtPassword1=document.getElementById("password1");
    var  txtPassword2=document.getElementById("password2")

    var userid=txtUserid.value;
    var username=txtUsername.value;
    var password1=txtPassword1.value;
    var password2=txtPassword2.value;

    if(userid==""){
        alert("注意，账号不能为空");
        return false
    }

    if (username == ""){
        alert("注意用户名不能为空！")
        return false;
    }
    if(password1 == ""){
        alert("注意密码不能为空！");
        return false;
    }

    if(password1 != password2){
        alert("注意两次输入的密码不一致，请确认");
        return false;
    }
    return true;
}

function logcheckForm() {
    //登录非空验证
    var  txtid=document.getElementById("userid");
    var txtpasswod=document.getElementById("password");

    var id=txtid.value;
    var password=txtpasswod.value;

    if(id=="") {
        alert("注意账号不能为空");
        return false;
    }
    if(password==""){
        alert("密码不能为空");
        return false;
    }
    return  true;
}
4、在web目录下创建success.jsp文件（登录成功页面）failure.jsp文件（登录失败页面）reyes.jsp（注册成功页面） reno.jsp（注册失败页面）修改index.jsp文件（主页)

在这里插入图片描述
success.jsp文件代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>登录成功</title>
</head>
<body>
<%=request.getParameter("username")%>恭喜登录成功

</body>
</html>

failure.jsp代码：

<%--登录失败页面--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>登录失败</title>
</head>
<body>
<%=request.getParameter("userid")%>登录失败，请检查用户名或者密码是否正确
</body>
</html>

reyes.jsp代码：

%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<html>
<head>
    <title>注册成功</title>
</head>
<body>

<h3>恭喜注册成功，注册信息如下</h3>

<h3>账号：<%= (String)session.getAttribute("userid")%></h3>
<h3>昵称：<%= (String)session.getAttribute("username")%></h3>
<h3>密码：<%=(String)session.getAttribute("userpassword")%></h3>

<%
    session.removeAttribute("userid");
    session.removeAttribute("username");
    session.removeAttribute("userpassword");
%>
</body>
</html>

reno.jsp代码：

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<html>
<head>
    <title>注册失败</title>
</head>
<body>
注册失败，可能是id重复了，换个id试试
<a href="registered.jsp">点我去重新注册</a>
</body>
</html>

index.jsp代码:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>主页</title>
  </head>
  <body>
  <a href="login.jsp">点我去登录</a>
  <a href="registered.jsp">点我去注册</a>
  </body>
</html>
5、在WEB-INF下创建lib文件夹并导入mysql-conector-java-5.1.38的jar包(版本根据自己实际情况来哈，可能读者版本和我的不一样哦)并修改WEB-INF下的web.xml文件

web.xml配置修改如图：（用黄色框起来的地方可能是不一样的哦，要根据自己的数据库名修改）(jar包一定要添加到当前项目，直接复制进去是不行的)
在这里插入图片描述

6、在web目录下创建META_INF文件并在其目录下创建context.xml文件（连接池配置）

在这里插入图片描述

7、在src下创建net.dj.dbutil包，在包下创建ConnectionManager类

在这里插入图片描述
代码如下：

package net.dj.dbutil;

import javax.naming.Context;
import javax.naming.InitialContext;
import javax.naming.NamingException;
import javax.sql.DataSource;
import java.sql.Connection;
import java.sql.SQLException;

/**
 * 功能：数据库连接管理类
 * 作者：摘星
 * 日期：2020.8.3
 */
public class ConnectionManager {

    private  ConnectionManager(){
        //私有化构造方法,拒绝实例化
    }
    public static Connection getConnection(){
        //定义数据库连接
        Connection conn=null;
        try{
            Context ctx=new InitialContext();
            DataSource ds=(DataSource) ctx.lookup("java:comp/env/jdbc/javaweb");
            //通过数据库源获取数据库连接
            conn=ds.getConnection();
        } catch (SQLException | NamingException throwables) {
            throwables.printStackTrace();
        }
        return conn;

    }


}
8、在src下创建net.dj.dao包并在包下创建UserD接口（数据访问接口），在dao包下创建impl包，在impl包下创建UserDaoimpl类（数据访问接口实现类）， UserDaoimpl类实现了UserD接口

在这里插入图片描述
UserD接口代码：

package net.dj.dao;

import net.dj.blean.User;

public interface UserD {
    //登录方法
    User login(String uid, String upassword);

    //注册方法
    int insert(User user);


}

UserDaoimpl类代码:

package net.dj.dao.impl;

import net.dj.blean.User;
import net.dj.dao.UserD;
import net.dj.dbutil.ConnectionManager;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.UUID;

public class UserDaoimpl implements UserD {
    //登录方法
    @Override
    public User login(String uid ,String upassword){
        // 声明标志变量
        Connection conn=null;
        User user=new User();
        try{
            //获取数据库连接
            conn= ConnectionManager.getConnection();
            //定义sql字符串
            String strsql="select* from user where uid=? and upassword=?";

            //创建预备语句对象
            PreparedStatement pstmt=conn.prepareStatement(strsql);
            pstmt.setString(1,uid);
            pstmt.setString(2,upassword);

            //执行sql语句
            ResultSet rs=pstmt.executeQuery();
            
            //返回结果集的记录
            while (rs.next()){
                user.setId(rs.getString("uid"));
                user.setUsername(rs.getString("uname"));
                user.setPassword(rs.getString("upassword"));
            }
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
        return  user;
    }

    //注册方法
    @Override
    public int insert(User user){
        //声明插入记录数
        int count=0;
        //声明数据库连接
        Connection conn=null;
        try{
            //获取数据库连接
            conn=ConnectionManager.getConnection();
            //定义sql字符串
            String strsql="insert into user (uid,uname,upassword) values(?,?,?)";
           //创建预备语句对象
            PreparedStatement pstmt=conn.prepareStatement(strsql);
            //设置占位符的值
            pstmt.setString(1,user.getId());
            pstmt.setString(2,user.getUsername());
            pstmt.setString(3,user.getPassword());
            //执行sql更新，返回更新记录数
            count=pstmt.executeUpdate();

        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
        //返回插入记录数

        return count;

    }
}
9、在src下创建net.dj.servlet包并在其包下创建LoginServlet类和RegistServlet类

在这里插入图片描述
LoginServlet类代码：

package net.dj.servlet;

import net.dj.blean.User;
import net.dj.dao.UserD;
import net.dj.dao.impl.UserDaoimpl;

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 javax.servlet.http.HttpSession;
import java.io.IOException;
import java.net.URLEncoder;

@WebServlet(name = "LoginServlet" ,value = "/login")
public class LoginServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        //设定获取数据字符编码
        request.setCharacterEncoding("utf-8");

        //获取表单数据
        String userid=request.getParameter("userid");
        String password=request.getParameter("password");

        //创建用户数据访问对象
        UserD userd=new UserDaoimpl();

        //通过id和密码获取用户信息
        User user=userd.login(userid,password);


        // 判断是否登录成功
        if (userid.equals(user.getId()) && password.equals(user.getPassword())){
            //登录成功，跳转到登录成功界面
            response.sendRedirect("success.jsp?username="+URLEncoder.encode(user.getUsername(),"utf-8"));
        }
        else{
            response.sendRedirect("failure.jsp?userid="+URLEncoder.encode(userid,"utf-8"));
        }
    }
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doPost(request,response);
    }
}

RegistServlet类代码

package net.dj.servlet;

import net.dj.blean.User;
import net.dj.dao.UserD;
import net.dj.dao.impl.UserDaoimpl;

import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;

@WebServlet(name = "RegistServlet",value = "/regist")
public class RegistServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设定获取数据字符编码
        request.setCharacterEncoding("utf-8");

        //获取请求对应的会话
        HttpSession session=request.getSession();


        //获取表单数据
        String uid=request.getParameter("userid");
        String uname=request.getParameter("username");
        String upassword=request.getParameter("password");

        //创建用户实体对象
        User user=new User(uid,uname,upassword);

        //创建用户数据访问对象
        UserD userD= new UserDaoimpl();

        //开始注册，返回添加记录数
        int count=userD.insert(user);

        if (count==1){
            //注册成功
            //设置session里的user属性
            session.setAttribute("userid",uid);
            session.setAttribute("username",uname);
            session.setAttribute("userpassword",upassword);

            //采用重定向跳转到成功界面
            response.sendRedirect("reyes.jsp");
        }else {
            //注册失败
            response.sendRedirect("reno.jsp");

        }

    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}
10、运行测试：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

雾晴
关注
专栏目录
jsp练习
weixin_51994374的博客
08-20 163
练习一：九九乘法口诀表 <table> <%for(int i=1;i<=9;i++){%> <tr/> <% for(int j=1;j<=i;j++){%> <td><%=j+"x"+i+"="+(i*j)%><td/> <%}%> <tr/> <%}%>
【基础JSP 练习】
楚江枫
05-13 812
JSP ： 静态HTML + 动态JAVA实现代码：<html> <head> <title> new document </title> </head> <p align = "center"> <font size = 6 face = STKaiti color = FF33FF> Byte 的有效值范围为 <%= Byte.MIN_VALUE%> <%ou
jsp入门练习
ThinkPet
03-27 306
&lt;%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%&gt; &lt;!DOCTYPE html &gt; &lt;html&gt; &lt;%! int i=0; %&gt; &lt;head&gt; &lt;meta http-
JSP练习
qq_44405007的博客
08-01 645
使用 eclipse开发jsp 准备工作 使tomcat和eclipse关联 配置运行时环境 在导航菜单 window Preferences下的Server 中的 reuntimeEnvironme 中 add自己的tomcat 新建一个Dynamic Web Project 项目 注意不要直接Finish 完成 需要在最后一步勾选生成。xml文件 这个是在网页运行必须的； 然后新建JSP文件 ...
jsp新手练习
zero_hn的博客
06-19 1063
注册 [plain] view plain copy print?                                                  简单的检验注册信息 [plain] view plain copy print?         Strin
基于JSP数据库连接池的研究与实现(源代码+论文).zip
最新发布
05-05
【标题】：“基于JSP数据库连接池的研究与实现(源代码+论文).zip”这个压缩包文件主要包含了一个关于如何在Java服务器页面（JSP）中应用数据库连接池的完整研究项目，包括了源代码和相关论文。这个项目旨在帮助初学...
jsp+servlet+javabean实现网上商城项目完整源码
06-06
此外，为了提高性能和安全性，通常会使用连接池管理数据库连接。 在实际的项目开发中，除了基础的技术栈，还需要考虑到用户体验、安全性、性能优化等方面。例如，使用AJAX技术可以实现页面的部分刷新，提升用户体验...
servlet+jsp+ MVC模式博客blog
12-11
【servlet+jsp+MVC模式博客blog】项目是一个基于Java Web技术的博客系统实现，主要利用了Servlet、JSP以及MVC（Model-View-Controller）设计模式。在这个项目中，Servlet作为控制器处理用户的请求，JSP作为视图展示...
办公管理系统(当初学的时候做练习的)jsp+servlet+javabean
05-29
此外，作为"工具"标签的一部分，这个项目可能还包括了一些辅助工具或库，例如数据库连接池（如Apache的DBCP或C3P0）、日志记录框架（如Log4j）、JSON解析库（如Jackson或Gson）等，这些工具在实际开发中能提升代码的...
网站开发Servlet+jsp注册登录增删改查万能模板
01-04
【Servlet+jsp注册登录增删改查万能模板】是一个基于Java Web技术的网站开发基础框架，主要用于教学和课程设计，帮助初学者理解和实践Web应用的后端逻辑处理。在这个模板中，Servlet作为服务器端的控制层，JSP用于...
JSP简单练习
03-01
博文链接：https://hongan.iteye.com/blog/245508
JSP基础练习 ppt
07-09
jsp基础联系ppt， 公分10章，涵盖了jsp的基本概念和基本用法， 简洁实用，是初学者的好材料。
JSP基础练习＋典型案例课件
06-18
JSP基础练习＋典型案例课件
jsp简单小练习
09-01
对应博主一些jsp文章中的代码，都是一些很简单的小例子，适合入门练手
jsp练习题.docx
04-28
JSP上课练习题
jsp+servlet实现最基本的注册登陆功能
nd71pbt7的专栏
02-22 604
源码和数据库下载地址：http://download.csdn.net/detail/biexiansheng/9759722 1：首先需要设计好数据库和数据表，这里简单截图说明我创建的字段和类型。 2：进入正题，开始开发前台和后台代码。首先创建一个动态web工程，然后先创建一个实体类。 1 package com.bie.po; 2 /** 3 * @author Bi
Jsp简单练习
云卷云舒
01-22 393
Practice.jsp: <%-- Created by IntelliJ IDEA. User: lenovo Date: 2019/10/16 Time: 9:50 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/h...
JAVA入门：Servlet+JSP实现图书管理的增删改查
总结来说，这篇文章是一个基础的Java Web开发教程，适合初学者了解如何使用Servlet和JSP进行数据库操作。对于更复杂的应用，可能需要涉及更多的框架和技术，如Spring MVC、Hibernate或MyBatis等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值