springboot后台管理系统

已于 2023-01-30 17:05:28 修改
阅读量1.5k 收藏 7
点赞数
文章标签： spring boot spring java
于 2023-01-21 01:34:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/studyForMokey/article/details/128731913
版权

文章目录

1. 登录页面

1.1 实现功能

在浏览器输入 http://localhost:8080 或者 http://localhost:8080/login 能够跳转到登陆界面

1.2 创建springboot项目

spring initializr创建项目 勾选springweb, dev开发，lombok， processce,以及 thymeleaf
spring-boot-configuration-processor的作用

坑的地方: 注意springboot与thymeleaf版本问题，使用了3.0.x版本一直报错
在这里插入图片描述

1.3 放静态资源

在这里插入图片描述

1.4 写controller

package com.chent.boot03admin.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

@Controller
public class IndexController {

//    来登录页
    @GetMapping(value={"/","/login"})
//    @GetMapping("/login")
    public String loginPage(){

        return "login";
    }
}
  • 注意事项
    注解必须写controller 不能写restcontroller 。Restcontroller会把你返回的当字符串处理
    @Controller：标识一个Spring类是Spring MVC controller处理器,@RestController：@RestController是@Controller和@ResponseBody的结合体，两个标注合并起来的作用。@Controller类中的方法可以直接通过返回String跳转到jsp、ftl、html等模版页面。在方法上加@ResponseBody注解，也可以返回实体对象。@RestController类中的所有方法只能返回String、Object、Json等实体对象，不能跳转到模版页面。

2. 跳转主页

2.1 实现功能

输入用户名和密码后，点击登录跳转到对应主页

2.2 login.html文件

开启thymeleaf

<html lang="en" xmlns:th="http://www.thymeleaf.org">

在这里插入图片描述

2.3 修改Controller

@Controller
public class IndexController {

//    来登录页
    @GetMapping(value={"/","/login"})
//    @GetMapping("/login")
    public String loginPage(){
        return "login";
    }
//加了post请求
    @PostMapping("/login")
    public String main(String userName,String password){
        return "main";
    }
}

3. 解决表单重复提交问题

3.1 问题描述

每次刷新主页，就相当于重新提交了一次表单
在这里插入图片描述

3.2 修改Controller

@Controller
public class IndexController {
//    来登录页
    @GetMapping(value={"/","/login"})
//    @GetMapping("/login")
    public String loginPage(){
        return "login";
    }

    @PostMapping("/login")
    public String main(String userName,String password){
        return "redirect:/main.html";//重定向
    }

    @GetMapping("/main.html")
    public String mainPage(){
        return "main";
    }
}

4. 对登录用户名密码设定

4.1 问题描述

原来的系统无法对用户名密码进行验证，

4.2 创建User类记录用户信息，并对登录页login.html修改

@Data
public class User {

    private String userName;
    private String password;
}

在这里插入图片描述

4.3 修改controller

  • 在post请求里面进行内容判断，并保留用户信息到session
  • 在刷新的时候，get请求里面对session的内容进行判断
@Controller
public class IndexController {

//    来登录页
    @GetMapping(value={"/","/login"})
//    @GetMapping("/login")
    public String loginPage(){

        return "login";
    }

    @PostMapping("/login")
    public String main(User user, HttpSession session, Model model){
        if( StringUtils.hasLength(user.getUserName()) && "123456".equals(user.getPassword()) ){//用户名密码正确
            session.setAttribute("loginUser",user);//实现数据共享
            return "redirect:/main.html";//跳转到主页
        }else{
            model.addAttribute("msg","密码错误");
            return "login";
        }
    }


    @GetMapping("/main.html")
    public String mainPage(HttpSession session,Model model){
        Object loginUser = session.getAttribute("loginUser");//对上面的session进行判断
        if(loginUser!= null){//若存在信息
            return "main";
        }else{
            model.addAttribute("msg","错误");
            return "login";
        }
    }
}

5. 修改用户信息

5.1 问题描述

动态显示右上角用户名
在这里插入图片描述

5.2 修改main.html代码

利用th修改

                        <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <img src="images/photos/user-avatar.png" alt="" />
                            [[${session.loginUser.userName}]]
                            <span class="caret"></span>
                        </a>

6. 拦截器

6.1 问题描述

写一个拦截器，当未登录时，不能访问main页面(前面已经实现了)、table页面

6.2 编写拦截器Interceptor

继承 HandlerInterceptor

@Slf4j
public class LoginInterceptor implements HandlerInterceptor {

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        //得到拦截的URI
        String requestURI = request.getRequestURI();
        log.info("preHandle拦截的路径是{}",requestURI);
        HttpSession session = request.getSession();
        Object loginUser = session.getAttribute("loginUser");
        if (loginUser != null){
            return true;
        }
        request.setAttribute("msg","请先登录");
        response.sendRedirect("/");
        return false;
    }
}

6.3 设置添加拦截器

WebMvcConfiguer addInterceptors

@Configuration
public class AdminWebConfig implements WebMvcConfigurer {

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginInterceptor()) //新加一个拦截器
                .addPathPatterns("/**")//表示拦截所有
                .excludePathPatterns("/","/login","/css/**","/fonts/**","/images/**","/js/**");//放行的请求
    }
}

7. 文件上传

7.1 实现页面跳转

能够跳转到form页面

  • controller
@Controller
public class FormController {

    @GetMapping("/form_layouts")
    public String formGoto(){

        return "/form/form_layouts";
    }
}
  • 修改mian文件，添加form_layouts.html

在这里插入图片描述

7.2 实现文件提交,打印并保存文件相关信息

  • 页面表单
<form method="post" action="/upload" enctype="multipart/form-data">
    <input type="file" name="file"><br>
    <input type="submit" value="提交">
</form>
  • 修改controller
@Slf4j
@Controller
public class FormController {

    @GetMapping("/form_layouts")
    public String formGoto() {

        return "/form/form_layouts";
    }

    @PostMapping("/upload")
    public String upload(@RequestParam("email") String email,
                         @RequestParam("username") String username,
                         @RequestPart("headerImg") MultipartFile headerImg,
                         @RequestPart("photos") MultipartFile[] photos) throws IOException {
        log.info("上传的信息：email={},username={},headImg={},photos={}",
                email,username,headerImg.getSize(),photos.length);

        if(!headerImg.isEmpty()){
            String originName = headerImg.getOriginalFilename();
            headerImg.transferTo(new File("C:\\Users\\atrhu\\Desktop\\job\\尚硅谷资料\\springboot2\\image\\"+originName));//保存文件
        }//单文件上传

        if(photos.length>0){
            for(MultipartFile photo:photos){
                if(!photo.isEmpty()){
                    String originName = photo.getOriginalFilename();
                    photo.transferTo(new File("C:\\Users\\atrhu\\Desktop\\job\\尚硅谷资料\\springboot2\\image\\"+originName));//保存文件
                }//多文件上传
            }
        }
        return "main";//跳转回main页面
    }
}
  • 修改配置文件，改变上传文件大小
spring.servlet.multipart.max-file-size=10MB
spring.servlet.multipart.max-request-size=100MB

8. 错误处理

8.1 实现页面跳转

● 默认情况下，Spring Boot提供/error处理所有错误的映射
● 要完全替换默认行为，可以实现 ErrorController 并注册该类型的Bean定义，或添加ErrorAttributes类型的组件以使用现有机制但替换其内容
在这里插入图片描述

8.2 异常处理器

  • ControllerAdvice+@ExceptionHandler处理全局异常
@Slf4j
@ControllerAdvice
//@ControllerAdvice的作用:结合方法型注解@ExceptionHandler，用于捕获Controller中抛出的指定类型的异常，从而达到不同类型的异常区别处理的目的
public class GlobalExceptionHandler {

    @ExceptionHandler({ArithmeticException.class, NullPointerException.class})
    public String handleArithException(Exception e){
        log.error("异常是{}",e);
        return "login";
    }
}
  • @ResponseStatus+自定义异常
@ResponseStatus(value= HttpStatus.FORBIDDEN,reason = "用户数量太多")
//使用时，先声明一个自定义异常类，在自定义异常类上面加上@ResponseStatus注释表示系统运行期间，当抛出自定义异常的时候，使用@ResponseStatus注解中声明的属性和reason属性将异常信息返回给客户端，提高可读性。
public class UserTooManyException extends RuntimeException{

    public UserTooManyException(){

    }
    public UserTooManyException(String message){
        super(message);
    }
}

8.3 自定义HandlerExceptionResolver 处理异常

@Order(value = Ordered.HIGHEST_PRECEDENCE)
@Component
public class CustomerHandlerExceptionResolver implements HandlerExceptionResolver {
    @Override
    public ModelAndView resolveException(HttpServletRequest request,
                                         HttpServletResponse response,
                                         Object handler, Exception ex) {
        try {
            response.sendError(511,"我喜欢的错误");
        } catch (IOException e) {
            throw new RuntimeException(e);
        }
        return new ModelAndView();
    }
}

9. Web原生组件注入

  • 有两种方法实现，此处采用注解格式完成

  • 在SpringBootApplication上使用@ServletComponentScan注解后，Servlet（控制器）、Filter（过滤器）、Listener（监听器）可以直接通过@WebServlet、@WebFilter、@WebListener注解自动注册到Spring容器中，无需其他代码。

9.1 Servlet

@WebServlet(urlPatterns = "/my")
public class MyServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.getWriter().write("servlet success...");
    }
}//doGet方法用来处理客户端浏览器直接访问和表单get方式提交的表单。

9.2 Filter

@Slf4j
@WebFilter(urlPatterns = "/css/*")
//注意Filter导入的是 javax.servlet.*;
public class MyFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        log.info("MyFilter初始化.....");
    }

    @Override
    public void destroy() {
        log.info("MyFilter销毁中...");
    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
//        doGet方法用来处理客户端浏览器直接访问和表单get方式提交的表单。
        log.info("myfilter工作中....");
        filterChain.doFilter(servletRequest,servletResponse);
    }
}

9.3 Listener

@Slf4j
@WebListener
public class MyListener implements ServletContextListener {
    @Override
    public void contextInitialized(ServletContextEvent sce) {
        log.info("监听器初始化..");
    }

    @Override
    public void contextDestroyed(ServletContextEvent sce) {
        log.info("监听器销毁...");
    }
}

10. 嵌入式Servlet容器

  • 方法一：修改配置文件 properties
  • 方法二： ConfigurableServletWebServerFactory
@Component
public class CustomizationBean implements WebServerFactoryCustomizer<ConfigurableServletWebServerFactory> {

    @Override
    public void customize(ConfigurableServletWebServerFactory server) {
        server.setPort(9000);
    }

}

11. 定制化原理(总结)

在这里插入图片描述

12. 自定义方式整合druid数据源 (繁琐，不推荐)

12.1 导入依赖、创建数据源

        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.1.17</version>
        </dependency>

    @ConfigurationProperties("spring.datasource")//绑定属性
    @Bean
    public DataSource dataSource(){
        DruidDataSource druidDataSource = new DruidDataSource();
        return druidDataSource;
    }

12.2 监控页功能

    @Bean
    public ServletRegistrationBean statViewServlet(){
    //StatViewServlet的用途包括：
//● 提供监控信息展示的html页面
//● 提供监控信息的JSON API
        StatViewServlet statViewServlet = new StatViewServlet();
        ServletRegistrationBean<StatViewServlet> registrationBean = new ServletRegistrationBean<>(statViewServlet,"/druid/*");

        return  registrationBean;
    }

12.3 监控、防火墙功能

    @ConfigurationProperties("spring.datasource")//绑定属性
    @Bean
    public DataSource dataSource() throws SQLException {
        DruidDataSource druidDataSource = new DruidDataSource();
        druidDataSource.setFilters("stat,wall");//加入监控、防火墙
        return druidDataSource;
    }

13. 使用官方Starter方式整合druid数据源 (比较方便)

13.1 引入依赖

        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid-spring-boot-starter</artifactId>
            <version>1.1.17</version>
        </dependency>

13.2 配置文件

spring:
  datasource:
    url: jdbc:mysql://localhost:3306/ssm_db
    username: root
    password: 123456
    driver-class-name: com.mysql.cj.jdbc.Driver
    druid:
      aop-patterns: com.atguigu.admin.*  #监控SpringBean
      filters: stat,wall     # 底层开启功能，stat（sql监控），wall（防火墙）

      stat-view-servlet:   # 配置监控页功能
        enabled: true
        login-username: admin
        login-password: admin
        resetEnable: false

      web-stat-filter:  # 监控web
        enabled: true
        urlPattern: /*
        exclusions: '*.js,*.gif,*.jpg,*.png,*.css,*.ico,/druid/*'


      filter:
        stat:    # 对上面filters里面的stat的详细配置
          slow-sql-millis: 1000
          logSlowSql: true
          enabled: true
        wall:
          enabled: true
          config:
            drop-table-allow: false

14. 整合Mybatis

14.1 配置模式

14.1.1 引入mybatis-starter依赖

14.1.2 application.yml中指定mapper-location位置,写config文件

mybatis:
  config-location: classpath:mybatis/mybatis-config.xml
  mapper-locations: classpath:mybatis/mapper/*.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configuration
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>

</configuration>

在这里插入图片描述

14.1.3 编写mapper接口和实现类

在这里插入图片描述

@Mapper
public interface BookMapper {
    public Book getBook(Long id);
}

@Service
public class BookService {
    @Autowired
    BookMapper bookMapper;

    public Book getBookByid(Long id){
        return bookMapper.getBook(id);
    }
}

14.1.4 xml文件进行绑定

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.chent.boot03admin.mapper.BookMapper">
    <!--    public Account getAcct(Long id); -->
    <select id="getBook" resultType="com.chent.boot03admin.bean.Book">
        select * from  tbl_book where  id=#{id}
    </select>
</mapper>

14.1.5 controller

//需要写好book bean
@Controller
public class datasourceController {

    @Autowired
    BookService bookService;

    @ResponseBody
    @GetMapping("/book")
    public Book getById(@RequestParam("id") Long id){

        return bookService.getBookByid(id);
    }
}

14.2 注解模式

不需要写xml文件，直接注解写

@Mapper
public interface BookMapper {

    @Select("select * from  tbl_book where  id=#{id}")
    public Book getBook(Long id);
}

15. 整合mybatis plus

15.1 引入依赖

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

15.2 mapper映射文件的位置

在这里插入图片描述

15.3 User类

@Data
public class User {
    @TableField(exist = false)
    private String userName;
    @TableField(exist = false)
    private String password;//用户信息，需要排除在表外

    public User(String userName, String password) {
        this.userName = userName;
        this.password = password;
    }


    private Long id;
    private String name;
    private Integer age;
    private String email;

}

15.4 Mapper接口继承BaseMapper类


public interface UserMapper extends BaseMapper<User> {
}

15.5 Service和mapper

在这里插入图片描述

@Mapper
public interface UserMapper extends BaseMapper<User> {
}//继承BaseMapper类

public interface UserService extends IService<User> {
}//service接口


@Service
public class UserServiceImpl extends ServiceImpl<UserMapper, User> implements UserService {
}//实现类

在这里插入图片描述

门头沟学徒
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Laravel企业信息化管理平台
weixin_50196917的博客
09-04 5277
一款 PHP 语言基于 Laravel5.8、Layui、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架，框架已集成了完整的RBAC权限架构和常规基础模块，同时支持多主题切换，可以根据自己喜欢的风格选择
Springboot后台管理系统
热门推荐
西里古里的博客
08-17 1万+
一款 Java 语言基于SpringBoot2、Layui、Thymeleaf、MybatisPlus、Shiro、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪、富文本编辑器等等一系列个性化、轻量级的组件，是一款真正意义上实现组件化开发的敏捷开发框架，框架已集成了完整的RBAC权限架构
基于spring boot的后台管理系统
01-10
Guns基于SpringBoot全面升级,完美整合springmvc + shiro + mybatis-plus + beetl!Guns项目代码简洁,注释丰富,上手容易,同时Guns包含许多基础模块(用户管理,角色管理,部门管理,字典管理等10个模块),可以直接作为一个后台管理系统的脚手架.
后台管理系统(springboot+vue3+mysql)
最新发布
心态的博客
07-30 624
在我们做项目时，都会用到后台管理系统。使得管理员可以通过该平台来维护前台的数据，查看一些数据的趋势等。所以开发后台管理系统基本是每个项目必备的一环，但大多数都是重复的增删改查操作。而且模版都长得差不多，怎么可以快速开发一个后台管理系统呢？这里我推荐大家使用开源的项目[vue-element-admin](https://gitee.com/youlaiorg/vue3-element-admin)在这个基础上去开发特定需求的效果。这样可以节省大量不必要的时间。
基于spring boot的后台管理系统(java源码+数据库完整版)
01-29
导入方法 idea open---guns文件夹 eclipse import maven project
SpringBoot 后台管理系统
wcyzhengzhou的专栏
06-02 1699
SpringBoot 后台管理系统
springboot后台管理系统框架
08-31
SpringBoot后台管理系统框架是基于Java开发的高效、轻量级的应用框架，专为简化Spring应用的初始搭建以及开发过程而设计。它集成了大量常用的第三方库配置，如MySQL数据库、Thymeleaf模板引擎、JWT令牌认证等，使得...
SpringBoot+Layui后台管理系统.zip
12-26
当然可以，以下是一份关于您的Java SpringBoot项目的简介描述： 探索Java的SpringBoot魔法 亲爱的开发者们，准备好一起踏上这次深入Java的SpringBoot之旅了吗？如果您正在寻找一个现代化、高效且易于扩展的开发...
基于springboot的后台管理系统源码.zip
06-19
源码是经过本地编译可运行的，下载完成之后配置相应环境即可使用。源码功能都是经过老师肯定的，都能满足要求，有需要放心下载即可。源码是经过本地编译可运行的，下载完成之后配置相应环境即可使用。...
雷丰阳springboot2后台管理系统admin
07-20
【标题】"雷丰阳springboot2后台管理系统admin"揭示了这是一个基于SpringBoot 2的后台管理系统，由雷丰阳开发。SpringBoot是Java领域的一个流行框架，它简化了Spring应用的初始搭建以及开发过程，提供了自动配置、...
基于springboot的后台管理系统
09-18
基于springboot的后台管理系统，包含数据库，可直接运行。
springboot通用后台管理系统
07-26
SpringBoot基础上搭建的一个Java基础开发平台，MyBatis为数据访问层，ApacheShiro为权限授权层，Ehcahe对常用数据进行缓存。 主要定位于后台管理系统学习交流，已内置后台管理系统的基础功能和高效的代码生成工具， 包括：系统权限组件、数据权限组件、数据字典组件、核心工具组件、视图操作组件、工作流组件、代码生成等。 前端界面风格采用了结构简单、性能优良、页面美观大气的Twitter Bootstrap页面展示框架。 采用分层设计、双重验证、提交数据安全编码、密码加密、访问验证、数据权限验证。 使用Maven做项目管理，提高项目的易开发性、扩展性。
springboot版后台管理系统
04-12
使用springboot+mybatis开发的一个后台管理系统，主要完成了权限管理模块，集成了shiro和thymeleaf，有代码自动生成功能，学习springboot的可以拿来参考
基于springboot的后台权限管理系统
05-25
该后台管理系统，基于springboot开发，使用freemarker模板引擎，页面使用easyUI，bootstrap等前段框架，数据库使用mysql
【Spring Boot】构建后台管理系统
懂得一千零一种,赋予你失败的方法！
08-24 3682
文章目录Spring Boot 构建后台管理系统一、项目创建二、静态资源处理三、简单布局1.项目结构2.任务目标3.具体实现3.1 登录界面定制3.2 构建用户对象类3.3 Controller层3.4 表单修改四、模板抽取4.1 Thymeleaf 的使用4.2 网页基本布局五、页面跳转六、数据渲染6.1 表格内容的遍历七、拦截器7.1 HandlerInterceptor 接口7.2 配置容器注册拦截器7.3 拦截器原理八、文件上传8.1 文件提交表单8.2 提交信息测试8.3 表单文件存储8.4 .
SpringBoot后台管理系统
weixin_50748675的博客
03-15 3099
SpringBoot后台管理系统及代码实现
10k+点赞的 Spring Boot 后台管理系统竟然出了详细教程！爱了！
公众号：Java后端
10-02 1072
点击上方Java后端，选择设为星标优质文章，及时送达其实项目网上有很多了，但是教程比较详细的没多少，今天分享的项目从安装部署到代码具体功能都有很详细都说明eladmin 是一款基于 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值