Servlet+html+css+jsp+mysql实现用户登录

最新推荐文章于 2022-11-13 23:17:40 发布
最新推荐文章于 2022-11-13 23:17:40 发布
阅读量522 收藏 12
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55396281/article/details/117607004
版权

以下是项目结构:

jdbc_demo包是管理mysql数据库的加载连接和查询;

Serclet下的Myservle项目是后台管理用户请求数据;

以下是Myservlet项目代码:

package servlet;

import jdbc_demo.jdbc;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLEncoder;

import static jdbc_demo.jdbc.compare;

@WebServlet("/Myservlet")       //注解配置servlet-patten:/Myservlet    web.xml无需再配置;
public class Myservlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置编码格式
        response.setCharacterEncoding("utf-8");
        //获取请求的数据
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        /*
        * state=1,则输入的用户名与密码与数据库中的数据匹配
        * 登陆成功后的操作
        * */
        if (jdbc.compare(username,password)==1){
//            PrintWriter out = response.getWriter();
//            out.write("<html>");
//            out.write("<head>");
//            out.write("<meta charset='UTF-8'>");
//            out.write("<title>成功</title>");
//            out.write("<script>alert('登录成功')</script>");
//            out.write("<style> .body{" +
//                    "    background-image: url('1.jpg');n" +
//                    "    background-position: center,center;" +
//                    "    background-repeat: no-repeat;" +
//                    "    background-attachment: fixed;" +
//                    "    background-size: cover;" +
//                    "}</style>");
//            out.write("</head>");
//            out.write("<body class='body'>");
//            out.write("成功");
//            out.write("</body>");
//            out.write("</html>");

//            也可以重定向到Suee.jsp的网页
             request.getRequestDispatcher("Suee.jsp").forward(request,response);

        }else{
            response.setCharacterEncoding("utf-8");
            PrintWriter out = response.getWriter();
            out.write("<html>");
            out.write("<head>");
            out.write("<meta charset='UTF-8'>");
            out.write("<title>失败</title>");
            out.write("<script>alert('登录失败');window.location.assign('http://localhost/login_demo5/')</script>");
            out.write("</head>");
            out.write("<body>");
            out.write("</body>");
            out.write("</html>");
            //request.getRequestDispatcher("index.jsp").forward(request,response);
        }

    }
}

jdbc类:连接数据库与判断客户端的信息与数据库的信息是否匹配

package jdbc_demo;

import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;

public class jdbc {         //jdbc工具类
    public static int compare(String account,String password){
        int state=0;  //定义一个state变量来判断用户名与密码是否匹配
        my m=new my(); //封装my类
      Connection con=m.getCon(); //获取my类下的getCon()方法
        Statement stmt= null;
        try {
            stmt = con.createStatement();
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
        ResultSet resultSet= null;
        try {
            resultSet = stmt.executeQuery("select*from student");
            while(resultSet.next()){
                if (account.equals(resultSet.getString("username"))&&password.equals(resultSet.getString("password"))){
                    state=1;
                }
                System.out.println(state);
            }
        } catch (SQLException throwables) {
            throwables.printStackTrace();
        }
            return state;
    }
}

首页:index.jsp--------css+javascript写的

<%--
  Created by IntelliJ IDEA.
  User: 赖波波
  Date: 2021/6/4
  Time: 16:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录界面</title>
    <script type="text/javascript">
        function registe() {
            window.location.href="registe.jsp";
        }
    </script>
    <style>
.user{
    /*background:none transparent scroll repeat 0% 0%;*/
    width: 200px;
    height: 35px;
    margin-left: 531px;
    margin-bottom: 30px;
    background:transparent;
    border: white solid 1px;
    border-radius: 5px;
    color: white;
    
}
.password{
    color: white;
    width: 200px;
    height: 35px;
    margin-left: 531px;
    margin-bottom: 30px;
    background:transparent;
    border: white solid 1px;
    border-radius: 5px;
}
.button{
    padding-bottom: 22px;
    border: 1px solid;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    color: white;
    width: 80px;
    height: 20px;
    margin-left: 526px;
    margin-bottom: 10px;
    font-size: 16px;
}
.h1{
    margin-bottom: 50px;
    color: white;
    margin-top: 110px;
}
.body{
    background-image: url("1.png");
    background-position: center,center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.button1{
    padding-bottom: 22px;
    border: 1px solid;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.5);
    color: white;
    width: 80px;
    height: 20px;
    margin-left: 50px;
    font-size: 16px;
}
    </style>
</head>
<body class="body">
<h1 align="center" class="h1">登录</h1>

<form action="/login_demo5/Myservlet" method="post">
<input type="text" name="username" placeholder="请输入用户名"  class="user"> <br>

<input type="password" name="password" placeholder="请输入密码" class="password">

<br>
<input type="submit" vlaue="登录" align="center" class="button">
    <input type="button" value="注册" class="button1" onclick="registe()">
</form>
</body>
</html>

登录成功界面:

<%--
  Created by IntelliJ IDEA.
  User: 赖波波
  Date: 2021/6/4
  Time: 18:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>成功</title>
    <style>
        .body{
            background-image: url("1.jpg");
            background-position: center,center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
        .h1{
            color: rgb(246, 255, 16);
        }
    </style>
</head>
<body class="body">
<%
    String user = request.getParameter("username");
%>
<h1 align="center" class="h1">欢迎<%=user%>登录</h1>

</body>
</html>

注册界面:

<%--
  Created by IntelliJ IDEA.
  User: 赖波波
  Date: 2021/6/5
  Time: 21:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>
    <style>
        .user{
            /*background:none transparent scroll repeat 0% 0%;*/
            width: 200px;
            height: 35px;
            margin-left: 531px;
            margin-bottom: 30px;
            background:transparent;
            border: white solid 1px;
            border-radius: 5px;
            color: white;

        }
        .password{
            color: white;
            width: 200px;
            height: 35px;
            margin-left: 531px;
            margin-bottom: 30px;
            background:transparent;
            border: white solid 1px;
            border-radius: 5px;
        }
        .button{
            border: 1px solid;
            border-radius: 5px;
            background-color: rgba(255, 255, 255, 0.25);
            color: white;
            width: 210px;
            height: 40px;
            margin-left: 526px;
            margin-bottom: 10px;
            font-size: 16px;
        }
        .h1{
            margin-bottom: 50px;
            color: white;
            margin-top: 110px;
        }
        .body{
            background-image: url("2.png");
            background-position: center,center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
    </style>
</head>
<body class="body">
<h1 align="center" class="h1">注册</h1>

<form action="" method="post">
    <input type="text" name="username" placeholder="请输入注册名"  class="user"> <br>

    <input type="password" name="password" placeholder="请输入密码" class="password">

    <br>
    <input type="submit" vlaue="提交" align="center" class="button">
</form>
</body>
</html>

 

记住她想长高
关注
HTML+CSS+Servlet
Null_Kun
04-15 1056
HTML 一、HTML简介 1.1 HTML概述 HTML全称：Hyper Text Markup Language（超文本标记语言） ​ HTML是一门用户创建网页文档的标记语言，网页本身是一种文本文件，在文本文件中添加标记符 ​ 浏览器解析HTML标记的内容（文字的处理，排版的安排，图片如何显示、音频、视频等等） ​ HTML是用来创建网页的标记语言 1.2 HTML特点 1.简易性：...
servlet 连接数据库 通过html,用servlet做用户登录框，通过sql数据库验证成功后进录博客界面...
weixin_39783149的博客
06-04 201
//1，用户登录界面package com.mjrj;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletReques...
HTML+Servlet实现了登录操作数据库
01-09
#### HTML+Servlet登录案例 需求： 1. 用户名和密码正确，将用户成功的信息保存在请求域中，转发到另一个页面，显示用户登录成功 2. 用户名和密码错误，重定向到另一个html页面，显示登录失败。 3. 使用表示层，业务层，数据访问层的三层结构实现
jsp+html+css+js做的一个用户登录查看界面
05-10
用js+css+html+jsp编写的一个小系统
前后端相连，注册与登录 （html,css,js,node.js,mysql)
qq_54180801的博客
04-17 5235
提示：所用html,css,js,node.js,mysql，代码仅供参考 文章目录一、html部分1.文件名：index.html二、css部分1.写在文件index.html中三、js部分1.写在文件index.html中四、mysql部分1.写再了db文件夹下文件index.js中五、node.js部分1.文件名app.js2.在文件夹router下 文件user.js中3.在文件夹router_handler下 文件user.js中 一、html部分 1.文件名：index.html 代码如下（.
Java+Servlet+Jdbc+Jsp+Mysql实现Web学生信息管理系统
07-16
在这个系统中，JSP用于展示数据和接收用户输入，通常包含HTML、CSS和Java脚本，通过内嵌的Java表达式和脚本元素与后端的Servlet交互，实现页面的动态渲染。 5. **MySQL**：MySQL是一个广泛使用的开源关系型数据库...
Servlet+MySql+Web（HTML+CSS+JSP技术+EL表达式）通过IDEA来实现数据库的增删改查（crud)
06-22
在IT行业中，构建基于Web的应用程序是常见的任务，而Servlet、MySQL、HTML、CSS、JSP和EL表达式是实现这一目标的关键技术。本项目利用IntelliJ IDEA这个强大的集成开发环境(IDE)来整合这些技术，实现了数据库的CRUD...
学生信息管理系统（实现增删改查操作）Java+Servlet+HTML+CSS+数据库
12-09
Java+Servlet+HTML+CSS+数据库，实现的学生信息管理系统，实现了 新增和查询功能。 覆盖知识 java部分：程序基本概念、数据类型、流程控制、顺序、选择 、循环、跳转语句、变量、类、方法、实用类、JDBC、三层架构...
JSP+Servlet+MySql实现商城项目
03-19
本项目基于JSP、Servlet和MySQL技术实现了在线商城的功能，这是一套完整的电商系统开发案例，适合初学者和有一定经验的开发者学习。在本文中，我们将深入探讨这三个核心技术在电商项目中的应用，以及它们如何协同...
基于Java+servlet+jsp+css+js+mysql实现的“转赚”二手交易平台源码+项目说明.zip
最新发布
02-27
【资源说明】 1、该资源包括项目的全部源码，下载可以直接使用！ 2、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大...基于Java+servlet+jsp+css+js+mysql实现的“转赚”二手交易平台源码+项目说明.zip
servlet+mysql+html用户登录界面源代码
03-14
servlet+mysql+html用户登录界面源代码
利用html+css+mysql+php来快速的制作动态网页（以制作一个博客网站为列）
08-14
制作的一个动态博客网站，代码中给出了详细的解释，此外操作步骤也可见我的个人博客http://blog.csdn.net/mind_programmonkey，里面有详解
html+css 登录页面
05-02
用html和css写的一个简单的登录页面，下载即可使用，压缩包内包含图片，不会出现打开网页后无法显示图片的情况
一个简单的HTML+PHP+MySQL的交互页面（输入框内容查询，HTML页面显示）
01-08
写得很详细了，如果有问题留言再问哈！！！ 一开始初学网页制作的时候，空余时间比较少，拿来代码就用，只要能实现功能就好 我那时候以为 HTML 和 PHP 之间的数据交互只能新开一个 PHP 网页，也就是简单在HTML页面用一下表单 （from） ，然后在 PHP 页面用一下变量接受，然后后面就写跟 MySQL 交互的代码。 $name = $_POST[name]; $pwd = $_POST[password]; action 指定的是接收表单数据的 PHP 文件，method有两种模式 post 和 get，这里就不赘述了，学习网址：https://www.runoob.co
php+mysql+html+js+css开发web网站
12-28
此网站是特别适合初学PHP人员入门使用，含前后台，增删改查，配接mysql数据库，有建库建表sql脚本。希望能对希望入门Web开发的你有所帮助。
node.js+mysql+html实现简易数据库管理系统
weixin_30323631的博客
04-13 866
程序入口是app.js。通过signin.js与mysql数据库取得连接。controller.js的作用是扫描controller目录下的各个js文件，并将这些文件处理过的URL记录到map里面，这个map是映射的意思，可以简单理解为哈希表，浏览器在工作时遇到post或get请求可以迅速在这个映射表中找到相应文件的url并执行。在本proj中我们只要用到post和get两种请求就可以（实际上还有...
html页面动态连接到mysql数据库（上）
热门推荐
陈建维
01-12 11万+
一、配置好环境： 需要安装配置的软件环境： jdk、tomcat服务器、eclipse、mysql（可以使用附加的图形界面软件工具：navicat for mysql)、webstorm。 二、编写web项目文件 先用webstorm编辑好web项目文件。 三、根据web项目的数据需求设计和建造数据库表。 用例：         新建数据库名为：users；
通过HTML网页对mysql数据库进行增删改查(CRUD实例)
yvge669的博客
11-13 1万+
在HTML页面对Mysql数据库进行增删改查，CRUD案例 基于HTML + 一点点入门Spring +Mysql 从前端到后端的实操案例，附带项目源代码
Django+HTML+MYSQL
wenshuang1234的博客
10-26 1181
Django+HTML+Msql
JSP+Servlet+MySQL构建简单博客系统教程
本资源描述的个人博客系统中，Servlet将用于处理用户的请求，如文章的发布、编辑、删除以及用户登录等操作。由于资源描述中并未明确指出具体实现细节，我们可以合理推测在博客系统中，Servlet将扮演后端逻辑处理的...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值