基于Springboot框架的登录注册页面 您所在的位置:网站首页 万一网会员登录页面在哪 基于Springboot框架的登录注册页面

基于Springboot框架的登录注册页面

2023-06-21 15:26| 来源: 网络整理| 查看: 265

今天正式开始第一篇文章创作,很高兴大家能够见证我的成长,也祝愿大家早日升职加薪哈。

首先声明,本人是技术小白,我只做我自己学习的总结。如果有技术上的错误,误导了大家,希望大家能及时做出补充指正。

下面开始我们的正事,首先对需求进行分析,进一步设计我们的数据库表。这里我用的是mysql数据库和navicat工具。

我们给连接起好名字,填写上自己的本机地址(默认localhost就行)、3306端口号和数据库的用户名和密码。

进入连接后,我们可以通过工具右键连接创建一个数据库,再在库里创建用户表,这里已经创建好了库,就说说表数据结构吧。

我们要实现用户的登录注册就必须要在表里创建用户名字段(String类型的uname)和密码字段(String类型的password),当然还有主键(uid)的创建,主键会在数据量变多的时候尤为重要,用户表最好都有一个自增int类型的主键。

创建好数据表后就可以开始我们的工程搭建了,我用的是idea开发工具。

我们点击Create New Project新建项目

在这里可以完成SpringBoot项目的快速搭建,Spring Initializr 从本质上说就是一个Web应用程序,它能为你构建Spring Boot项目结构。虽然不能生成应用程序代码,但它能为你提供一个基本的项目结构,以及一个用于构件代码的Maven或者Gradle构建说明文件。

我们选择1.8的jdk点击Next

这里我们吧java版本换成8,文件结构名称无所谓随便起,继续Next到依赖模块的选择。

我们为了节省实体类get和set方法的创建,勾选上Lombok依赖

因为要做登录注册的页面,所以也选上Web依赖

因为这次用的是SpringBoot项目templa文件夹下的html文件,所以我们也需要到 Thymeleaf模板引擎,把它也勾选上。

这里我们选择mybatis和MySQL的依赖,继续Next

取好名字直接Finish(取名癌晚期只能用缩写)

可以看到我们直接生成了SpringBoot的框架出来,包括启动类、测试类、application.properties配置文件、static静态页面文件夹和templates动态页面文件夹。

pom文件里依赖也已经导入

4.0.0 org.springframework.boot spring-boot-starter-parent 2.5.1 com.example demo 0.0.1-SNAPSHOT demo Demo project for Spring Boot 1.8 org.springframework.boot spring-boot-starter-thymeleaf org.springframework.boot spring-boot-starter-web mysql mysql-connector-java runtime org.projectlombok lombok true org.springframework.boot spring-boot-starter-test test org.mybatis.spring.boot mybatis-spring-boot-starter 2.2.0 org.springframework.boot spring-boot-maven-plugin org.projectlombok lombok

去除不需要的文件,将application.properties改为application.yml文件,它的格式看着比较舒服。

我们先来对yml文件进行相关的配置整合

server: port: 8080 spring: datasource: url: jdbc:mysql://localhost:3306/bb?useUnicode=true&characterEncoding=UTF-8&serverTimezone=GMT&autoReconnect=true&failOverReadOnly=false username: root password: root driver-class-name: com.mysql.cj.jdbc.Driver thymeleaf: cache: false # 开发时关闭缓存,不然没法看到实时页面 prefix: classpath:/templates/ check-template: true suffix: .html encoding: UTF-8 servlet: content-type: text/html mode: HTML

其中port端口号可以配置成自己想要的,datasource数据源中的配置好本地数据库的连接地址指定好编码格式为utf-8、数据库用户名和密码、Driver驱动。thymeleaf的配置就是为了能够将html文件通过控制器加载出来。

配置搞定,来进行我们的代码模块设计,这里我搭建了三层结构,controller控制层、domain实体层和mapper数据层。

首先创建实体类User.java

package com.example.demo.domain; import lombok.AllArgsConstructor; import lombok.Data; import lombok.NoArgsConstructor; import lombok.experimental.Accessors; @Data @NoArgsConstructor @AllArgsConstructor public class User { private Integer uid; private String uname; private String password; }

可以看到,我们通过lombok注解省去了大量代码,@Data注解:提供了类的get、set、equals、hashCode、canEqual、toString方法,@AllArgsConstructor : 注在类上,提供类的全参构造 @NoArgsConstructor : 注在类上,提供类的无参构造。@Accessore注解:可以开启链式编程,这里虽然用不到但还是拿出来加深下印象。

将实体类的属性和数据表字段的名称和类型一一对应上我们开始创建接口UserMapper.java

创建接口的同时我们要想,登录和注册需要用到哪些方法,这里我做了三个方法:saveUser(做注册添加用户)、selectUname(查询库中是否存在用户名,防止注册用户名重复)、selectUser(做登录查询库中是否存在用户名和密码),在每个接口上直接用注解实现SQL语句,记得在接口上添加注解@Repository,将接口交给Spring管理,方法中的参数用@Param来传递参数,从而可以与SQL中的的字段名相对应,一般在2=



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有