菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育
标题:
毛少涵2023-1-13
[打印本页]
作者:
微小星晨
时间:
2023-1-31 19:47
标题:
毛少涵2023-1-13
今日学习内容:
function
renderPage
(
data
)
{
let
current_page
=
data
.
current_page
;
let
last_page
=
data
.
last_page
;
let
lins
=
data
.
links
let
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
>
欢迎光临 菁英数字科技(猩码)-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4