2023.3.17学习日志

一.产品页面的编辑

1. 问题

修改不成功

2. 原因

sql语句错误

3. 解决办法

修改dao层sql语句

dao层sql语句为：

String sql = "update product set ";

if (!"".equals(productModel.getImgHref())) {

sql += "img_href='" + productModel.getImgHref() + "',";

}

if (!"".equals(productModel.getName())) {

sql += "name='" + productModel.getName() + "',";

}

sql += " update_time=now() ";

sql += "where id=" + productModel.getId();

二.留言页面

1.1问题

页面总是显示数据接口异常

1.2原因

js有问题

1.3js代码

$(function () {

// 两个参数，第一个参数 需要加载的模板，第二个参数 加载完成后需要做什么事情

layui.use(['laydate', 'form', 'table'], function () {

let laydate = layui.laydate;

let form = layui.form;

let table = layui.table;

// 创建渲染实例

table.render({

elem: '#table'

, url: '/back/words/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口

, page: true

, where: {username: 'aa', phone: ''}

, parseData: function (res) { //res 即为原始返回的数据

console.log(res);

return {

"code": res.code, //解析接口状态

"msg": res.msg, //解析提示文本

"count": res.count, //解析数据长度

"data": res.data //解析数据列表

};

}

, cols: [[

{field: 'id', fixed: 'left', width: 90, title: 'ID'}

, {field: 'call', width: 130, title: '称呼'}

, {field: 'email', width: 180, title: '邮箱'}

, {field: 'title', width: 130, title: '标题'}

, {field: 'content', width: 520, title: '内容'}

,

, {fixed: 'right', title: '操作', align: 'center', width: 200, minWidth: 125, toolbar: '#barDemo'}

]]

})

//触发单元格工具事件

table.on('tool(table)', function (obj) { // 双击 toolDouble

var data = obj.data;

//console.log(obj)

if (obj.event === 'del') {

// 弹出提示框让用户选中

layer.confirm('真的删除行么', function (index) {

// 提交到Java后台，删除数据库数据

$.ajax({

url: '/back/words/delete',

data: {id: data.id},

type: 'post',

dataType: 'json',

success: function (res) {

if (res.code == 0) {

layer.msg(res.msg, function () {

obj.del();

layer.close(index);

})

} else {

layer.msg(res.msg);

}

}

})

});

} else if (obj.event === 'edit') {

// console.log(data);

//需要将当前的数据传递到修改页面

// 需要将对象转换为json字符串

sessionStorage.setItem("wordsData", JSON.stringify(data));

sessionStorage.setItem("wordsId", data.id);

xadmin.open('编辑产品', '/html/words/words-update.html', 600, 400);

} else if (obj.event === 'show') {

}

});

})

})

2.1问题

留言添加功能不成功

2.2原因

没找到

2.3解决办法

在layui文档中找到一个模板通过修改，最后完成了留言的添加功能

3.1问题

想在点击留言页面的编辑框按钮时，设置一个表单回显，但是没成功

3.2原因

没有编写以下js代码

findById();

function findById() {

let id = sessionStorage.getItem("wordsId");

$.ajax({

url: '/back/words/findById',

data: {id: id},

type: 'get',

dataType: "json",

success: function (res) {

setData(res.data);

}

})

}

4. 解决办法

在js中添加上js代码