SpringBoot vue 垃圾分类 网站 系统 项目

SpringBoot 垃圾分类网站 功能介绍

首页 图片轮播 垃圾分类 垃圾图谱 垃圾详情 登录注册 个人中心

后台管理 登录注册 个人中心 修改密码 个人信息 用户管理 垃圾分类管理员管理 垃圾分类管理 垃圾类型管理 垃圾图谱管理 轮播图管理

角色：用户 超级管理员 垃圾分类管理员

使用技术

• SpringBoot框架

• Mysql数据库

• Mybaits

• html layui前端

• vue后台管理页面

功能展示

主页.jpg

注册.jpg

垃圾分类.jpg

个人中心.jpg

后台管理登录.jpg

垃圾分类管理.jpg

轮播图管理.jpg

添加垃圾分类.jpg

垃圾分类网站.png

Springboot配置application.yml

# Tomcat
server:
    tomcat:
        uri-encoding: UTF-8
    port: 8080
    servlet:
        context-path: /springbootliang

spring:
    datasource:
        driverClassName: com.mysql.jdbc.Driver
        url: jdbc:mysql://127.0.0.1:3306/springbootliang?useUnicode=true&characterEncoding=utf-8&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC
        username: root
        password: root
    servlet:
      multipart:
        max-file-size: 10MB
        max-request-size: 10MB
    resources:
      static-locations: classpath:static/,file:static/

#mybatis
mybatis-plus:
  mapper-locations: classpath*:mapper/*.xml
  #实体扫描，多个package用逗号或者分号分隔
  typeAliasesPackage: com.entity
  global-config:
    #主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";
    id-type: 1
    #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"
    field-strategy: 2
    #驼峰下划线转换
    db-column-underline: true
    #刷新mapper 调试神器
    refresh-mapper: true
    #逻辑删除配置
    logic-delete-value: -1
    logic-not-delete-value: 0
    #自定义SQL注入器
    sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector
  configuration:
    map-underscore-to-camel-case: true
    cache-enabled: false
    call-setters-on-nulls: true
    #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
    jdbc-type-for-null: 'null' 

运行

创建数据库, 然后修改数据库连接相关信息。

启动 Springboot 类的main方法

运行vue

npm run serve

前台访问地址：http://localhost:8080/springboot574f8/front/index.html

注册或使用账号：liang 密码：liang

后台访问地址：http://localhost:8080/springboot574f8/admin/dist/index.html

管理员账号：liang 密码：liang