今日学习内容： function renderPage(data) {
let current_page = data.current_page;let last_page = data.last_page;let lins = data.linkslet prev_page_url = data.prev_page_url;
let next_page_url = data.next_page_url;let pageNum = '';
for (let i = 1; i <= last_page; i++) {
pageNum += `<button class="pageNum">${i}</button>`
}
let prev = `<button class="btn" ${current_page == 1 ? 'disabled' : ''} data-url="${prev_page_url}" >上一页</button>`
let next = `<button class="btn" ${current_page == last_page ? 'disabled' : ''} data-url="${next_page_url}">下一页</button>`
pages.innerHTML = prev + pageNum + next;}
function renderLists(list) {
let listHtml = '';
list.forEach(item => {
listHtml += ` <tr><td>${item.id}</td><td>${item.name}</td> <td>${item.age}</td> <td>${item.sex}</td><td>${item.tel}</td>
<td><button class="editBtn">编辑</button><button class="delBtn">删除</button></td>
</tr>`;});tbody.innerHTML = listHtml }
tbody.addEventListener('click', function (e) {
if (e.target.className == "editBtn") {
cover.style.display = "flex";
editBox.style.display = "flex"
editId.textContent = e.target.closest('tr').children[0].textContent
editName.value = e.target.closest('tr').children[1].textContent}}）
editBtn.addEventListener('click', function () {
let name = editName.value;let id = editId.textContent
console.log(id); axios.get(`${baseURL}/update?id=${id}&name=${name}`).then(res => {
console.log(res);
if (res.data.code == 0) {
cover.style.display = "none"; editBox.style.display = "none"; }})})
</script>
|
