小白日记：注册校验用户名是否存在（详细过程）

最新推荐文章于 2024-03-26 20:20:27 发布

moro_s

最新推荐文章于 2024-03-26 20:20:27 发布

阅读量945

点赞数

分类专栏：小白日记文章标签： html ajax java

本文链接：https://blog.csdn.net/moro_s/article/details/105778558

版权

所用技术

*前端：Html+Jquery+Ajax
*后台：Tomcat8 + Java1.8
*数据库：mysql5.5 + sqlyog + Druid + JdbcTemplate
*IDE:idea2020.1

1、数据库准备

1.1创建数据库和表：

CREATE DATABASE testdemo5;
USE testdemo5;
CREATE TABLE USERLOGIN(
	ID INT PRIMARY KEY AUTO_INCREMENT,
	USRNAME VARCHAR(30) NOT NULL,
	PASSWOED VARCHAR(30) NOT NULL
);

1.2添加测试数据：

INSERT INTO USERLOGIN VALUES(NULL,'lisi','123');

2、创建JavaWeb项目，导入各类开发工具包

2.1创建JavaWeb项目
2.2在web目录下创建CSS目录，导入要使用的JQuery包
2.2在WEB-INF目录下创建lib目录，导入要使用的各类开发工具包：
灰色是JdbcTemplate,蓝色是Druid，黄色是jackson,红色是MysqlJdbc

在这里插入图片描述

3、编写前端HTML页面

3.1做一个简单的前端测试页面

<body>
<form action="">
    <input type="text" id="username" name="username" placeholder="请输入用户名">
    <span id="s_username"></span>
    <br>
    <input type="password" id="password" name="password" placeholder="请输入密码"><br>
    <input type="submit" value="注册">
</form>
</body>

3.2使用JQuery添加AJAX逻辑

<script>
    $(function () {
   
        //为username绑定失去焦点事件
       $("#username").blur(function () {
   
           //获取文本框内容

最低0.47元/天解锁文章

moro_s

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录