ElementUI——案例2用户管理（基于SpringBoot实现增删改）

最新推荐文章于 2024-07-25 09:00:53 发布
最新推荐文章于 2024-07-25 09:00:53 发布
阅读量665 收藏 2
点赞数
分类专栏： Vue SpringBoot 文章标签： elementui spring boot vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/G_change_/article/details/128526235
版权

1.ElementUI整合SpringBoot前后端分离实现用户增删改查

效果展示
在这里插入图片描述

在这里插入图片描述

2.前端核心代码

项目目录
在这里插入图片描述

main.js引入

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import router from './router'
import axios from 'axios'

Vue.prototype.$http = axios
Vue.config.productionTip = false
Vue.use(ElementUI);

App.vue

<template>
  <div id="app">
    <el-container>
      <el-header>
          <!--导航菜单-->
          <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
              <el-menu-item index="/index">主页</el-menu-item></el-menu-item>
              <el-menu-item index="/userslist">用户管理</el-menu-item></el-menu-item></el-menu-item>
              <el-menu-item index="/mags">消息中心</el-menu-item>
              <el-menu-item index="/orders">订单管理</el-menu-item>
            </el-menu>
      </el-header>
      <el-main>
          <!-- 路由组件 -->
          <router-view/>
      </el-main>
    </el-container>
  </div>
</template>
<script>
export default {
  name: 'App',
  data() {
      return {
        activeIndex: this.$route.path,//获取当前路由路径，解决刷新网页报错问题
      };
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
        // 切换路由
        this.$router.push(key);
      }
    }
}
</script>
<style></style>

路由router目录下index.js

import Vue from 'vue'
import Router from 'vue-router'
import Index from '../components/Index'
import List from '../components/user/List'
Vue.use(Router)

export default new Router({
  routes: [
  {
    path:'/',//配置根路由
    component:Index
  },
    {
      path: '/index',
      component: Index
    },
    {
      path:'/userslist',
      component:List
    }
  ]
})

用户管理页面List.vue（前端核心增删改查业务）

<template lang="">
    <div>
        <el-table
    :data="tableData.filter(data => !search || data.name.toLowerCase().includes(search.toLowerCase()))"
    border
    :height="300"
    style="width: 100%">
    <el-table-column
      fixed
      prop="id"
      label="编号"
      width="150">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="birth"
      label="生日"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      width="300">
    </el-table-column>
    <el-table-column
      prop="sex"
      label="性别"
      width="120">
    </el-table-column>
    <el-table-column
      fixed="right"
      width="200">
      <template slot="header" slot-scope="scope">
        <el-input
          v-model="search"
          size="mini"
          placeholder="输入关键字搜索"/>
      </template>
      <template slot-scope="scope">
        <el-button
          size="mini"
          @click="editUser(scope.$index, scope.row)">编辑</el-button>
          <el-popconfirm
            confirm-button-text='好的'
            cancel-button-text='不用了'
            icon="el-icon-info"
            icon-color="red"
            title="确定删除吗？"
            @confirm="handleDelete(scope.$index, scope.row)"
          >
        <el-button
          size="mini"
          type="danger"
          slot="reference">删除</el-button>
        </el-popconfirm>
      </template>
    </el-table-column>
  </el-table>
  <!-- 表格分页导航开始 -->
  <el-row>
    <el-col :span="8" :offset="6">
      <el-pagination style="margin: 10px 0px;"
      prev-text="上一页"
      next-text="下一页"
      layout="prev, pager, next , jumper , total , sizes"
      background
      :page-size="size"
      :current-page="pageNow"
      :page-sizes="[2,4,8,12,16,20]"
      @current-change="findPage"
      @size-change="findSize"
      :total="totals">
    </el-pagination>
    </el-col>
  </el-row>
  <!-- 表格分页导航结束 -->
  <el-button style="margin-top: 10px;" type="success" size="mini" @click="show = !show">添加</el-button>
<!-- 添加表单开始 -->
  <transition name="el-fade-in-linear">
    <div v-show="show" class="transition-box">
        <el-form ref="form" :model="form" label-width="80px" label-suffix=":">
            <el-form-item label="姓名">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            </el-form-item>
            <el-form-item label="生日">
                <el-date-picker value-format="yyyy-MM-dd" type="date" placeholder="选择日期" v-model="form.birth" style="width: 100%;"></el-date-picker>
            </el-form-item>
            <el-form-item label="性别">
              <el-radio-group v-model="form.sex">
                <el-radio label="男"></el-radio>
                <el-radio label="女"></el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="地址">
              <el-input type="textarea" v-model="form.address"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="onSubmit">保存信息</el-button></el-button>
              <el-button @click="show = false">取消</el-button>
            </el-form-item>
          </el-form>
    </div>
  </transition>
  <!-- 添加表单结束 -->
  <!-- 对话框开始 -->
  <el-dialog title="修改用户信息" :visible.sync="dialogFormVisible">
    <el-form  :hide-required-asterisk="false" :rules="rules" ref="userForm" :model="form" label-width="80px" label-suffix=":">
      <el-form-item label="姓名" prop="name">
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      </el-form-item>
      <el-form-item label="生日" prop="birth">
          <el-date-picker type="date" placeholder="选择日期" v-model="form.birth" style="width: 100%;"></el-date-picker>
      </el-form-item>
      <el-form-item label="性别">
        <el-radio-group v-model="form.sex">
          <el-radio label="男"></el-radio>
          <el-radio label="女"></el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="地址" prop="address">
        <el-input type="textarea" v-model="form.address"></el-input>
      </el-form-item>
    </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false">取 消</el-button>
      <el-button type="primary" @click="update('userForm')">确 定</el-button>
    </div>
  </el-dialog>
  <!-- 对话框结束 -->
    </div>
</template>
<script>
export default {
    methods: {
      findSize(size){//用来处理每页显示记录发生变化的方法
        this.size = size
        this.findAllTableData(this.page,size)
      },
      findPage(page){//用来处理分页相关方法
          this.page=page
          this.findAllTableData(page,this.size)
      },
      editUser(index,row){
        this.dialogFormVisible=true
        this.$http("http://localhost:8989/user/findUserById?id="+row.id).then(res=>{
          this.form = res.data;
        })
      },
      update(userForm){
        //添加表单验证
        this.$refs[userForm].validate((valid) => {
          if (valid) {
            //验证通过发送更新请求
            //发送一个axios请求
            this.$http.post("http://localhost:8989/user/saveUserById",this.form).then(res=>{
                if(res.data.status){
                    this.$message({
                    message: res.data.msg,
                    type: 'success'
                    });
                    //关闭对话框
                    this.dialogFormVisible=false
                    //添加成功以后还要清空表单信息
                    this.form={}
                    //调用查询数据方法，重新渲染数据
                    this.findAllTableData();
                }else{
                    this.$message.error(res.data.msg);
                }
            })
          } else {
            this.$message.error("用户数据不合法");
            return false;
          }
        });
       
      },
      handleDelete(index, row) {
        console.log(index, row);
        //发送删除接口
        this.$http.get("http://localhost:8989/user/deleteUserById?id="+row.id).then(res=>{
          if(res.status){
            this.$message({
                message: res.data.msg,
                type: 'success'
                });
                //刷新表格数据
                this.findAllTableData();
          }else{
            this.$message.error(res.data.msg);
          }
        })
      },
      onSubmit() {
        console.log('submit!');
        //发送一个axios请求
        this.$http.post("http://localhost:8989/user/save",this.form).then(res=>{
            if(res.data.status){
                this.$message({
                message: '恭喜你,'+res.data.msg,
                type: 'success'
                });
                //添加成功以后还要清空表单信息
                this.form={}
                //隐藏表单
                this.show=false
                //调用查询数据方法，重新渲染数据
                this.findAllTableData();
            }else{
                this.$message.error(res.data.msg);
            }
            
        })
      },
      findAllTableData(page,size){
        //处理page参数初始化问题
        page = page?page:this.pageNow;
        size = size?size:this.size;
        this.$http.get("http://localhost:8989/user/findByPage?pageNow="+page+"&pageSize="+size).then(res=>{
            //回调中获取响应结果
            console.log(res)
            this.tableData = res.data.users;
            this.totals = res.data.total;
        })
      }
    },
    data() {
      return {
        tableData: [],
        search: '',
        show: true,
        form: {
          id:'',
          name: '',
          birth:'',
          sex:'男',
          address:''
        },
        dialogFormVisible: false,
        rules: {
          name: [
            { required: true, message: '请输入用户姓名!', trigger: 'blur' }
          ],
          birth: [
            { required: true, message: '请输入用户出生年月!', trigger: 'blur' }
          ],
          address: [
            { required: true, message: '请输入用户地址!', trigger: 'blur' }
          ],
        },
        //分页相关参数
        totals:0,
        size:4,
        pageNow:1
      }
    },
    created() {
        this.findAllTableData();
    },
}
</script>
<style lang="">
    .transition-box {
    margin-bottom: 10px;
    width: 100%;
    height: 600px;
    border-radius: 4px;
    color: #fff;
    padding: 40px 20px;
    box-sizing: border-box;
    margin-right: 20px;
  }
</style>

3.后端核心代码

项目架构如下
在这里插入图片描述
数据库sql

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;
-- ----------------------------
-- Table structure for t_users
-- ----------------------------
DROP TABLE IF EXISTS `t_users`;
CREATE TABLE `t_users`  (
  `id` int(0) NOT NULL AUTO_INCREMENT,
  `name` varchar(80) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `birth` timestamp(0) NULL DEFAULT NULL,
  `sex` varchar(4) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `address` varchar(120) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 13 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Dynamic;

-- ----------------------------
-- Records of t_users
-- ----------------------------
INSERT INTO `t_users` VALUES (1, 'b0', '2023-01-02 08:00:00', '男', '成都');
INSERT INTO `t_users` VALUES (2, 'kuku', '2023-01-01 22:59:08', '男', '四川');
INSERT INTO `t_users` VALUES (3, 'b0', '2023-01-09 08:00:00', '男', '自贡');
INSERT INTO `t_users` VALUES (9, 'kuku', '2023-01-10 08:00:00', '男', 'hello');
INSERT INTO `t_users` VALUES (10, 'sadas', '2023-01-09 08:00:00', '女', 'asdasd');
INSERT INTO `t_users` VALUES (11, 'asdasd', '2023-01-29 08:00:00', '女', 'asdasd');
INSERT INTO `t_users` VALUES (12, 'asdasd', '2023-01-12 08:00:00', '女', 'asdasd');
INSERT INTO `t_users` VALUES (13, '12321', '2023-01-27 08:00:00', '男', '1231231');
INSERT INTO `t_users` VALUES (14, '123123', '2023-01-24 08:00:00', '男', '123123');

SET FOREIGN_KEY_CHECKS = 1;

配置文件

server:
  port: 8989
spring:
  application:
    name: elementusers
  devtools:
    remote:
      context-path: /
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/elementusers?characterEncoding=UTF-8
    username: root
    password: 123456
  web:
    resources:
      static-locations: classpath:/static/
mybatis:
  mapper-locations: classpath:com/b0/mapper/*.xml
  type-aliases-package: com.b0.elementusers.entity
  configuration:
    map-underscore-to-camel-case: true

后端使用springboot+mybatis 结合Lombok快速开发接口
实体类

@Data
@AllArgsConstructor
@NoArgsConstructor
@ToString
@Accessors(chain = true)
public class User {
    private Integer id;
    private String name;
    //导包导import java.util.Date;
    @JsonFormat(pattern = "yyyy-MM-dd")
    private Date birth;
    private String sex;
    private String address;
}

vo返回值拓展类

@Data
public class Result {
    private Boolean status=true;
    private String msg;
}

mybatis数据库操作接口

@Mapper
public interface UserDAO {
    //查询所有用户信息
    List<User> findAll();
    //保存用户信息
    void saveUser(User user);
    //根据id删除用户信息
    void deleteUserById(@Param("id") Integer id);
    //根据id查询用户
    User findUserById(@Param("id") Integer id);
    //根据用户id修改用户信息
    void updateUserById(User user);
    //分页查询
    List<User> findByPage(@Param("start") Integer start,@Param("rows") Integer rows);
    // 查询总条数
    Long findTotals();
}

mybatis配置文件

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "https://mybatis.org/dtd/mybatis-3-mapper.dtd">
<!-- namespace="com.b0.mybatis.mapper.UserMapper" -->
<mapper namespace="com.b0.elementusers.dao.UserDAO">
    <!--    查询所有的方法：List<User> findAll();-->
    <select id="findAll" resultType="User">
        select id,name,birth,sex,address
        from t_users
    </select>
<!--    保存用户：void saveUser(User user);useGeneratedKeys配置自增长key-->
    <insert id="saveUser" parameterType="User" useGeneratedKeys="true" keyProperty="id">
        insert into t_users values(#{id},#{name},#{birth},#{sex},#{address})
    </insert>
<!--    根据id删除用户信息：void deleteUserById(Integer id);-->
    <delete id="deleteUserById" parameterType="Integer">
        delete from t_users where id = #{id}
    </delete>
<!--  根据id查看用户信息：void findUserById(Integer id);  -->
    <select id="findUserById" resultType="User">
        select id,name,birth,sex,address
        from t_users where id = #{id}
    </select>
<!--    根据用户id修改用户：void updateUserById(User user);-->
    <update id="updateUserById" parameterType="User">
        update t_users
        set name=#{name},birth=#{birth},sex=#{sex},address=#{address}
        where id=#{id}
    </update>
<!--  分页查询List<User> findByPage(@Param("start") Integer start,@Param("rows") Integer rows);-->
    <select id="findByPage" resultType="User">
        select id,name,birth,sex,address
        from t_users limit #{start},#{rows}
    </select>
<!--   查询总条数Long findTotals();-->
    <select id="findTotals" resultType="Long">
        select count(id) from t_users
    </select>
</mapper>

service接口

public interface UserService {
    //查询所有方法
    List<User> findAll();
    //保存用户信息
    void saveUser(User user);
    //根据id删除用户信息
    void deleteUserById(Integer id);
    //根据id查询用户
    User findUserById(@Param("id") Integer id);
    //根据用户id修改用户信息
    void updateUserById(User user);
    //分页查询
    List<User> findByPage(Integer pageNow, Integer rows);
    // 查询总条数
    Long findTotals();
}

service实现类

@Service
@Transactional
public class UserServiceImpl implements UserService {
    @Autowired
    private UserDAO userDAO;
    @Override
    public List<User> findAll() {
        return userDAO.findAll();
    }

    @Override
    public void saveUser(User user) {
        userDAO.saveUser(user);
    }

    @Override
    public void deleteUserById(Integer id) {
        userDAO.deleteUserById(id);
    }

    @Override
    public User findUserById(Integer id) {
        return userDAO.findUserById(id);
    }

    @Override
    public void updateUserById(User user) {
        userDAO.updateUserById(user);
    }

    @Override
    public List<User> findByPage(Integer pageNow, Integer rows) {
        int start = (pageNow-1)*rows;
        List<User> userList = userDAO.findByPage(start, rows);
        return userList;
    }

    @Override
    public Long findTotals() {
        Long totals = userDAO.findTotals();
        return totals;
    }
}

controller控制层

@RestController
@CrossOrigin(origins = "*")//全局跨域，解决跨域相关问题
@RequestMapping("user")
public class UserController {
    @Autowired
    private UserService userService;
    //根据id查询用户findUserById
    @RequestMapping("findUserById")
    public User findUserById(Integer id){
        return userService.findUserById(id);
    }
    //删除用户
    @GetMapping("deleteUserById")
    public Result deleteUserById(Integer id){
        Result result = new Result();
        try {
            userService.deleteUserById(id);
            result.setMsg("删除用户成功！");
        }catch (Exception e){
            e.printStackTrace();
            result.setStatus(false);
            result.setMsg("删除用户失败！");
        }
        return result;
    }
    //查询所有用户
    @GetMapping("findAll")
    public List<User> findAll(){
        return userService.findAll();
    }
    //保存用户
    @PostMapping("save")
    public Result saveUser(@RequestBody User user){
        Result result = new Result();
        try {
            userService.saveUser(user);
            result.setMsg("保存用户成功！");
        }catch (Exception e){
            e.printStackTrace();
            result.setStatus(false);
            result.setMsg("保存用户失败！");
        }
        return result;
    }
    //根据用户id保存用户
    @PostMapping("saveUserById")
    public Result updateUserById(@RequestBody User user){
        Result result = new Result();
        try {
            userService.updateUserById(user);
            result.setMsg("修改用户数据成功！");
        }catch (Exception e){
            e.printStackTrace();
            result.setStatus(false);
            result.setMsg("修改用户数据失败！");
        }
        return result;
    }
    //分页查询的方法
    @GetMapping("findByPage")
    public Map<String,Object> findByPage(Integer pageNow,Integer pageSize){
        Map<String,Object> result = new HashMap<>();
        pageNow = pageNow==null?1:pageNow;
        pageSize = pageSize==null?4:pageSize;
        List<User> users = userService.findByPage(pageNow, pageSize);
        //总条数
        Long totals = userService.findTotals();
        result.put("users",users);
        result.put("total",totals);
        return result;
    }
}
B0码码码
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Java笔记+踩坑】SpringBoot——基础
vincewm的博客
08-22 3211
springboot三种配置文件及其优先级、多环境配置、springboot整合junit,mybatis、ssmp综合图书案例
Springboot+Element_分页+显示+搜索+完整版
wyhwust的博客
05-17 943
PeomServcieImpl 取消注释为service（因为只能注入一个）注意：数据库的相关参数换成自己的。
第六篇：基于SpringBoot的SSMP整合案例 -- 后端开发篇
绿色水杯
02-12 775
文章目录案例实现方案分析实体类开发数据层开发基本开发分页功能 案例实现方案分析 实体类开发————使用Lombok快速制作实体类 Dao开发————整合MyBatisPlus，制作数据层测试类 Service开发————基于MyBatisPlus进行增量开发，制作业务层测试类 Controller开发————基于Restful开发，使用PostMan测试接口功能 Controller开发————前后端开发协议制作 页面开发————基于VUE+ElementUI制作，前后端联调，页面数据处理，页面消息处理 列
【源码免费下载】SpringBoot整合Spring+SpringMVC+MyBatisPlus案例：图书管理系统
ebb29bbe的博客
03-29 1690
案例实现方案分析：实体类开发 —— 使用Lombok快速制作实体类Dao开发 —— 整合MyBatisPlus，制作数据层测试类Service开发 —— 整合MyBatisPlus进行增量开发，制作业务层测试类Controller开发 —— 基于Restful开发，使用PostMan测试接口功能Controller开发 —— 前后端开发协议制作页面开发 —— 基于VUE+ElementUI制作，前后端联调，页面数据处理，页面消息处理项目异常处理按条件查询 —— 页面功能调整、Controller修正功能、S
JavaWeb基础9——VUE，Element&整合Javaweb的商品管理系统
vincewm的博客
08-08 3709
Vue 指令、生命周期、this和$、vue脚手架进行模块化开发/ElementUI框架、综合案例，element商品列表展示增删改查
【SpringBoot+Vue实现书籍管理系统--中篇】模块创建、数据库创建、分页制作以及条件查询
Learning_xzj的博客
06-15 640
本文所涉及的代码已经编译打包到我的云服务器中http://47.106.176.37:8080/pages/books.html 主页面添加删除修改分页条件查询​ 整体案例中需要采用的技术如下​ 希望通过这个案例，各位小伙伴能够完成基础开发的技能训练。整体开发过程采用做一层测一层的形式进行，过程完整。​ 数据层开发告一段落，下面进行业务层开发，其实标准业务层开发很多初学者认为就是调用数据层，怎么说呢？这个理解是没有大问题的，更精准的说法应该是组织业务逻辑功能，并根据业务需求，对数据持久层发起调用。有什么差
spring Boot 2 基础篇 。内含 整合一个spring boot 的 小案例
weixin_53142722的博客
04-07 4739
spring Boot 2 基础篇，小白即可上手，保姆级教学，包含一个spring Boot 小项目练手！！！ 【注意】笔记内容并不完全与老师讲的一致，内容仅供参考！ 部分截图以及来源于:CSDN博
8. SpringBoot基础学习笔记
有多勉为其难的博客
06-14 2009
SpringBoot技术由Pivotal团队研发制作，功能的话简单概括就是加速Spring程序的开发，这个加速要从如下两个方面来说:1.Spring程序初始搭建过程2.Spring程序的开发过程
Springboot2 D1-基础篇、利用boot完成SSM整合（内含Mp的一些知识）
shyboyandgirl的博客
08-23 199
手工导入starter坐标（2个），mysql驱动（1个）配置数据源与MyBatisPlus对应的配置开发Dao接口（继承BaseMapper）制作测试类测试Dao功能是否有效使用配置方式开启日志，设置日志输出方式为标准输出即可查阅SQL执行日志。
SpringBoot基础篇学习笔记
prague6695的博客
08-22 647
SpringBoot基础篇学习笔记
基于springboot+mybatis简单的正删改查.rar
05-09
在本项目中，"基于springboot+mybatis简单的正删改查.rar" 是一个适合初学者的Java Web应用示例，它涵盖了基础的CRUD（创建、读取、更新、删除）操作以及登录功能。该项目利用了Spring Boot的便捷性和MyBatis的数据...
springboot增删改查
06-19
本知识点将深入探讨如何利用SpringBoot实现数据库的增删改查操作。 一、SpringBoot入门 SpringBoot的核心理念是“约定优于配置”，它内置了Tomcat服务器，自动配置了Spring MVC、Spring Data JPA等模块，使得开发者...
element-ui tree结构实现增删改自定义功能代码
10-14
在本文中，我们将深入探讨如何使用Element-UI的Tree组件实现增删改的自定义功能。Element-UI是一个基于Vue.js的开源UI组件库，它提供了丰富的组件供开发者使用，其中包括Tree组件，用于展示层级关系的数据。在描述的...
用户信息管理系统___增删改+验证码.rar
01-09
JavaWeb实现用户管理系统(增删改查、登陆注册、分页显示、模糊查询，过滤器，验证码)。---非常适合新手学习，内涵数据库。 项目介绍及演示请访问：https://blog.csdn.net/W_TF2017/article/details/97383009
JSP.zip_jsp userinfo_jsp增删_jsp实现增删改
09-19
在本例中，“JSP.zip_jsp userinfo_jsp增删_jsp实现增删改”是一个关于JSP的实践项目，主要涉及用户信息的管理，包括增加、删除和修改功能。 **userinfo_jsp** "userinfo_jsp"可能是指用于处理用户信息的JSP页面。...
【elementui】记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法
bbt953的博客
07-24 489
记录el-table设置左、右列固定时，加大滚动条宽度至使滚动条部分被固定列遮挡的解决方法
Spring Boot组成的分布式系统中实现日志跟踪
最新发布
心猿意码
07-25 443
除了使用Sleuth和Zipkin之外，我们还可以自定义日志输出格式，以便更容易地识别请求的追踪信息。Xml深色版本1通过使用Spring Cloud Sleuth和Zipkin，我们可以轻松地为Spring Boot应用实现日志跟踪。这种方式不仅简化了日志跟踪的实现，还提供了强大的可视化工具，帮助我们更好地理解和调试分布式系统。此外，通过自定义日志输出格式和使用MDC，我们可以进一步定制日志以适应特定的需求。
Spring boot 2.0 升级到 3.3.1 的相关问题 （六）
飞一站的博客
07-24 812
解决Spring boot 2.0 升级到3.3.1 版本的`BeanPostProcessor`警告问题。
SpringBoot+ssm增删改
04-21
和查询的操作怎么写？ 很高兴能够回答您的问题！凡涉及技术问题，我都可以为您提供解答。对于您的问题，SpringBoot ssm增删改和查询的操作是根据业务需求来设计的。在SpringBoot框架下，可以利用SSM（Spring+SpringMVC+Mybatis）的技术栈来实现增删改查（CRUD）的操作。其中，Mybatis用于操作数据库，SpringMVC用于实现MVC的控制层，Spring用于实现IOC和AOP功能。至于具体的实现细节，需要根据您的具体业务需求而定。如果您需要更具体的指导，欢迎您随时联系我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值