使用layui编写登录功能。

目录

一、使用layui编写登录功能。

二、使用步骤

2.1.新建项目加依赖

2.2.使用mybatics-plus自动生成代码

       2.2.1配置pom.xml

        2.2.2加入自动生成的代码

  3.配置yml文件

4.编写Service层

5.编写controller层

6.配置启动类（必须指定mapper）

7.导入前端所需js&css文件&md5.js(js.文件私聊提供)

​编辑8.编写ftl

9.测试

总结

---

一、使用layui编写登录功能。

layui 是一套开源的 Web UI 解决方案,其内部采用的是自身经典的模块化规范,并遵循原生 HTML/CSS/JS 的开发方式,极易上手,拿来即用。

二、使用步骤

2.1.新建项目加依赖

如下（示例）：

 

2.2.使用mybatics-plus自动生成代码

       2.2.1配置pom.xml

代码如下（示例）：

 <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-generator</artifactId>
            <version>3.5.2</version>
        </dependency>
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.5.2</version>
        </dependency>

        2.2.2加入自动生成的代码

•  新建包-----    generator
•  新建类 ------ MybatisPlusGenerator

  package com.zking.layui01.generator;
  
  import com.baomidou.mybatisplus.annotation.FieldFill;
  import com.baomidou.mybatisplus.generator.FastAutoGenerator;
  import com.baomidou.mybatisplus.generator.config.DataSourceConfig;
  import com.baomidou.mybatisplus.generator.config.OutputFile;
  import com.baomidou.mybatisplus.generator.config.rules.DateType;
  import com.baomidou.mybatisplus.generator.engine.FreemarkerTemplateEngine;
  import com.baomidou.mybatisplus.generator.fill.Column;
  import lombok.Data;
  import lombok.extern.slf4j.Slf4j;
  
  import java.util.Arrays;
  import java.util.Collections;
  import java.util.List;
  
  @SuppressWarnings("all")
  @Slf4j
  @Data
  public class MybatisPlusGenerator {
  
      protected static String URL = "jdbc:mysql://localhost:3306/t271?useEncoding=utf8mb4&serverTimezone=Asia/Shanghai&useSSL=false";
      protected static String USERNAME = "root";
      protected static String PASSWORD = "123";
  
      protected static DataSourceConfig.Builder DATA_SOURCE_CONFIG = new DataSourceConfig.Builder(URL, USERNAME, PASSWORD);
  
      public static void main(String[] args) {
          FastAutoGenerator.create(DATA_SOURCE_CONFIG)
                  .globalConfig(
                          (scanner, builder/*变量*/) ->
                                  builder.author(scanner.apply("请输入作者名称？"))
                                          .fileOverride()
                                          .outputDir(System.getProperty("user.dir"