2023-2-15-学习日报

一、学习内容

工具栏监听，提示是否删除，调用ajax，表单得到里面的值

*难点*复选框 产品的增删改查等。

二、.今天的知识点

后台管理系统的 删除 思路逻辑？

（1）点击删除按钮需要对其进行监听

form.on('submit(delete)'）

（2）对于重要的信息删除应该给用户提示

layer.confirm('真的删除行么?'）

（3）通过ajax调用后台

ajax的书写规范：

$.ajax({

url: '/back/user/delete', //对应java后台WebServlet注解里面的值

data: {id: data.id}, //要传递给后台的值，统一用json对象

type: 'post', //对应java后台的方法

dataType: 'json', //固定用法

success: function (res) {} //res就算java传递给前端的值

（4）根据后台代码返回的数据进行逻辑操作

新增 思路逻辑

（1）有新增页面

直接复制layUI页面，修改一下自己需要什么复制什么

（2）监听提交按钮

form.on('submit(add)'）

（3）得到值

let hobbys = [];

$("input[type=checkbox][name=hobby]:checked").each(function (i, d) {

console.log($(this).attr("title"))

hobbys.push($(this).attr("title"));

});

（4）传递到Java

ajax

（5）根据Java返回的值进行逻辑判断

if (res.count > 0) {

layer.alert("增加成功", {

icon: 6

},

function () {

xadmin.close();

// 可以对父窗口进行刷新

xadmin.father_reload();

});

} else {

layer.alert("增加失败");

}

}

修改 思路逻辑

点击编辑按钮，弹出编辑页面：一般情况下不要和密码一起修改

（1）点击修改按钮弹出修改页面

（2）根据id将当前数据查询出来 ，显示在页面上

（3）点击提交按钮进行修改

（4）ajax需要添加一个id

日期框弹出：强制： trigger: "click"

三、.今天有什么好的表现

第四阶段的后台管理系统的java代码增删改查，根据id查询，模糊查询都基本上都打完了。

四、.今天有什么不懂的吗？

后台管理系统逻辑了解的还可以，前端js上面的部分代码还不是很理解，只会复制。能做的出来，但是真的做的很慢，每做一个功能，都会在前端js哪里卡很久。耗费时间的不是打代码的时候，而是前端复制过来，要改的地方越来越多。代码量也多了，找起错误来很麻烦，我觉得我该多提升一下自己找错误的能力。

五、.今天有什么事发生吗？

依旧正在做第四阶段项目，因为idea出问题了，所以进度变慢了很多，但是现在已经弄好，正在赶进度。

六、.有什么需要帮助的吗？

通过粟老师的详细讲解，目前第四阶段后台管理系统，自己也有头绪做了，只是做的慢些。