个人博客项目(1) --- 用户注册

最新推荐文章于 2022-12-28 13:34:00 发布

满眼*星辰

最新推荐文章于 2022-12-28 13:34:00 发布

阅读量831

点赞数 3

分类专栏：个人博客项目文章标签： mysql java jdbc json servlet

本文链接：https://blog.csdn.net/starry1441/article/details/115448946

版权

用户注册

用户注册

用户注册

(一)设计数据库中的用户表

要实现用户注册的功能，首先就要先创建一个数据库，然后创建一张用户表。

用户表：

id：用户号
createtime：创建时间
updatetime：修改时间
username：用户名
password：密码
state：账号状态

sql语句：

-- 创建数据库
drop database if exists blogtest;
create database blogtest;

-- 操作java18blog这个数据库
use blogtest;

-- 创建用户表
drop table if exists userinfo;
create table userinfo(
    id int primary key auto_increment,
    createtime datetime default now(),
    updatetime datetime default now(),
    username varchar(50) not null,
    password varchar(32) not null,
    state int default 1
);

(二) 创建项目

创建servlet项目步骤可以看我这篇文章点击跳转

配置tomcat可以看我这篇点击跳转

项目分包处理：
在这里插入图片描述

(三) 导入引用包

在pom.xml中的dependencies中加入jabc包和servlet包

<!--mysql-->
    <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.48</version>
    </dependency>


    <!--Servlet引用-->
    <!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
      <scope>provided</scope>
    </dependency>

(四) 注册前端页面

记得放入jQuery包后需要手动在idea进行导入，我这篇文章有提及点击跳转

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        function mysub(type) {
    
            //1. 通过输入的id获取值
            var username = jQuery("#username");
            var password = jQuery("#password");
            var password2 = jQuery("#password2");
            //2. 清空操作
            if(type == 2) {
    
                if(confirm("确认清空吗？")) {
    
                    username.val("");
                    password.val("");
                    password2.val(""