使用springBoot、js、jQuery实现稍复杂的登录注册功能

最新推荐文章于 2022-11-02 07:25:28 发布
最新推荐文章于 2022-11-02 07:25:28 发布
阅读量1.4k 收藏 9
点赞数 2
文章标签： java javascript jquery spring boot mybatis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zixiafan/article/details/121582372
版权

gitee网址：

https://gitee.com/fanzixia/fruit-mall

这个文章主讲主干逻辑，一些必须静态资源需要前往git获取

下载完成后使用idea直接open此文件即可，不需要特殊部署

 数据库配置和文件结构讲解请见 README.md

tips：此工程可能后期会成为水果商城，但是登录注册不会大改，有一定java基础的可以放心使用

简介

页面带有正值

登录：可以记录密码错误时间和密码错误次数，超过五次账号当天冻结不可再登，第二天自动解封

注册：用户名必须为字母或数字，且长度为3-10，密码必须为数字3-10位

如果需要修改正值的内容，只需要修改以下几个地方 

 用户名失去焦点时就可检验用户名是否重复

 正题

数据库： 

/*
 Navicat MySQL Data Transfer

 Source Server         : localhost_3306
 Source Server Type    : MySQL
 Source Server Version : 50617
 Source Host           : localhost:3306
 Source Schema         : fruitmall

 Target Server Type    : MySQL
 Target Server Version : 50617
 File Encoding         : 65001

 Date: 28/11/2021 09:32:18
*/

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;

-- ----------------------------
-- Table structure for user
-- ----------------------------
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user`  (
  `id` int(10) NOT NULL AUTO_INCREMENT COMMENT 'ID',
  `username` varchar(25) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '用户名',
  `password` varchar(25) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL COMMENT '密码',
  `createtime` datetime NULL DEFAULT NULL COMMENT '创建时间',
  `errortime` datetime NULL DEFAULT NULL COMMENT '错误时间',
  `errorcount` int(6) NULL DEFAULT NULL COMMENT '错误次数',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 7 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;

-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES (1, 'fanzixia', '123', '2021-11-22 13:01:20', '2021-11-22 20:21:49', 0);
INSERT INTO `user` VALUES (2, 'zhangsan', '123', '2021-11-23 15:17:48', NULL, 0);
INSERT INTO `user` VALUES (3, 'lisi', '123', '2021-11-23 15:19:49', NULL, 0);
INSERT INTO `user` VALUES (4, 'wangwu', '123', '2021-11-23 15:20:07', NULL, 0);
INSERT INTO `user` VALUES (5, 'zhaoliu', '123', '2021-11-23 15:21:57', NULL, 0);
INSERT INTO `user` VALUES (6, 'bling', '987654321', '2021-11-23 15:36:06', NULL, 0);

SET FOREIGN_KEY_CHECKS = 1;

前端页面：

登录：

<!DOCTYPE HTML>
<html lang="zxx">

<head>
	<title>登录</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content=""
	/>
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- Meta tag Keywords -->
	<!-- css files -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link rel="stylesheet" href="css/font-awesome.4.7.0.css">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->
	<script src="../js/jquery-1.8.0.js"></script>
	<script>
		function doLogin() {
			var username=$("#username").val();
			var password=$("#password").val();
			$.ajax({
				url: "/login.do",
				type: "post",
				data: {
					username:username,
					password:password
				},
				success: function (user) {
					if (user.stateCode!=0){
						alert(user.state);
					}else {
						window.location.href="main.html";
					}
				}
			});

		}
	</script>
</head>

<body>
	<!-- bg effect -->
	<div id="bg">
		<canvas></canvas>
		<canvas></canvas>
		<canvas></canvas>
	</div>
	<!-- //bg effect -->
	<!-- title -->
	<h1>Fruit Mall</h1>
	<!-- //title -->
	<!-- content -->
	<div class="sub-main-w3">
		<form action="#" method="post">
			<h2>登录
				<i class="fa fa-long-arrow-down"></i>
			</h2>
			<div class="form-style-agile">
				<label>
					<i class="fa fa-user"></i>
					用户名
				</label>
				<input placeholder="用户名" id="username" name="Name" type="text" required="">
				<font id="usernameTips"></font>
			</div>
			<div class="form-style-agile">
				<label>
					<i class="fa fa-unlock-alt"></i>
					密码
				</label>
				<input placeholder="密码" id="password" name="Password" type="password" required="">
				<font id="passwordTips"></font>
			</div>
			<!-- checkbox -->
			<div class="wthree-text">
				<ul>
					<li>
						<label class="anim">
							<!--<input type="checkbox" class="checkbox" required="">-->
							<span><a href="register.html">没有账号？<font color="aqua">注册</font>一个</a></span>
						</label>
					</li>
					<li>
						<a href="#">忘记密码?</a>
					</li>
				</ul>
			</div>
			<!-- //checkbox -->
			<input type="button" value="登录" onclick="doLogin()">
		</form>
	</div>
	<!-- //content -->

	<!-- copyright -->
	<div class="footer">
		
	</div>
	<!-- //copyright -->

	<!-- Jquery -->
	<script src="js/jquery-1.10.2.js"></script>
	<!-- //Jquery -->

	<!-- effect js -->
	<script src="js/canva_moving_effect.js"></script>
	<!-- //effect js -->

</body>

</html>

注册：

<!--@ZixiaFan 2021/11/23 13:20-->
<!DOCTYPE html>
<html lang="en">
<head>
    <title>注册</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content=""
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- Meta tag Keywords -->
    <!-- css files -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
    <!-- Style-CSS -->
    <link rel="stylesheet" href="css/font-awesome.4.7.0.css">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //css files -->
    <script src="../js/jquery-1.8.0.js"></script>
    <script type="text/javascript">

        //注册提交
        function doRegister() {
            if($("#agreement").checked()!=true){
                alert("请同意用户协议才能完成注册！");
                return;
            }

            //ajax提交数据
            $.ajax({
                url:"register.do",
                type:"post",
                data:{
                    username:$("#username").val(),
                    password:$("#password").val()
                },
                success:function (data) {
                    if(data==1){
                        alert("注册成功！请尽快设置密码保护，否则忘记密码后无法找回密码");
                        window.location.href="login.html";
                    }else {
                        alert("系统错误，注册失败，强联系客服");
                    }
                }

            });
        }
        //正值
        $(function () {
            $("#username").blur(function () {
                var name=$("#username").val();
                var nameRge=/^[a-zA-Z]{3,10}$/;
                if (!nameRge.test(name)){
                    $("#usernameTips").html("您输入的用户名不符合标准");
                    $("#username").val("");
                    return;
                }
                $.ajax({
                    url: "UniqueUsername.do",
                    type: "post",
                    data: {
                        username:$("#username").val()
                    },
                    success:function (data) {
                       if(data==0){
                           $("#usernameTips").html("用户名已存在");
                           $("#username").val("");
                       }else {
                           $("#usernameTips").html("");
                       }
                    }
                });
            });
            $("#password").blur(function () {
                var pwd=$("#password").val();
                var pwdRge=/^\d{3,10}$/;
                if (!pwdRge.test(pwd)){
                    $("#passwordTips").html("您输入的密码不符合标准");
                    $("#password").val("");
                    return;
                }else {
                    $("#passwordTips").html("");
                }
            });
            $("#rpassword").blur(function () {
                var pwd=$("#password").val();
                var rpwd=$("#rpassword").val();
                if (pwd!=rpwd){
                    $("#rpasswordTips").html("两次密码不一致");
                    $("#rpassword").val("");
                    return;
                }else {
                    $("#rpasswordTips").html("");
                }
            });

        });
    </script>
</head>

<body>
<!-- bg effect -->
<div id="bg">
    <canvas></canvas>
    <canvas></canvas>
    <canvas></canvas>
</div>
<!-- //bg effect -->
<!-- title -->
<h1>Fruit Mall</h1>
<!-- //title -->
<!-- content -->
<div class="sub-main-w3" id="abc">
    <form action="#" method="post">
        <h2>注册
            <i class="fa fa-long-arrow-down"></i>
        </h2>
        <div class="form-style-agile">
            <label>
                <i class="fa fa-user"></i>
                用户名
            </label>
            <input placeholder="用户名" id="username" name="Name" type="text" required="">
            <font id="usernameTips" color="#dc143c"></font>
        </div>
        <div class="form-style-agile">
            <label>
                <i class="fa fa-unlock-alt"></i>
                密码
            </label>
            <input placeholder="密码" id="password" name="Password" type="password" required="">
            <font id="passwordTips" color="#dc143c"></font>
        </div>
        <div class="form-style-agile">
            <label>
                <i class="fa fa-unlock-alt"></i>
                确认密码
            </label>
            <input placeholder="密码" id="rpassword" name="rPassword" type="password" required="">
            <font id="rpasswordTips" color="#dc143c"></font>
        </div>
        <!-- checkbox -->
        <div class="wthree-text">
            <ul>
                <li>
                    <label class="anim">
                        <input type="checkbox" id="agreement" class="checkbox" required="">
                        <span>同意用户协议</span>
                    </label>
                </li>
                <li>
                    <a href="toLogin">已有账号?前去<font color="aqua">登录</font></a>
                </li>
            </ul>
        </div>
        <!-- //checkbox -->
        <input type="button" value="注册" onclick="doRegister()">
    </form>
</div>
<!-- //content -->

<!-- copyright -->
<div class="footer">

</div>
<!-- //copyright -->

<!-- Jquery -->
<script src="js/jquery-1.10.2.js"></script>
<!-- //Jquery -->

<!-- effect js -->
<script src="js/canva_moving_effect.js"></script>
<!-- //effect js -->

</body>

</html>

JavaBean

package com.fan.admin.bean;

/**
 * ZixiaFan
 * 2021/11/15 14:04
 */
public class User {
    private Integer id;
    private String username;
    private String password;
    private String createtime;
    private String errortime;
    private Integer errorcount;

    private int stateCode;//状态码
    private String state;//状态

    public User() {
    }

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

    public User(Integer id, String username, String password, String createtime, String errortime, Integer errorcount) {
        this.id = id;
        this.username = username;
        this.password = password;
        this.createtime = createtime;
        this.errortime = errortime;
        this.errorcount = errorcount;
    }

    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 Integer getId() {
        return id;
    }

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

    public String getCreatetime() {
        return createtime;
    }

    public void setCreatetime(String createtime) {
        this.createtime = createtime;
    }

    public String getErrortime() {
        return errortime;
    }

    public void setErrortime(String errortime) {
        this.errortime = errortime;
    }

    public Integer getErrorcount() {
        return errorcount;
    }

    public void setErrorcount(Integer errorcount) {
        this.errorcount = errorcount;
    }

    public int getStateCode() {
        return stateCode;
    }

    public void setStateCode(int stateCode) {
        this.stateCode = stateCode;
    }

    public String getState() {
        return state;
    }

    public void setState(String state) {
        this.state = state;
    }

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                ", createtime='" + createtime + '\'' +
                ", errortime='" + errortime + '\'' +
                ", errorcount=" + errorcount +
                ", stateCode=" + stateCode +
                ", state='" + state + '\'' +
                '}';
    }
}

controller

控制页面跳转的 indexController

package com.fan.admin.controller;

import com.fan.admin.bean.User;
import com.fan.admin.service.UserServiceImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

/**
 * ZixiaFan
 * 2021/11/15 12:46
 */
@Controller
public class indexController {

    @Autowired
    UserServiceImpl userService;


    @GetMapping(value = {"/","/index"})
    public String loginPage(){
        return "index";
    }

    @GetMapping(value = {"/toLogin","login.html"})
    public  String toLogin(){
        return "user/login";
    }



    @GetMapping(value = {"main.html","main"})
    public String toMain(){
        return "index";
    }

    @GetMapping(value = {"register.html","register"})
    public String toRegister(){
        return "user/register";
    }

}

UserController

package com.fan.admin.controller;

import com.fan.admin.bean.User;
import com.fan.admin.service.UserServiceImpl;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpSession;

/**
 * ZixiaFan
 * 2021/11/23 14:03
 */
@Controller
public class UserController {

    @Autowired
    UserServiceImpl userService;

    /**
     * 登录
     * @param username
     * @param password
     * @return
     */
    @ResponseBody
    @PostMapping("/login.do")
    public User login(@RequestParam("username") String username, @RequestParam("password") String password , HttpSession session){
        User user= new User();
        user.setPassword(password);
        user.setUsername(username);
        User login = userService.login(user);
        if (login.getStateCode()==0){
            session.setAttribute("user",login);
        }
        return login;
    }

    /**
     * 注册
     * @param username
     * @param password
     * @return
     */
    @ResponseBody
    @PostMapping("/register.do")
    public int register(@RequestParam("username") String username, @RequestParam("password") String password){
        User user= new User();
        user.setPassword(password);
        user.setUsername(username);
        System.out.println(user);
        int res = userService.register(user);
        return res;
    }

    /**
     * 验证用户名是否唯一
     * @return 0 不唯一    1 唯一
     */
    @ResponseBody
    @PostMapping("/UniqueUsername.do")
    public int UniqueUsername(@RequestParam("username") String username){
        int res= userService.UniqueUsername(username);
        return res;
    }

    @GetMapping("/toUserHome")
    public String toUserHome(){
        return "user/userHome";
    }
}

service

业务逻辑：UserService 接口

package com.fan.admin.service;

import com.fan.admin.bean.User;

/**
 * ZixiaFan
 * 2021/11/22 16:36
 */
public interface UserServvice {
    /**
     * 登录
     * @param user
     * @return
     */
    public User login(User user);

    /**
     * 注册
     * @param user
     * @return
     */
    public int register(User user);

    /**
     * 验证用户名是否唯一
     * @param username
     * @return
     */
    int UniqueUsername(String username);
}

业务逻辑实现：UserServiceImpl

package com.fan.admin.service;

import com.fan.admin.bean.User;
import com.fan.admin.mapper.UserMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.text.SimpleDateFormat;
import java.util.Date;

/**
 * ZixiaFan
 * 2021/11/21 18:57
 */
@Service
public class UserServiceImpl implements UserServvice {

    @Autowired
    UserMapper userMapper;

    /**
     * 登录
     * @return 0:成功 1：今日错误次数超过五次，请明天再试" 2：密码错误 3：用户名不存在
     */
    public User login(User user){
        int res=-1;
        String s="";
        Date date=new Date();
        String t = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(date);
        //检查用户名是否存在
        User u = userMapper.queryUsernameExists(user.getUsername());
        if (u!=null){//存在 查看今日失败次数 >5 不允许登录
            if (u.getErrorcount()>=5){
                //检查次数有无过时
                User user1=u;
                u.setErrortime(t);
                Integer errorDay = userMapper.queryErrorDay(user1);
                if (errorDay>=1){
                    if (u.getPassword().equals(user.getPassword())){
                        user1.setErrorcount(0);
                        userMapper.updateErrorCount(user1);
                        s="登陆成功";
                        u.setErrorcount(0);
                        userMapper.updateErrorCount(u);
                        res=0;
                    }else {
                        user1.setErrortime(t);
                        user1.setErrorcount(1);
                        userMapper.updateCountTime(user1);
                    }
                }else {
                    s="今日错误次数超过五次，请明天再试";
                    res=1;
                }
            }else {//<5 验证用户名和密码是否对应
//                User user1 = userMapper.login(user);
                if (u.getPassword().equals(user.getPassword())){
                    s="登陆成功";
                    u.setErrorcount(0);
                    userMapper.updateErrorCount(u);
                    res=0;
                }else {
                    s="密码错误";
                    res=2;
                    u.setErrortime(t);
                    u.setErrorcount(1+u.getErrorcount());
                    userMapper.updateCountTime(u);
                }
            }
        }else {//不存在 提示 用户名是否存在
            s="用户名不存在";
            res=3;
        }
        user.setState(s);
        user.setStateCode(res);
        return user;
    }

    /**
     * 注册
     * @param user
     * @return
     */
    @Override
    public int register(User user) {
        Date date=new Date();
        String t = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(date);
        user.setCreatetime(t);
        return userMapper.register(user);
    }

    /**
     * 验证用户名是否唯一
     * @param username
     * @return
     */
    @Override
    public int UniqueUsername(String username) {
        User user = userMapper.queryUsernameExists(username);
        if (user!=null){
            return 0;
        }else {
            return 1;
        }
    }
}

数据库访问层mapper

UserMapper 接口：定义数据库访问的逻辑

package com.fan.admin.mapper;

import com.fan.admin.bean.User;
import org.apache.ibatis.annotations.Mapper;

/**
 * ZixiaFan
 * 2021/11/21 18:45
 */
@Mapper
public interface UserMapper {

    /**
     * 验证用户名密码是否对应
     * @param user
     * @return
     */
    public User login(User user);

    /**
     * 查询用户名是否存在
     * @param username
     * @return
     */
    public User queryUsernameExists(String username);

    /**
     * 检查错误天数
     * @param user=errortime是当前时间，比较数据库存的错误时间
     * @return 错误天数
     */
    public Integer queryErrorDay(User user);

    /**
     * 更改错误次数
     * @param user=存的错误次数
     * @return
     */
    public int updateErrorCount(User user);

    /**
     * 更改错误时间并且使count+1
     * @param user
     * @return
     */
    public int updateCountTime(User user);

    /**
     * 注册
     * @param user
     * @return 0 失败     1 成功
     */
    int register(User user);
}

UserMapper.xml

<?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.fan.admin.mapper.UserMapper">
    <select id="login" resultType="com.fan.admin.bean.User" parameterType="com.fan.admin.bean.User">
    select * from user where username=#{username} and password=#{password}
    </select>
    <select id="queryUsernameExists" parameterType="String" resultType="com.fan.admin.bean.User">
        select * from user where username=#{username}
    </select>
    <select id="queryErrorDay" parameterType="com.fan.admin.bean.User" resultType="Integer">
        select DATEDIFF(#{errortime},errortime) as ErrorDay from user where id=#{id}
    </select>
    <update id="updateErrorCount" parameterType="com.fan.admin.bean.User">
        update user set errorcount=#{errorcount} where id=#{id}
    </update>
    <update id="updateCountTime" parameterType="com.fan.admin.bean.User">
        update user set errorcount=#{errorcount} , errortime=#{errortime} where id=#{id}
    </update>
    <insert id="register" parameterType="com.fan.admin.bean.User">
        insert into user (username,password,createtime,errorcount) values (#{username},#{password},#{createtime},0)
    </insert>
</mapper>

分享总结

如有侵权，请联系删除

范紫夏
关注
SpringBoot与jQuery前端框架
AI天才研究院
02-07 313
1. 背景介绍 1.1 SpringBoot简介 SpringBoot是一个基于Spring框架的开源Java项目，旨在简化Spring应用程序的创建、配置和部署。它提供了一种快速开发的方法，使得开发者可以更专注于业务逻辑的实现，而不需要花费大量时间在配置和依赖管理上。SpringBoot的
jquery+ajaxform+springboot控件实现数据更新功能
10-18
为了实现使用jquery+ajaxform+springboot的数据更新功能，需要按照以下步骤进行开发： 1. 引入ajaxForm插件，确保页面中能够使用该插件提供的功能。 2. 在需要进行数据提交的地方，使用ajaxSubmit方法，配置相关的...
SpringBoot+jQuery实现登陆
jh_negit的博客
02-16 915
HTML页面 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head > <meta charset="UTF-8"> <title>虫子</title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> &
初次使用springboot与jQuery实现简单的用户登录注册功能
weixin_43833026的博客
02-20 1620
logincontroller package com.zz.xd.controller; import java.util.List; import javax.annotation.Resource; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.b...
jquery增、删实例——用户信息注册界面
weixin_45846805的博客
05-17 948
我们看看该用户信息注册界面的结构与需要实现的功能 页面要求 1.页面的布局 2.用户与email邮箱的判断 3.添加功能 3.1数据的获取 3.1数据的动态加入 4.删除功能 业务逻辑 1. 页面的布局不需要过多说明 HTML + css可以实现 2. 添加功能实现之前我们需要给用户名与email做正则判断与非空判断 所以在添加按钮之后先写个一函数开关msg()来做判断 3. 当用户输入的用户名与邮箱格式正确后再执行数据的获取与添加以及删除，该部分用一个函数来完成(push()) 简单的逻辑就是 ： 用户
jQuery实现注册
haiziccc的专栏
03-27 904
直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="styl...
使用jQuery和SpringBoot实现文件上传教程
该文档是关于使用jQuery和SpringBoot实现文件上传功能的示例代码。 在Web开发中，文件上传是一项常见的需求。本示例展示了如何结合JavaScript库jQuery与Java后端框架SpringBoot来实现这一功能。jQuery简化了前端...
SpringBoot登录判断过程代码实例
08-25
2. JavaScript 登录代码：在 JavaScript 中，我们可以使用 jQuery 库来处理登录事件，並使用 AJAX 技术来发送请求到服务器端，并对服务器端的响应进行处理。 3. JsonMsg 工具类：在服务器端，我们可以使用 JsonMsg ...
D3.js实现人物关系图谱有移动、拖拽、放大功能
04-28
在“D3.js实现人物关系图谱有移动、拖拽、放大功能”这个主题中，我们将深入探讨如何利用D3.js来创建交互式的人物关系网络图，并实现平移、缩放和拖拽等动态效果。 首先，理解D3.js的基础是关键。D3.js全称为Data-...
JAVA驾校预约管理系统源码+数据库，后端采用SpringBoot+Mysql，前端使用jQuery框架
最新发布
01-09
再来看看前端部分，jQuery是一个强大的JavaScript库，它极大地简化了JavaScript的使用，提供了丰富的DOM操作、事件处理、动画设计等功能。在这个系统中，jQuery用于构建用户界面，提升用户体验。例如，学员可以通过...
springboot整合jquery和bootstrap框架过程图解
10-15
主要介绍了springboot整合jquery和bootstrap框架过程图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JQuery ajax请求springboot接口登录
akko
12-05 725
//前端 $.ajax({ type:"post", url:"http://localhost:8080/login", //将json对象转化为json字符串 data:JSON.stringify({'username':'akko','password':'123456'}), //规定发送数据流类型 json contentType:"applicatio
SpringBoot+jquery 登录+验证码校验
xiaoxin0630的博客
12-20 1592
展示页面    首先我贴上前端代码 &lt;div class="container"&gt; &lt;div class="col-md-4 location"&gt; &lt;div class="form-signin text-center"&gt; &lt;h2 class="form-signin-h
SpringBoot ajax+jquery
晴空马仔的博客
03-13 2697
今天有用到ajax post提交到控制器的功能,在网上找了一些方式 其中一种pom配置webjars的,简直是坑,劝大家用最原始的方式,把query.min.js放在resource下static下js下 然后html中引入js即可 就是那么简单,别的方式如果有实现的当然很好,我的就是死活读不出webjars中的文件,如果你们有更好的方法可以评论让我学习一下....
06-SpringBoot整合Jquery
翁老师的教学团队
11-02 1953
（1）原生Ajax编程为什么不用？代码量大，使用不方便，封装成函数，直接调用（2)jQuery框架的ajax函数。
Springboot通过数据库实现简单登录功能
qq_46046423的博客
03-10 5228
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
SpringBoot实现注册操作
weixin_40476971的博客
08-15 2210
这段时间开始做后台接口的测试都是在自己电脑上做的一些简单的界面来测试自己写的接口有没有出现什么问题。
springboot+jQuery+ajax实现一个简单的输入框的动态检测
qq_43732691的博客
12-25 1117
springboot+jQuery+ajax实现一个简单的输入框的动态检测 1、在idea中新建一个springboot的项目，记得在选择项中勾上springWeb和模板引擎Thymeleaf 2、在resource目录下的templates新建一个index.html文件 代码为如下： <!DOCTYPE html> <html lang="en" xmlns:mvc="...
springboot+jquery实现文件异步上传——浅谈SOA
生命不止摸鱼不止
09-23 1160
关于springBoot就不做介绍了，个让你觉得是个不错的框架，要学习或者了解springBoot，应该对spring的一些基本配置有一定的了解，不要一蹴而就。 这次的博文主要是介绍&nbsp;springboot+jquery实现文件异步上传，分一下几点介绍： 第一、springBoot的配置文件的配置： [html] view plain copy print?&lt;code&nbsp;...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值