用户登陆模块

1.登录功能后端实现

1.1 t_user表

image

1.2 IDEA中新建 jianyue-api项目，目录结构如下：

image

1.3 pom依赖

    4.0.0
    
        org.springframework.boot
        spring-boot-starter-parent
        2.1.3.RELEASE
         
    
    com.soft1721
    jianyue-api
    0.0.1-SNAPSHOT
    jianyue-api
    JianYue API project

    
        UTF-8
        1.8
    

    
        
            org.springframework.boot
            spring-boot-starter
        
        
            org.springframework.boot
            spring-boot-starter-web
        
        
            org.springframework.boot
            spring-boot-starter-test
            test
        

        
            mysql
            mysql-connector-java
            5.1.39
        

        
            org.mybatis.spring.boot
            mybatis-spring-boot-starter
            1.1.1
        

        
            org.projectlombok
            lombok
            1.18.6
            true
        

        
            com.spring4all
            swagger-spring-boot-starter
            1.8.0.RELEASE
        
    

    
        
            
                org.springframework.boot
                spring-boot-maven-plugin
            
        
    

1.4 application.properties文件

## 数据源配置
spring.datasource.url=jdbc:mysql://localhost:3306/db_jianyue?useUnicode=true&characterEncoding=utf8
spring.datasource.username=root
spring.datasource.password=root
spring.datasource.driver-class-name=com.mysql.jdbc.Driver

#指定实体类映射的包
mybatis.type-aliases-package=com.soft1721.jianyue.api.entity

#swagger配置
swagger.enabled=true
swagger.title=jianyue  api project
swagger.description=Starter for swagger 2.x
swagger.license=Apache License, Version 2.0
swagger.licenseUrl=https://www.apache.org/licenses/LICENSE-2.0.html
swagger.termsOfServiceUrl=https://github.com/dyc87112/spring-boot-starter-swagger
swagger.contact.name=zhangjuan
swagger.contact.url=https://www.jianshu.com/u/822585e5c69a
[email protected]
swagger.base-package=com.soft1721.jianyue.api.controller
swagger.base-path=/**
swagger.exclude-path=/error, /ops/**

1.5 代码地址

1.6 运行swagger页面，测试登录功能

2. 登录功能前端实现

2.1 在HBuilderX中创建uni-app类型的项目，选择默认模板即可

      然后建目录结构，如图所示：

• commons目录放置一些全局配置函数

• components目录放置封装的组件

• pages目录放置页面文件

• static目录放置图片资源

• style目录放置全局样式文件

  

  image

2.2 pages目录的各个子目录里分别放相应的vue文件

image

2.3 static目录图标素材

2.4 代码地址