[JavaWeb] 简单的登录注册案例

已于 2022-11-19 21:24:46 修改
阅读量440 收藏 3
点赞数 1
分类专栏： JavaWeb 文章标签： java
于 2022-09-09 23:26:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HeyVIrBbox/article/details/126789072
版权

 ✨✨个人主页:沫洺的主页

📚📚系列专栏: 📖 JavaWeb专栏📖 JavaSE专栏 📖 Java基础专栏📖vue3专栏 

                           📖MyBatis专栏📖Spring专栏📖SpringMVC专栏📖SpringBoot专栏

                           📖Docker专栏📖Reids专栏📖MQ专栏📖SpringCloud专栏     

💖💖如果文章对你有所帮助请留下三连✨✨

🌈登录注册案例

🎨案例展示

🎨涉及技术

📌JavaWeb---Servlet

📌MyBatis

🎨环境搭建

📌使用IDEA创建maven-web项目,配置pom文件添加坐标依赖及tomcat配置

📌创建目录,包文件夹,在webapp目录下编写静态页面login.html和register.html

📌创建db5数据库，创建 tb_user表，在pojo包下创建 User实体类

📌创建mybatis-config.xml核心配置文件，UserMapper.xml映射文件，UserMapper接口

📌编写LoginServlet和RegisterServlet,及对应的UserMapper映射文件，UserMapper接口

🎨目录展示

🎨环境搭建源码配置

🔎pom.xml

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">  
  <modelVersion>4.0.0</modelVersion>  
  <groupId>com.moming</groupId>  
  <artifactId>web-login-register</artifactId>  
  <version>1.0-SNAPSHOT</version>  
  <packaging>war</packaging>
  <properties> 
    <maven.compiler.source>8</maven.compiler.source>  
    <maven.compiler.target>8</maven.compiler.target> 
  </properties>
  <dependencies>
    <!--MyBatis-->
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.5.5</version>
    </dependency>
    <!--mysql-->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.49</version>
    </dependency>
    <!--分页插件坐标-->
    <dependency>
      <groupId>com.github.pagehelper</groupId>
      <artifactId>pagehelper</artifactId>
      <version>5.1.2</version>
    </dependency>
    <!--servlet运行环境-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>
    <!--junit单元测试-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.13</version>
    </dependency>
    <!--JSON-->
    <dependency>
      <groupId>cn.hutool</groupId>
      <artifactId>hutool-all</artifactId>
      <version>5.8.5</version>
    </dependency>
    <!--日志-->
    <!--添加logback-classic依赖-->
    <dependency>
      <groupId>ch.qos.logback</groupId>
      <artifactId>logback-classic</artifactId>
      <version>1.2.3</version>
    </dependency>
    <!--添加logback-core依赖-->
    <dependency>
      <groupId>ch.qos.logback</groupId>
      <artifactId>logback-core</artifactId>
      <version>1.2.3</version>
    </dependency>
    <!--实体类注解-->
    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
      <version>1.18.24</version>
      <scope>compile</scope>
    </dependency>
    <!--JSP-->
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2</version>
      <scope>provided</scope>
    </dependency>
    <!--JSTL-->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <dependency>
      <groupId>taglibs</groupId>
      <artifactId>standard</artifactId>
      <version>1.1.2</version>
    </dependency>
    <!--引入webmvc-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.3.2</version>
    </dependency>
  </dependencies>
  <build>
    <plugins>
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.2</version>
        <configuration>
          <!--端口号-->
          <port>8080</port>
          <!--虚拟目录-->
          <path>/moming</path>
          <!--解决tomcat7及以前get乱码-->
          <uriEncoding>utf-8</uriEncoding>
        </configuration>
      </plugin>
    </plugins>
  </build>
</project>

🔎mybatis-config.xml(数据库账号密码是自己的)

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <!--起别名-->
    <typeAliases>
        <package name="com.moming.pojo"/>
    </typeAliases>

    <environments default="development">
        <environment id="development">
            <transactionManager type="JDBC"/>
            <dataSource type="POOLED">
                <property name="driver" value="com.mysql.jdbc.Driver"/>
                <property name="url" value="jdbc:mysql:///db5?useSSL=false&amp;useServerPrepStmts=true&amp;allowPublicKeyRetrieval=true"/>
                <property name="username" value="root"/>
                <property name="password" value="123456"/>
            </dataSource>
        </environment>
    </environments>
    <mappers>
        <!--扫描mapper-->
        <package name="com.moming.mapper"/>
    </mappers>
</configuration>

 🎨数据库源码

drop table if EXISTS tb_user;
-- 创建用户表
CREATE TABLE tb_user(
	id int primary key auto_increment,
	username varchar(20) unique,
	password varchar(32)
);

-- 添加数据
INSERT INTO tb_user(username,password) values('zhangsan','123'),('lisi','123');

SELECT * FROM tb_user;

🎨静态页面源码

🔎login.css

* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: url(../imgs/img.png) no-repeat 0px 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#loginDiv {
    width: 37%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.27);
    box-shadow: 7px 7px 17px rgba(52, 56, 66, 0.5);
    border-radius: 5px;
}

p {
    margin-top: 30px;
    margin-left: 20px;
}

input {
    margin-left: 15px;
    border-radius: 5px;
    border-style: hidden;
    height: 30px;
    width: 140px;
    outline: none;
    padding-left: 10px;
}
#username{
    width: 200px;
}
#password{
    width: 202px;
}
.button {
    border-color: cornsilk;
    background-color: #5a88c8;
    color: aliceblue;
    border-style: hidden;
    border-radius: 5px;
    width: 100px;
    height: 31px;
    font-size: 16px;
}

#subDiv {
    text-align: center;
    margin-top: 30px;
}
#loginMsg{
    text-align: center;
    color: black;
}

🔎register.css

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.reg-content{
    padding: 20px;
    margin: 3px;
}
a, img {
    border: 0;
}

body {
    background-image: url("../imgs/img.png") ;
    text-align: center;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
    height: 50px;

}
.inputs{
    vertical-align: top;
}

.clear {
    clear: both;
}

.clear:before, .clear:after {
    content: "";
    display: table;
}

.clear:after {
    clear: both;
}

.form-div {
    background-color: rgba(255, 255, 255, 0.27);
    border-radius: 10px;
    border: 1px solid #aaa;
    width: 424px;
    margin-top: 100px;
    margin-left:400px;
    padding: 30px 0 20px 0px;
    font-size: 16px;
    box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.5), 0px 0px 15px rgba(75, 75, 75, 0.3);
    text-align: left;
}

.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"] {
    width: 268px;
    margin: 10px;
    line-height: 20px;
    font-size: 16px;
}

.form-div input[type="checkbox"] {
    margin: 20px 0 20px 10px;
}

.form-div input[type="button"], .form-div input[type="submit"] {
    margin: 10px 20px 0 0;
}

.form-div table {
    margin: 0 auto;
    text-align: right;
    color: rgba(64, 64, 64, 1.00);
}

.form-div table img {
    vertical-align: middle;
    margin: 0 0 5px 0;
}

.footer {
    color: rgba(64, 64, 64, 1.00);
    font-size: 12px;
    margin-top: 30px;
}

.form-div .buttons {
    float: right;
}

input[type="text"], input[type="password"], input[type="email"] {
    border-radius: 8px;
    box-shadow: inset 0 2px 5px #eee;
    padding: 10px;
    border: 1px solid #D4D4D4;
    color: #333333;
    margin-top: 5px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
    border: 1px solid #50afeb;
    outline: none;
}

input[type="button"], input[type="submit"] {
    padding: 7px 15px;
    background-color: #3c6db0;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    min-width: 80px;
    border: none;
    color: #FFF;
    box-shadow: 1px 1px 1px rgba(75, 75, 75, 0.3);
}

input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #5a88c8;
}

input[type="button"]:active, input[type="submit"]:active {
    background-color: #5a88c8;
}
.err_msg{
    color: red;
    padding-right: 170px;
}
#password_err,#tel_err{
    padding-right: 195px;
}

#reg_btn{
    margin-right:50px; width: 285px; height: 45px; margin-top:20px;
    font-size: 16px;
}
h1{
    text-align: center;
}

🔎img.png

  • 随便替换一个自己的图片就行

🔎login.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link href="css/login.css" rel="stylesheet">
</head>

<body>
<div id="loginDiv">
    <form action="/moming/loginServlet" method="post" id="form">
        <h1 id="loginMsg">登录页面</h1>
        <p>账号:<input id="username" name="username" type="text"></p>
        <p>密码:<input id="password" name="password" type="password"></p>
        <div id="subDiv">
            <input type="submit" class="button" value="登录">
            <a href="register.html">没有账号？点击注册</a>
        </div>
    </form>
</div>

</body>
</html>

🔎register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link href="css/register.css" rel="stylesheet">
</head>
<body>
<div class="form-div">
    <div class="reg-content">
        <h1>注册页面</h1>
        <span>已有帐号点击:</span> <a href="login.html">登录</a>
    </div>
    <form id="reg-form" action="/moming/registerServlet" method="post">
        <table>
            <tr>
                <td>账号:</td>
                <td class="inputs">
                    <input name="username" type="text" id="username">
                    <br>
                    <span id="username_err" class="err_msg" style="display: none">用户名不太受欢迎</span>
                </td>
            </tr>
            <tr>
                <td>密码:</td>
                <td class="inputs">
                    <input name="password" type="password" id="password">
                    <br>
                    <span id="password_err" class="err_msg" style="display: none">密码格式有误</span>
                </td>
            </tr>
        </table>
        <div class="buttons">
            <input value="注 册" type="submit" id="reg_btn">
        </div>
        <br class="clear">
    </form>
</div>
</body>
</html>

🎨案例源码

🔎UserMapper接口

package com.moming.mapper;

import com.moming.pojo.User;
import org.apache.ibatis.annotations.Insert;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;

import java.util.List;

public interface UserMapper {
    //用户登录查询用户
    //@Select("select * from tb_user where username=#{username} and password=#{password}")
    User selectUser(@Param("username") String username, @Param("password") String password);

    //数据库添加用户
    //@Insert("insert into tb_user value(null,#{username},#{password}")
     void insertUser(User user);

     //根据用户名查询用户
    //@Select("select * from tb_user where username=#{username}")
    User selectUserName(@Param("username") String username);
}

🔎User实体类

package com.moming.pojo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@NoArgsConstructor
@AllArgsConstructor
public class User {
    private Integer id;
    private String username;
    private String password;
}

🔎LoginServlet

package com.moming.web;

import cn.hutool.json.ObjectMapper;
import com.moming.mapper.UserMapper;
import com.moming.pojo.User;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.InputStream;
import java.util.List;

@WebServlet("/loginServlet")
public class LoginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1.接收用户信息
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        //2.调用MyBatis完成查询
        //1.加载mybatis的核心配置文件,获取SqlSessionFactory
        //定义配置文件的路径
        String resource = "mybatis-config.xml";
        //资源加载返回字节输入流
        InputStream inputStream = Resources.getResourceAsStream(resource);
        //获取工厂
        SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);

        //2.获取SqlSession对象,用它来执行sql
        SqlSession sqlSession = sqlSessionFactory.openSession();

        //3.执行sql
        //参数就是sql语句的唯一标识
        //自动封装结果集
        //3.1使用代理接口,先拿对象,再调方法
        UserMapper mapper = sqlSession.getMapper(UserMapper.class);
        User user = mapper.selectUser(username, password);

        //4.释放资源
        sqlSession.close();
        response.setContentType("text/html;charset=utf-8");
        if(user!=null){
            //存在,登录成功
            response.getWriter().print("登录成功");
        }else {
            //不存在,登录失败
            response.getWriter().print("登录失败");
        }
    }

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

🔎RegisterServlet

package com.moming.web;

import com.moming.mapper.UserMapper;
import com.moming.pojo.User;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.io.InputStream;

@WebServlet("/registerServlet")
public class RegisterServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws  IOException {
        //获取数据
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        //封装数据
        User user = new User();
        user.setUsername(username);
        user.setPassword(password);
        //调用mapper根据用户名查询用户对象
        //1.加载mybatis的核心配置文件,获取SqlSessionFactory
        //定义配置文件的路径
        String resource = "mybatis-config.xml";
        //资源加载返回字节输入流
        InputStream inputStream = Resources.getResourceAsStream(resource);
        //获取工厂
        SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
        //2.获取SqlSession对象,用它来执行sql
        SqlSession sqlSession = sqlSessionFactory.openSession();
        //3.执行sql
        //参数就是sql语句的唯一标识
        //自动封装结果集
        //3.1使用代理接口,先拿对象,再调方法
        UserMapper mapper = sqlSession.getMapper(UserMapper.class);
        User user1 = mapper.selectUserName(username);
        //判断用户对象是否为null
        response.setContentType("text/html;charset=utf-8");
        if(user1==null){
            //用户不存在,可以添加新用户
            mapper.insertUser(user);
            response.getWriter().print("用户创建成功");
            //提交事务
            sqlSession.commit();
            //4.释放资源
            sqlSession.close();
        }else {
            //用户名存在,不能添加
            response.getWriter().print("用户名已存在");
        }
    }

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

🔎UserMapper接口

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.moming.mapper.UserMapper">
    <!--在<select>标签中,使用resultMap属性替换 resultType属性-->
    <!--<resultMap id="userResultMap" type="User">-->
    <!--    <result column="username" property="username"></result>-->
    <!--    <result column="password" property="password"></result>-->
    <!--</resultMap>-->
    <!--查询数据库是否存在此用户-->
    <select id="selectUser" resultType="User">
        select *
        from tb_user
        where username=#{username} and password=#{password}
    </select>
    <insert id="insertUser" >
        insert into tb_user (id,username,password)
        values (null, #{username},#{password});
    </insert>
    <select id="selectUserName" resultType="User">
        select *
        from tb_user
        where username=#{username};
    </select>

</mapper>

💦 总结说明

此案例比较简单,登录或注册成功及失败后只是在页面同步响应了简单的提示信息,练习的侧重点主要是Servlet、MyBatis的使用,后续会进一步完善其他业务

🧡另外如果需要整个项目源码的在评论区说明🧡

沫洺
关注
专栏目录
java登录界面_制作用户登录界面（JAVA实现）
weixin_27808545的博客
02-12 674
packageexample02;importjava.awt.event.ActionEvent;importjava.awt.event.ActionListener;importjava.awt.event.ItemEvent;importjava.awt.event.ItemListener;importjavax.swing.ButtonGroup;importjavax.swing.D...
javaweb实现登录注册案例(二)
hy123154的博客
11-10 966
然后用UserDataService对象里的registerAction方法验证注册信息是否规范,使用errors集合接收返回的错误信息。然后再进入dao层根据用户信息查询数据库内是否有重复,如果这里也验证通过后就可以向数据库添加用户信息了。注册成功将结果集对象的flag属性设置为true,注册失败设置为false。前台再使用ajax回调函数判断这个flag就能知道用户是否注册成功。上一期大致讲到了前台验证的方面,接下来就是要向后台提交数据。之后判断返回的集合内信息是否为空,如果为空说明数据验证通过。
一个简单的注册登陆java代码
09-23
一个简单的注册登陆java代码，包括注册、登陆、验证。密码重提输入，检测用户名是否有重名等
写一个java登录注册界面
weixin_35750483的博客
12-22 366
好的，我来为你写一个 Java 登录注册界面的示例代码。 首先，你需要准备好一个数据库，用于存储用户的登录信息。然后，你可以使用 Java 的 GUI 工具包(比如 Swing 或者 JavaFX)来创建登录注册界面。 这里是一个使用 Swing 创建的登录注册界面的示例代码： ``` import java.awt.BorderLayout; import java.awt.EventQueue...
java用户注册登录界面代码
最新发布
qq_28514075的博客
12-27 2188
这个示例使用了Java的Swing库来创建一个简单的图形用户界面。界面上有两个文本框用于输入用户名和密码，以及两个按钮用于登录和注册。当用户点击登录或注册按钮时，会触发相应的事件处理程序，你可以在这些处理程序中添加实际的登录和注册逻辑。
Java实现登陆注册界面
热门推荐
qq_44654974的博客
06-28 2万+
一、工具准备 1.Java开发集成工具 : mycilpse (可以采用更先进的idea intellij) 2.包：jdbc包 3.数据库：sql server 二、知识需求 1.java swing (也可采用SWT designer进行辅助界面设计 ) 所用组件： JButton:登陆 JLabel:使用JLabel(new ImgeIcon(url)),进行背景设置，最好使用相对地址 "/" 将图片放在程序文件之中，也可使用本地
javaweb简单登陆注册案例
06-21
javaweb简单登陆注册案例
Javaweb新手入门案例 数据库连接登录注册
12-25
在IT行业中，JavaWeb开发是构建...通过这个简单的JavaWeb登录注册案例，新手可以学习到Web应用的基本架构、数据库操作以及用户认证的实现方法。同时，MD5加密和注解的使用也展示了实际开发中的安全实践和简洁编程思想。
JavaWeb(十一)——登录注册小案例
吃饭了吗
03-09 1058
1. 在MySQL中创建一个用户表 2. 在IDEA中创建此项目 打开idea–>File–>New->Moudle–>JavaEnterprise–>勾选Web Application–>项目命名为logindemo 3. 对项目进行分层 在src目录下创建如下包，用于分层。 domain：实体类；servlet：控制层；dao：接口层；service：...
用HTML做一个简单的web登录页面,简单的JavaWeb注册登录案例
weixin_34094282的博客
06-04 4214
简单的JavaWeb注册登录案例1.注册页面register.htmlregister姓名：电话：邮箱：qq： 2.注册案例实现程序register.java/*** 注册案例实现程序* @author lucky**/public class register extends HttpServlet {public void doGet(HttpServletRequest request, H...
基于javaweb实现的简单注册登录界面（附带用户增删改查）
qq_51502732的博客
07-22 5571
基于javaweb实现的登录注册界面
JAVA基础-登录注册界面开发
lwxklts的博客
01-31 1383
创建一个主函数，在主函数中 创建LoginUI 对象调用 initUI()方法。2: 打开ActionListener 的源码 将其中的方法复制到这个类中。5： 按钮对象通过调用 addActionListener 方法添加监听器对象。4： 将写好的类拿到按钮对象所在的位置创建一个对象。3： 在方法中加入点击按钮之后要执行的代码。创建一个类和方法（设置窗体和组件对象）创建一个窗体对象 - JFrame。创建组件对象、按钮、输入框、标签等。设置组件对象的属性以及内容。设置窗体对象的相关属性。
用Java写的登录注册功能
11-10
通过Java代码写的用户登录注册功能，源码和jar包都有，
基于Java的界面开发【用户注册登录】
weixin_65240122的博客
05-30 1万+
利用Java内部自带的一些包，完成用户注册登录的界面设计。
java实验：数据库应用（idea+mysql+php)设计用户注册和登录
m0_75017568的博客
12-02 2421
代码是在idea中编写，首先要下载驱动文件mysql-connector-j-8.2.0.jar，根据提示填写，我这里的数据库名称是student,用户名ly，密码123456，最后点击确认。找到刚刚导入的mysql-connector-j-8.2.0.jar，双击点ok就可以了。下载之后，把mysql-connector-j-8.2.0.jar复制到项目中。就依次按刚创建的数据库填写连接名，用户名，密码，其他不用改动，点击确定。这两个建议一起下，接着是配置环境，可以搜一下配置教程。接着转到mysql,
JavaWeb-简单的注册登录例子
Kid_TH的博客
10-23 8581
简单的注册登录例子要求： 1.用户名 2.密码 3.密码找回问题 4.答案 （首先必须判断用户名是否可用）LoginResServlet.javapackage com.xieth.javaweb;import java.io.IOException; import java.io.PrintWriter; import java.sql.Connection; import java.s
javaweb(js)实现登录注册案例(一)
hy123154的博客
10-13 5498
这里实现的方法是给每个输入框添加"change"事件,相对于blur事件change事件是在对象值发生变化时触发,而blur事件是对象失去焦点时触发,避免了点击输入框后不输入内容报出错误信息.首先要进行非空验证(包括空字符串,避免用户输入全空格),然后使用正则验证数据的规范,有未通过的一项则在外面的标识符返回false,如果都通过了就返回true。需要注意的是,在切换另一个窗口时,需要将输入框里的value值和报错提示框的值清空,实现刷新的效果.之后是要对输入框里的值做一个实时验证,提高使用的舒适度。
JAVA_GUI之“注册登陆界面”
随风小江~
06-25 5581
JAVA_GUI、JAVA面向对象、实验
java登录注册页面
10-15
用java写的用户登录注册页面，单纯的servlet，包括增删查改功能，管理员登录成功可以查看删除用户！简单易懂！
用java做一个登录界面
m0_73566089的博客
06-29 7228
创建一个窗体类，声明一个初始化方法，创建一个主函数，在主函数创建此类对象并调用初始类方法。创建按钮组对象：ButtonGroup group = new ButtonGroup();按照流式布局的规则：从左至右 从上至下 整体居中，根据组件的内容来决定组件大小。5.设置布局管理器：setLayout(new FlowLayout())javax.swing.JPasswordField;将单选框添加到按钮组中：group.add(radio 1);
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沫洺

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值