吐槽合集开发

2024-03-15

52

作者编辑

##  JPA 的 Specification是坨shit
 sql是爷。
 
 
 好坑第二个
```
 //        return "admin/blogs::bloglist";
//    我草 不会是大小写l 没写好吧我去 L l 不分了    
 
            <table th:fragment="blogList" class="ui compact teal table">
//我去 我真特么会写， 卡了2h 的从前端打印到后端终于找到了

```
 th:value好像更适用保存输入框的值

### 小心axios 覆盖
有些东西获取元素只有页面加载的时候回获取，一点页面重新刷新axios这种，元素可能就被刷新掉了，这些按钮都没法操作了
```
// 在页面加载完毕后绑定事件监听器
document.addEventListener('DOMContentLoaded', function() {
    // 获取所有完成和取消按钮的父容器
    var todoListContainer = document.getElementById('alltodolist');

// 添加点击事件监听器到父容器，通过事件委托的方式处理点击事件
    todoListContainer.addEventListener('click', function(event) {
        var target = event.target;

// 检查点击的元素是否为完成按钮
        if (target.classList.contains('todos-complete-button')) {
            // 获取待办事项的ID
            var todoId = target.getAttribute('data-todo-finish-id');

axios.put('/admin/todolist', { id: todoId })
                .then(function(response) {
                    // 更新成功后的操作
                    todoListContainer.innerHTML = response.data;
                })
                .catch(function(error) {
                    // 处理更新失败的情况
                    console.error('Error:', error);
                });
        } else if (target.classList.contains('todos-cancel-button')) {
            // 处理取消按钮的点击事件
            // 这部分的代码与完成按钮类似，根据需要进行相应的处理
        }
    });
});
```
这边的代码把
···  
var todoListContainer = document.getElementById('alltodolist');

// 添加点击事件监听器到父容器，通过事件委托的方式处理点击事件
    todoListContainer.addEventListener('click', function(event) {
        var target = event.target;

// 检查点击的元素是否为完成按钮
        if (target.classList.contains('todos-complete-button')) {
 
···
通过静态元素父容器实现对里面的动态元素的的在发现。
而之前的
···
 var completeButtons = document.querySelectorAll('.todos-complete-button.button');

// 为每个完成按钮添加点击事件监听器
            completeButtons.forEach(function(button) {
                button.addEventListener('click', function() {
                    // 获取待办事项的ID
                    var todoId = button.getAttribute('data-todo-finish-id');

axios.put('/admin/todolist', {
                        id: todoId,

})
                        // 直接去后端取反就行了 直接充分利用这个按钮
                        .then(function(response) {
                        // alert("更新完成了");
                        //     alert(response.data)
                            var todoListContainer = document.getElementById('alltodolist');
                            todoListContainer.innerHTML = response.data;
                        })
                        .catch(function(error) {
                            // 请求失败后的回调函数

console.error('Error:', error);
                        });
                });
            });

···
的第1和2行都是直接初始化的时候和元素建立关系的。

吐槽

Java

博客信息

作者 eeettt123

发布日期 2024-03-15

其他信息 : 其他三字母的人名首字母都是其他同学发布的哦

吐槽合集 开发

吐槽合集开发