Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
L
Lingyun_Winter_Vacation_project
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
胡雅丽
Lingyun_Winter_Vacation_project
Commits
5e5ad037
Commit
5e5ad037
authored
Feb 26, 2022
by
tzn
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
msg
parent
6a0dfe76
Show whitespace changes
Inline
Side-by-side
Showing
16 changed files
with
895 additions
and
228 deletions
+895
-228
使用者/Item/User/User.js
+5
-5
管理者/css/applyBook.css
+44
-26
管理者/css/history.css
+80
-42
管理者/css/lookBook.css
+253
-2
管理者/css/returnBook.css
+44
-25
管理者/css/timeoutHint.css
+36
-4
管理者/html/applyBook.html
+7
-5
管理者/html/history.html
+8
-2
管理者/html/lookBook.html
+95
-1
管理者/html/returnBook.html
+7
-5
管理者/html/timeputHInt.html
+4
-5
管理者/js/applyBook.js
+76
-35
管理者/js/history.js
+40
-0
管理者/js/lookBook.js
+100
-35
管理者/js/returnBook.js
+49
-19
管理者/js/timeoutHint.js
+47
-17
No files found.
使用者/Item/User/User.js
View file @
5e5ad037
// 全部
书籍
// 全部
书籍
// 全部书籍
//左边大导航栏的切换
axios
.
defaults
.
baseURL
=
"http://
jdr33g
.natappfree.cc"
axios
.
defaults
.
baseURL
=
"http://
xsvxnp
.natappfree.cc"
$
(
'#user-li-content2'
).
hide
()
$
(
'#user-li-content3'
).
hide
()
$
(
'#user-li-content4'
).
hide
()
...
...
@@ -52,7 +52,7 @@ $('#user-li-select-content-section').click(()=>{
$
(
'#user-li-select-content-remain'
).
css
(
'border-bottom'
,
'none'
)
let
userid
=
'e9488a52-d5f7-46a9-828e-98471de02882'
axios
.
post
(
'
http://ckf2xf.natappfree.cc/
javaProject2_war_exploded/WasBorrowedServlet'
,{
axios
.
post
(
'javaProject2_war_exploded/WasBorrowedServlet'
,{
user_id
:
userid
}).
then
(
res
=>
{
console
.
log
(
res
)
...
...
@@ -158,7 +158,7 @@ $('#user-li-select-content-list').click(()=>{
$
(
'#user-li-select-content-remain'
).
css
(
'border-bottom'
,
'none'
)
axios
({
method
:
'post'
,
url
:
'
http://ckf2xf.natappfree.cc/
javaProject2_war_exploded/TopPrintServlet'
,
url
:
'javaProject2_war_exploded/TopPrintServlet'
,
data
:
{
name
:
1
}
...
...
@@ -223,7 +223,7 @@ $('#user-li-select-content-remain').click(()=>{
$
(
'#user-li-select-content-section'
).
css
(
'border-bottom'
,
'none'
)
$
(
'#user-li-select-content-list'
).
css
(
'border-bottom'
,
'none'
)
$
(
'#user-li-select-content-allbook'
).
css
(
'border-bottom'
,
'none'
)
axios
.
post
(
'
http://ckf2xf.natappfree.cc/
javaProject2_war_exploded/TimeOutServlet'
,{
axios
.
post
(
'javaProject2_war_exploded/TimeOutServlet'
,{
user_id
:
userid
}).
then
(
res
=>
{
console
.
log
(
res
)
...
...
管理者/css/applyBook.css
View file @
5e5ad037
...
...
@@ -163,9 +163,39 @@ nav ul li:hover ul
width
:
950px
;
height
:
81px
;
}
.list
ul
li
.bookname
{
width
:
auto
;
width
:
250px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
font-size
:
27px
;
color
:
#fff
;
background-color
:
#434446
;
border-radius
:
100px
;
margin-right
:
25px
;
font-weight
:
lighter
;
padding
:
12px
32px
2px
35px
;
letter-spacing
:
3px
;
}
.id
{
width
:
100px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
font-size
:
27px
;
color
:
#fff
;
background-color
:
#434446
;
border-radius
:
100px
;
margin-right
:
25px
;
font-weight
:
lighter
;
padding
:
12px
32px
2px
35px
;
letter-spacing
:
3px
;
}
.user
{
width
:
100px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
...
...
@@ -178,9 +208,6 @@ nav ul li:hover ul
padding
:
12px
32px
2px
35px
;
letter-spacing
:
3px
;
}
/* 按钮 */
.agree
...
...
@@ -198,13 +225,14 @@ nav ul li:hover ul
border
:
none
;
margin
:
0
;
transition
:
all
0.5s
;
cursor
:
pointer
;
}
.reject
{
float
:
right
;
height
:
34px
;
width
:
7
0
px
;
width
:
7
2
px
;
border-radius
:
30px
;
padding
:
7px
20px
0
20px
;
margin-left
:
20px
;
...
...
@@ -217,6 +245,7 @@ nav ul li:hover ul
border-radius
:
30px
;
border
:
2px
solid
red
;
line-height
:
28px
;
cursor
:
pointer
;
}
.agree
:hover
...
...
@@ -237,9 +266,10 @@ nav ul li:hover ul
/* 主体部分 */
#main
{
width
:
10
2
0px
;
width
:
10
5
0px
;
height
:
812px
;
margin-left
:
430px
;
overflow-y
:
scroll
;
}
.item
{
...
...
@@ -248,6 +278,7 @@ nav ul li:hover ul
font-size
:
27px
;
color
:
#fff
;
margin
:
30px
0
55px
0
;
}
.part
{
...
...
@@ -261,7 +292,7 @@ nav ul li:hover ul
.book_name
{
float
:
left
;
width
:
2
50px
;
width
:
3
50px
;
text-align
:
center
;
height
:
36px
;
text-overflow
:
ellipsis
;
...
...
@@ -279,10 +310,10 @@ nav ul li:hover ul
.book_id
{
float
:
left
;
width
:
8
0px
;
width
:
10
0px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
30px
0
35
px
;
padding
:
0
30px
0
57
px
;
transition
:
all
0.5s
;
}
.book_id
:hover
...
...
@@ -290,27 +321,14 @@ nav ul li:hover ul
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
.borrow_time
{
float
:
left
;
width
:
150px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
20px
0
20px
;
transition
:
all
0.5s
;
}
.borrow_time
:hover
{
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
#user_name
{
float
:
left
;
width
:
81px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
0
0
5
0px
;
padding
:
0
0
0
7
0px
;
transition
:
all
0.5s
;
}
#user_name
:hover
...
...
管理者/css/history.css
View file @
5e5ad037
...
...
@@ -187,61 +187,99 @@ nav ul li ul li:hover
}
/* 主体部分 */
#main
{
width
:
1050px
;
height
:
812px
;
margin-left
:
430px
;
overflow-y
:
scroll
;
}
.item
{
width
:
1020px
;
height
:
47px
;
font-size
:
27px
;
color
:
#fff
;
margin
:
30px
0
55px
0
;
}
.part
{
display
:
inline
;
width
:
770px
;
line-height
:
3px
;
height
:
47px
;
}
/* 搜索框 */
div
.search
.book_name
{
height
:
40px
;
width
:
600px
;
position
:
absolute
;
margin-top
:
-770px
;
margin-left
:
450px
;
float
:
left
;
width
:
250px
;
text-align
:
center
;
height
:
36px
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
;
overflow
:
hidden
;
line-height
:
43px
;
transition
:
all
0.5s
;
}
div
.search
form
.book_name
:hover
{
width
:
100%
;
height
:
100%
;
border-radius
:
30px
;
overflow
:
visible
;
transform
:
translateY
(
30px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
div
.search
form
input
.book_id
{
border-radius
:
30px
;
background-color
:
#b2b2b2
;
float
:
left
;
width
:
80px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
30px
0
5px
;
transition
:
all
0.5s
;
}
div
.search
form
input
:nth-child
(
2
)
.book_id
:hover
{
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
.borrow_time
{
width
:
400px
;
height
:
100%
;
font-size
:
20px
;
text-indent
:
40px
;
border
:
none
;
float
:
left
;
width
:
150px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
20px
0
35px
;
transition
:
all
0.5s
;
}
div
.search
form
input
:nth-child
(
3
)
.borrow_time
:hover
{
margin-left
:
-40px
;
width
:
100px
;
height
:
100%
;
font-size
:
20px
;
letter-spacing
:
2px
;
border
:
none
;
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
div
.search
form
img
#user_name
{
position
:
absolute
;
left
:
17vw
;
transform
:
translateX
(
-250px
);
margin-top
:
10px
;
height
:
20px
;
float
:
left
;
width
:
81px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
0
0
70px
;
transition
:
all
0.5s
;
}
.user_name
:hover
{
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
.return_time
{
float
:
left
;
width
:
150px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
20px
0
45px
;
transition
:
all
0.5s
;
}
...
...
管理者/css/lookBook.css
View file @
5e5ad037
...
...
@@ -223,9 +223,10 @@ nav ul li ul li:hover
/* 主体部分 */
#main
{
width
:
10
2
0px
;
width
:
10
5
0px
;
height
:
812px
;
margin-left
:
430px
;
overflow-y
:
scroll
;
}
.item
{
...
...
@@ -256,5 +257,255 @@ nav ul li ul li:hover
.bookbox
{
width
:
928px
;
height
:
714px
;
margin-top
:
50px
;
border-radius
:
20px
;
display
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
space-between
;
overflow-y
:
scroll
;
}
.bookbox
::-webkit-scrollbar
{
display
:
none
;
}
.book
{
margin-top
:
5px
;
margin-bottom
:
36px
;
width
:
370px
;
height
:
215px
;
background-color
:
rgba
(
0
,
0
,
0
,
0.5
);
display
:
flex
;
border-radius
:
10px
;
box-shadow
:
2px
2px
2px
#555250
;
transition
:
transform
0.5s
ease-in-out
;
}
.book
:hover
{
transform
:
translate
(
0
,
-5px
);
}
.book-page
{
width
:
180px
;
height
:
215px
;
border-radius
:
10px
;
}
.book-introduce
{
padding-left
:
10px
;
width
:
194px
;
height
:
215px
;
text-align
:
center
;
}
.book-introduceT
{
font-size
:
28px
;
color
:
white
;
height
:
110px
;
}
.book-introduce-Sbutton
{
cursor
:
pointer
;
width
:
140px
;
height
:
43px
;
padding
:
0px
;
font-size
:
20px
;
color
:
white
;
border
:
2px
solid
white
;
border-radius
:
30px
;
background-color
:
#434446
;
transition
:
background-color
0.5s
ease-in-out
,
color
0.5s
ease-in-out
;
}
.book-introduce-Sbutton
:hover
{
background-color
:
white
;
color
:
black
;
}
.alert-see-add
{
cursor
:
pointer
;
width
:
700px
;
height
:
720px
;
background-color
:
rgba
(
0
,
0
,
0
,
0.8
);
position
:
absolute
;
top
:
300px
;
left
:
400px
;
border-radius
:
30px
;
display
:
none
;
}
.alert-see-part
{
width
:
700px
;
height
:
50px
;
margin-top
:
25px
;
margin-left
:
20px
;
margin-bottom
:
10px
;
margin-right
:
0px
;
line-height
:
50px
;
font-size
:
30px
;
color
:
white
;
}
.alert-see-add-button
{
width
:
200px
;
height
:
50px
;
font-size
:
25px
;
background-color
:
rgba
(
10
,
173
,
227
,
1
);
border-radius
:
30px
;
cursor
:
pointer
;
margin-top
:
30px
;
margin-left
:
250px
;
transition
:
background-color
0.5s
ease-in-out
,
color
0.5s
ease-in-out
;
}
.alert-see-add-button
:hover
{
background-color
:
white
;
color
:
black
;
}
.book-introduce-Abutton
{
cursor
:
pointer
;
margin-right
:
10px
;
width
:
70px
;
height
:
40px
;
padding
:
0px
;
font-size
:
18px
;
color
:
white
;
border
:
2px
solid
white
;
border-radius
:
20px
;
background-color
:
#434446
;
transition
:
background-color
0.5s
ease-in-out
,
color
0.5s
ease-in-out
;
}
.book-introduce-Abutton
:hover
{
background-color
:
white
;
color
:
black
;
}
.book-introduce-Dbutton
{
cursor
:
pointer
;
margin-top
:
10px
;
width
:
70px
;
height
:
40px
;
padding
:
0px
;
font-size
:
18px
;
color
:
white
;
border
:
2px
solid
white
;
border-radius
:
20px
;
background-color
:
#434446
;
transition
:
background-color
0.5s
ease-in-out
,
color
0.5s
ease-in-out
;
}
.book-introduce-Dbutton
:hover
{
background-color
:
white
;
color
:
black
;
}
.alert-see-input
{
text-indent
:
5px
;
color
:
white
;
width
:
300px
;
height
:
50px
;
background-color
:
transparent
;
font-size
:
25px
;
border-radius
:
30px
;
border
:
none
;
}
.alert-see-sure
{
cursor
:
pointer
;
width
:
300px
;
height
:
200px
;
background-color
:
rgba
(
0
,
0
,
0
,
0.8
);
position
:
absolute
;
top
:
400px
;
left
:
740px
;
border-radius
:
30px
;
display
:
none
;
}
.alert-see-sure-button
{
cursor
:
pointer
;
width
:
200px
;
height
:
50px
;
font-size
:
25px
;
background-color
:
white
;
border-radius
:
30px
;
cursor
:
pointer
;
margin-top
:
33px
;
margin-left
:
50px
;
transition
:
background-color
0.1s
ease-in-out
,
color
0.1s
ease-in-out
;
}
.alert-see-sure-button
:hover
{
background-color
:
red
;
color
:
white
;
}
.alert-see-fix
{
cursor
:
pointer
;
width
:
700px
;
height
:
720px
;
background-color
:
rgba
(
0
,
0
,
0
,
0.8
);
position
:
absolute
;
top
:
300px
;
left
:
400px
;
border-radius
:
30px
;
display
:
none
;
}
.alert-see-fix-button
{
cursor
:
pointer
;
width
:
200px
;
height
:
50px
;
font-size
:
25px
;
background-color
:
rgba
(
10
,
173
,
227
,
1
);
border-radius
:
30px
;
cursor
:
pointer
;
margin-top
:
30px
;
margin-left
:
250px
;
transition
:
background-color
0.5s
ease-in-out
,
color
0.5s
ease-in-out
;
}
.alert-see-fix-button
:hover
{
background-color
:
white
;
color
:
black
;
}
.alert-see-see
{
cursor
:
pointer
;
width
:
700px
;
height
:
720px
;
background-color
:
rgba
(
0
,
0
,
0
,
0.8
);
position
:
absolute
;
top
:
300px
;
left
:
400px
;
border-radius
:
30px
;
display
:
none
;
}
.alert-see-see-button
{
cursor
:
pointer
;
width
:
200px
;
height
:
50px
;
font-size
:
25px
;
background-color
:
rgba
(
10
,
173
,
227
,
1
);
border-radius
:
30px
;
cursor
:
pointer
;
margin-top
:
30px
;
margin-left
:
250px
;
transition
:
background-color
0.5s
ease-in-out
,
color
0.5s
ease-in-out
;
}
.alert-see-see-button
:hover
{
background-color
:
white
;
color
:
black
;
}
管理者/css/returnBook.css
View file @
5e5ad037
...
...
@@ -161,9 +161,38 @@ nav ul li ul li:hover
width
:
950px
;
height
:
81px
;
}
.
list
ul
li
.
bookname
{
width
:
auto
;
width
:
250px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
font-size
:
27px
;
color
:
#fff
;
background-color
:
#434446
;
border-radius
:
100px
;
margin-right
:
25px
;
font-weight
:
lighter
;
padding
:
12px
32px
2px
35px
;
letter-spacing
:
3px
;
}
.id
{
width
:
100px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
font-size
:
27px
;
color
:
#fff
;
background-color
:
#434446
;
border-radius
:
100px
;
margin-right
:
25px
;
font-weight
:
lighter
;
padding
:
12px
32px
2px
35px
;
letter-spacing
:
3px
;
}
.user
{
width
:
100px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
...
...
@@ -195,13 +224,14 @@ nav ul li ul li:hover
border
:
none
;
margin
:
0
;
transition
:
all
0.5s
;
cursor
:
pointer
;
}
.reject
{
float
:
right
;
height
:
34px
;
width
:
7
0
px
;
width
:
7
2
px
;
border-radius
:
30px
;
padding
:
7px
20px
0
20px
;
margin-left
:
20px
;
...
...
@@ -214,6 +244,7 @@ nav ul li ul li:hover
border-radius
:
30px
;
border
:
2px
solid
red
;
line-height
:
28px
;
cursor
:
pointer
;
}
.agree
:hover
...
...
@@ -234,9 +265,10 @@ nav ul li ul li:hover
/* 主体部分 */
#main
{
width
:
10
2
0px
;
width
:
10
5
0px
;
height
:
812px
;
margin-left
:
430px
;
overflow-y
:
scroll
;
}
.item
{
...
...
@@ -258,7 +290,7 @@ nav ul li ul li:hover
.book_name
{
float
:
left
;
width
:
2
50px
;
width
:
3
50px
;
text-align
:
center
;
height
:
36px
;
text-overflow
:
ellipsis
;
...
...
@@ -276,10 +308,10 @@ nav ul li ul li:hover
.book_id
{
float
:
left
;
width
:
8
0px
;
width
:
10
0px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
30px
0
35
px
;
padding
:
0
30px
0
57
px
;
transition
:
all
0.5s
;
}
.book_id
:hover
...
...
@@ -287,30 +319,17 @@ nav ul li ul li:hover
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
.borrow_time
{
float
:
left
;
width
:
150px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
20px
0
20px
;
transition
:
all
0.5s
;
}
.borrow_time
:hover
{
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
}
.user_name
#user_name
{
float
:
left
;
width
:
81px
;
height
:
36px
;
line-height
:
43px
;
padding
:
0
0
0
5
0px
;
padding
:
0
0
0
7
0px
;
transition
:
all
0.5s
;
}
.
user_name
:hover
#
user_name
:hover
{
transform
:
translateY
(
-5px
);
box-shadow
:
0
20px
80px
rgba
(
48
,
49
,
51
,
0.15
);
...
...
管理者/css/timeoutHint.css
View file @
5e5ad037
...
...
@@ -164,9 +164,38 @@ nav ul li ul li:hover
width
:
1050px
;
height
:
81px
;
}
.
list
ul
li
.
bookname
{
width
:
auto
;
width
:
250px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
font-size
:
27px
;
color
:
#fff
;
background-color
:
#434446
;
border-radius
:
100px
;
margin-right
:
25px
;
font-weight
:
lighter
;
padding
:
12px
32px
2px
35px
;
letter-spacing
:
3px
;
}
.id
{
width
:
100px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
font-size
:
27px
;
color
:
#fff
;
background-color
:
#434446
;
border-radius
:
100px
;
margin-right
:
25px
;
font-weight
:
lighter
;
padding
:
12px
32px
2px
35px
;
letter-spacing
:
3px
;
}
.user
{
width
:
100px
;
text-align
:
center
;
height
:
50px
;
float
:
left
;
...
...
@@ -184,6 +213,7 @@ nav ul li ul li:hover
/* 按钮 */
.hint
{
...
...
@@ -202,6 +232,7 @@ nav ul li ul li:hover
float
:
right
;
transition
:
all
0.5s
;
cursor
:
pointer
;
}
.hint
:hover
{
...
...
@@ -215,7 +246,8 @@ nav ul li ul li:hover
/* 主体部分 */
#main
{
width
:
1020px
;
overflow-y
:
scroll
;
width
:
1050px
;
height
:
812px
;
margin-left
:
430px
;
}
...
...
管理者/html/applyBook.html
View file @
5e5ad037
<!DOC
TYPE html>
<!DOC
TYPE html>
...
...
@@ -35,15 +35,16 @@
<!-- 排头 -->
<div
class=
"list"
>
<ul>
<li>
书籍名称
</li>
<li>
编号
</li>
<li>
借书时间
</li>
<li>
申请人
</li>
<li
class=
"bookname"
>
书籍名称
</li>
<li
class=
"id"
>
编号
</li>
<li
class=
"user"
>
申请人
</li>
</ul>
</div>
<div
id=
"main"
>
</div>
</body>
<script
src=
"https://unpkg.com/axios/dist/axios.min.js"
></script>
<script
type=
"text/javascript"
src=
"http://cdn.staticfile.org/jquery/3.4.0/jquery.js"
></script>
<script
src=
"../js/applyBook.js"
></script>
</html>
\ No newline at end of file
管理者/html/history.html
View file @
5e5ad037
<!DOC
TYPE html>
<!DOC
TYPE html>
...
...
@@ -40,10 +40,15 @@
<li
id=
"book_id"
>
编号
</li>
<li
id=
"borrow_time"
>
借书时间
</li>
<li
id=
"return_time"
>
还书时间
</li>
<li
id=
"user_name"
>
申请人
</li>
<li
id=
"user_name
s
"
>
申请人
</li>
</ul>
</div>
<div
id=
"main"
>
</div>
</body>
<script
src=
"../js/history.js"
></script>
</html>
\ No newline at end of file
管理者/html/lookBook.html
View file @
5e5ad037
<!DOC
TYPE html>
<!DOC
TYPE html>
...
...
@@ -45,9 +45,102 @@
<!-- 书籍展示 -->
<div
id=
"main"
>
<div
class=
"bookbox"
>
</div>
<div
class=
"alert-see-see"
>
<div
class=
"alert-see-part"
>
基地id:
</div>
<div
class=
"alert-see-part"
>
书架id:
</div>
<div
class=
"alert-see-part"
>
书名:
</div>
<div
class=
"alert-see-part"
>
种类:
</div>
<div
class=
"alert-see-part"
>
作者:
</div>
<div
class=
"alert-see-part"
>
出版社:
</div>
<div
class=
"alert-see-part"
>
图片地址:
</div>
<button
class=
"alert-see-see-button"
>
修改
</button>
<button
class=
"alert-see-see-button"
>
返回
</button>
</div>
<div
class=
"alert-see-fix"
>
<div
class=
"alert-see-part"
>
基地id:
<input
type=
"text"
placeholder=
"请输入作者"
class=
"alert-see-input"
id=
"jdid"
>
</div>
<div
class=
"alert-see-part"
>
书架id:
<input
type=
"text"
placeholder=
"请输入出版社"
class=
"alert-see-input"
id=
"bookshelf_id"
>
</div>
<div
class=
"alert-see-part"
>
书名:
<input
type=
"text"
placeholder=
"请输入书名"
class=
"alert-see-input"
id=
"book_name"
>
</div>
<div
class=
"alert-see-part"
>
种类:
<input
type=
"text"
placeholder=
"请输入种类"
class=
"alert-see-input"
id=
"category"
>
</div>
<div
class=
"alert-see-part"
>
作者:
<input
type=
"text"
placeholder=
"请输入作者"
class=
"alert-see-input"
id=
"author"
>
</div>
<div
class=
"alert-see-part"
>
出版社:
<input
type=
"text"
placeholder=
"请输入出版社"
class=
"alert-see-input"
id=
"publisher"
>
</div>
<div
class=
"alert-see-part"
>
图片地址:
<input
type=
"text"
placeholder=
"请输入图片地址"
class=
"alert-see-input"
id=
"image"
>
</div>
<button
class=
"alert-see-fix-button"
>
确认
</button>
<button
class=
"alert-see-fix-button"
>
返回
</button>
</div>
<div
class=
"alert-see-add"
>
<div
class=
"alert-see-part"
>
基地id:
<input
type=
"text"
placeholder=
"请输入作者"
class=
"alert-see-input"
id=
"jdid"
>
</div>
<div
class=
"alert-see-part"
>
书架id:
<input
type=
"text"
placeholder=
"请输入出版社"
class=
"alert-see-input"
id=
"bookshelf_id"
>
</div>
<div
class=
"alert-see-part"
>
书名:
<input
type=
"text"
placeholder=
"请输入书名"
class=
"alert-see-input"
id=
"book_name"
>
</div>
<div
class=
"alert-see-part"
>
种类:
<input
type=
"text"
placeholder=
"请输入种类"
class=
"alert-see-input"
id=
"category"
>
</div>
<div
class=
"alert-see-part"
>
作者:
<input
type=
"text"
placeholder=
"请输入作者"
class=
"alert-see-input"
id=
"author"
>
</div>
<div
class=
"alert-see-part"
>
出版社:
<input
type=
"text"
placeholder=
"请输入出版社"
class=
"alert-see-input"
id=
"publisher"
>
</div>
<div
class=
"alert-see-part"
>
图片地址:
<input
type=
"text"
placeholder=
"请输入图片地址"
class=
"alert-see-input"
id=
"image"
>
</div>
<button
class=
"alert-see-add-button"
>
确定
</button>
<button
class=
"alert-see-add-button"
>
返回
</button>
</div>
<div
class=
"alert-see-sure"
>
<button
class=
"alert-see-sure-button"
>
确定
</button>
<button
class=
"alert-see-sure-button"
>
取消
</button>
</div>
</div>
</body>
<script
src=
"https://unpkg.com/axios/dist/axios.min.js"
></script>
<script
type=
"text/javascript"
src=
"http://cdn.staticfile.org/jquery/3.4.0/jquery.js"
></script>
<script
src=
"../js/lookBook.js"
></script>
</html>
\ No newline at end of file
管理者/html/returnBook.html
View file @
5e5ad037
<!DOC
TYPE html>
<!DOC
TYPE html>
...
...
@@ -35,15 +35,16 @@
<!-- 排头 -->
<div
class=
"list"
>
<ul>
<li>
书籍名称
</li>
<li>
编号
</li>
<li>
还书时间
</li>
<li>
申请人
</li>
<li
class=
"bookname"
>
书籍名称
</li>
<li
class=
"id"
>
编号
</li>
<li
class=
"user"
>
申请人
</li>
</ul>
</div>
<div
id=
"main"
>
</div>
</body>
<script
src=
"https://unpkg.com/axios/dist/axios.min.js"
></script>
<script
type=
"text/javascript"
src=
"http://cdn.staticfile.org/jquery/3.4.0/jquery.js"
></script>
<script
src=
"../js/returnBook.js"
></script>
</html>
\ No newline at end of file
管理者/html/timeputHInt.html
View file @
5e5ad037
<!DOC
TYPE html>
<!DOC
TYPE html>
...
...
@@ -35,10 +35,9 @@
<!-- 排头 -->
<div
class=
"list"
>
<ul>
<li>
书籍名称
</li>
<li>
编号
</li>
<li>
借书时间
</li>
<li>
申请人
</li>
<li
class=
"bookname"
>
书籍名称
</li>
<li
class=
"id"
>
编号
</li>
<li
class=
"user"
>
申请人
</li>
</ul>
</div>
...
...
管理者/js/applyBook.js
View file @
5e5ad037
windo
w
.
onload
=
function
()
windo
w
.
onload
=
function
()
window
.
onload
=
function
()
{
axios
.
defaults
.
baseURL
=
"http://
akvudm
.natappfree.cc"
axios
.
defaults
.
baseURL
=
"http://
xsvxnp
.natappfree.cc"
function
render
()
{
let
res
=
[{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},
{
user_name
:
'李四哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《Java语言程序设计》'
,
user_id
:
2
},{
user_name
:
'王五姐'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C++语言程序设计》'
,
user_id
:
3
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
4
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
5
}]
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/PrintApplyServlet'
,
data
:
{
click
:
1
}
}).
then
(
res
=>
{
console
.
log
(
res
.
data
)
console
.
log
(
res
.
data
[
0
].
book_name
)
let
outer
=
document
.
getElementById
(
"main"
);
let
buf
=
''
;
for
(
let
i
=
0
;
i
<
res
.
length
;
i
++
)
for
(
let
i
=
0
;
i
<
res
.
data
.
length
;
i
++
)
{
buf
+=
`
<div class="item">
<div class='part'>
<div class='book_name'>
${
res
[
i
].
book_name
}
</div>
<div class='book_id'>
${
res
[
i
].
book_id
}
</div>
<div class='borrow_time'>
${
res
[
i
].
borrow_time
}
</div>
<div id='user_name'>
${
res
[
i
].
user_name
}
</div>
<div class='book_name'>
${
res
.
data
[
i
].
book_name
}
</div>
<div class='book_id'>
${
res
.
data
[
i
].
jdid
}
-
${
res
.
data
[
i
].
bookshelf_id
}
-
${
res
.
data
[
i
].
book_same_id
}
</div>
<div id='user_name'>
${
res
.
data
[
i
].
user_name
}
</div>
</div>
<div class='reject' desc='
${
res
[
i
].
user_id
}
'>删除
</div>
<div class='agree' desc='
${
res
[
i
].
user_id
}
'>同意</div>
<div class='reject' '>拒绝
</div>
<div class='agree'
'>同意</div>
</div>
`
}
outer
.
innerHTML
=
buf
;
}
// function remark()
// {
// let res = [{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',remark:'You',book_name:'《C语言程序设计设计式设计说是》',user_id: 1 }, { user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 },{ user_name: '王晓红', book_id: 12,borrow_time:'2022-2-19',book_name:'《C语言程序设计》',user_id: 1 }]
// let blank='';
// document.getElementById('user_name').onclick = function()
// {
// blank +=
// `
// <div id='user_name'>${res[i].remark}</div>
// `
// }
// document.getElementById('user_name').innerHTML = blank;
// }
render
();
//remark();
document
.
getElementById
(
'main'
).
addEventListener
(
'click'
,
(
e
)
=>
{
let
id
=
null
;
if
(
e
.
target
.
innerHTML
==
'同意'
)
{
e
.
target
.
innerHTML
=
'已同意'
;
id
=
e
.
target
.
getAttribute
(
'desc'
);
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/AgreeBorrowServlet'
,
data
:
{
borrow_id
:
res
.
data
[
i
].
borrow_id
}
}).
then
(
agree
=>
{
});
}
else
if
(
e
.
target
.
innerHTML
==
'删除
'
)
else
if
(
e
.
target
.
innerHTML
==
'拒绝
'
)
{
id
=
e
.
target
.
getAttribute
(
'desc'
);
e
.
target
.
parentNode
.
style
.
display
=
'none'
;
e
.
target
.
innerHTML
=
'已拒绝'
;
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/RefuseBorrowServlet'
,
data
:
{
borrow_id
:
res
.
data
[
i
].
borrow_id
}
}).
then
(
res
=>
{
});
}
})
}
outer
.
innerHTML
=
buf
;
})
}
render
();
// axios({
// method: 'post',
// url: 'javaProject2_war_exploded/AddBookServlet',
// data: {
// jdid:1,
// bookshelf_id:2,
// book_name:3,
// category:4,
// author:5,
// publisher:6,
// image:7
// }
// }).then(res=>{
// console.log(res);
// });
// axios({
// method: 'post',
// url: 'javaProject2_war_exploded/RefuseReturnServlet',
// data: {
// borrow_id:1
// }
// }).then(res=>{
// console.log(res);
// });
}
管理者/js/history.js
0 → 100644
View file @
5e5ad037
window
.
onload
=
function
()
window
.
onload
=
function
()
{
//axios.defaults.baseURL = "http://3hy8a3.natappfree.cc"
function
render
()
{
let
res
=
[{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
return_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'张三哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
remark
:
'You'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},
{
user_name
:
'李四哥'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《Java语言程序设计》'
,
user_id
:
2
},{
user_name
:
'王五姐'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C++语言程序设计》'
,
user_id
:
3
}]
let
outer
=
document
.
getElementById
(
"main"
);
let
buf
=
''
;
for
(
let
i
=
0
;
i
<
res
.
length
;
i
++
)
{
buf
+=
`
<div class="item">
<div class='part'>
<div class='book_name'>
${
res
[
i
].
book_name
}
</div>
<div class='book_id'>
${
res
[
i
].
book_id
}
</div>
<div class='borrow_time'>
${
res
[
i
].
borrow_time
}
</div>
<div class='return_time'>
${
res
[
i
].
return_time
}
</div>
<div id='user_name'>
${
res
[
i
].
user_name
}
</div>
</div>
</div>
`
}
outer
.
innerHTML
=
buf
;
}
render
();
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/PrintBorrowedServlet'
,
data
:
{
borrow_id
:
1
}
}).
then
(
res
=>
{
console
.
log
(
res
);
});
}
管理者/js/lookBook.js
View file @
5e5ad037
windo
w
.
onload
=
function
()
windo
w
.
onload
=
function
()
window
.
onload
=
function
()
{
function
render
()
{
let
res
=
[{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},
{
name
:
'amy'
,
age
:
14
,
id
:
2
},
{
name
:
'hell'
,
age
:
15
,
id
:
3
}]
let
outer
=
document
.
getElementById
(
"main"
)
;
let
buf
=
''
;
for
(
let
i
=
0
;
i
<
res
.
length
;
i
++
)
// axios.get('').then(res=>{
let
res
=
[{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
}]
;
for
(
let
i
=
0
;
i
<
res
.
length
;
i
++
)
{
buf
+=
`
<div class="item">
<div class='part'>
<span>
${
res
[
i
].
book_name
}
</span>
<span>
${
res
[
i
].
book_id
}
</span>
<span>
${
res
[
i
].
borrow_time
}
</span>
<span>
${
res
[
i
].
user_name
}
</span>
</div>
<div class='reject' desc='
${
res
[
i
].
id
}
'>删除</div>
<div class='agree' desc='
${
res
[
i
].
id
}
'>同意</div>
</div>
`
}
console
.
log
(
'a'
)
$
(
"<div class='book'></div>"
).
appendTo
(
$
(
'.bookbox'
));
outer
.
innerHTML
=
buf
;
}
render
();
$
(
"<img class='book-page'>"
).
appendTo
(
$
(
'.book'
))
$
(
"<div class='book-introduce'></div>"
).
appendTo
(
$
(
'.book'
))
$
(
"<div class='book-introduceT'></div>"
).
appendTo
(
$
(
'.book-introduce'
))
$
(
"<button class='book-introduce-Sbutton'>查看书籍</button>"
).
appendTo
(
$
(
'.book-introduce'
))
$
(
"<button class='book-introduce-Abutton'>添加</button>"
).
appendTo
(
$
(
'.book-introduce'
))
$
(
"<button class='book-introduce-Dbutton'>删除</button>"
).
appendTo
(
$
(
'.book-introduce'
))
// })
document
.
getElementById
(
'main'
).
addEventListener
(
'click'
,
(
e
)
=>
{
let
id
=
null
;
if
(
e
.
target
.
innerHTML
==
'同意'
)
for
(
let
i
=
0
;
i
<
res
.
length
;
i
++
)
{
e
.
target
.
innerHTML
=
'已同意'
;
id
=
e
.
target
.
getAttribute
(
'desc'
);
// 使用axios将这个参数id传到后端,让后端执行同意的代码修改数据库,这里省略
//注意实际写的时候可以将更新按钮为已同意的代码写在请求成功的回调函数中,下面的删除同理,这样有利于在后端处理失败时给用户反馈。但也可以先更新视图再给后端发送请求,有利于用户体验
}
else
if
(
e
.
target
.
innerHTML
==
'删除'
)
document
.
getElementsByClassName
(
'book-introduce-Sbutton'
)[
i
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-see'
).
show
()
})
document
.
getElementsByClassName
(
'book-introduce-Abutton'
)[
i
].
addEventListener
(
'click'
,()
=>
{
id
=
e
.
target
.
getAttribute
(
'desc'
);
e
.
target
.
parentNode
.
style
.
display
=
'none'
;
// 使用axios将参数id传到后端,让后端执行删除本条数据的请求,这里省略
$
(
'.alert-see-add'
).
show
()
})
document
.
getElementsByClassName
(
'book-introduce-Dbutton'
)[
i
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-sure'
).
show
()
document
.
getElementsByClassName
(
'alert-see-sure-button'
)[
0
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-sure'
).
hide
();
document
.
getElementsByClassName
(
'book'
)[
i
].
style
.
display
=
'none'
;
})
})
}
document
.
getElementsByClassName
(
'book-introduce-Abutton'
)[
0
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-add'
).
show
()
})
document
.
getElementsByClassName
(
'book-introduce-Dbutton'
)[
0
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-sure'
).
show
()
})
document
.
getElementsByClassName
(
'alert-see-see-button'
)[
0
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-fix'
).
show
()
})
document
.
getElementsByClassName
(
'alert-see-see-button'
)[
1
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-see'
).
hide
()
})
document
.
getElementsByClassName
(
'alert-see-fix-button'
)[
0
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-fix'
).
hide
()
})
document
.
getElementsByClassName
(
'alert-see-fix-button'
)[
1
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-fix'
).
hide
()
})
document
.
getElementsByClassName
(
'alert-see-add-button'
)[
0
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-add'
).
hide
()
})
document
.
getElementsByClassName
(
'alert-see-add-button'
)[
1
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-add'
).
hide
()
})
document
.
getElementsByClassName
(
'alert-see-sure-button'
)[
1
].
addEventListener
(
'click'
,()
=>
{
$
(
'.alert-see-sure'
).
hide
();
})
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/AddBookServlet'
,
data
:
{
jdid
:
1
,
bookshelf_id
:
2
,
book_name
:
3
,
category
:
4
,
author
:
5
,
publisher
:
6
,
image
:
7
}
}).
then
(
res
=>
{
console
.
log
(
res
);
});
}
\ No newline at end of file
管理者/js/returnBook.js
View file @
5e5ad037
windo
w
.
onload
=
function
()
windo
w
.
onload
=
function
()
window
.
onload
=
function
()
{
axios
.
defaults
.
baseURL
=
"http://xsvxnp.natappfree.cc"
function
render
()
{
let
res
=
[{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计设计式设计说是》'
,
user_id
:
1
},
{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
}]
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/PrintReturnServlet'
,
data
:
{
click
:
1
}
}).
then
(
res
=>
{
console
.
log
(
res
)
// console.log(res.data[0].book_name)
let
outer
=
document
.
getElementById
(
"main"
);
let
buf
=
''
;
for
(
let
i
=
0
;
i
<
res
.
length
;
i
++
)
for
(
let
i
=
0
;
i
<
res
.
data
.
length
;
i
++
)
{
buf
+=
`
<div class="item">
<div class='part'>
<div class='book_name'>
${
res
[
i
].
book_name
}
</div>
<div class='book_id'>
${
res
[
i
].
book_id
}
</div>
<div class='borrow_time'>
${
res
[
i
].
borrow_time
}
</div>
<div class='user_name'>
${
res
[
i
].
user_name
}
</div>
<div class='book_name'>
${
res
.
data
[
i
].
book_name
}
</div>
<div class='book_id'>
${
res
.
data
[
i
].
jdid
}
-
${
res
.
data
[
i
].
bookshelf_id
}
-
${
res
.
data
[
i
].
book_same_id
}
</div>
<div id='user_name'>
${
res
.
data
[
i
].
user_name
}
</div>
</div>
<div class='reject' desc='
${
res
[
i
].
id
}
'>删除
</div>
<div class='agree' desc='
${
res
[
i
].
id
}
'>同意</div>
<div class='reject' '>拒绝
</div>
<div class='agree'
'>同意</div>
</div>
`
}
outer
.
innerHTML
=
buf
;
}
render
();
document
.
getElementById
(
'main'
).
addEventListener
(
'click'
,
(
e
)
=>
{
let
id
=
null
;
if
(
e
.
target
.
innerHTML
==
'同意'
)
{
e
.
target
.
innerHTML
=
'已同意'
;
id
=
e
.
target
.
getAttribute
(
'desc'
);
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/AgreeReturnServlet'
,
data
:
{
borrow_id
:
res
.
data
[
i
].
borrow_id
}
}).
then
(
agree
=>
{
});
}
else
if
(
e
.
target
.
innerHTML
==
'删除
'
)
else
if
(
e
.
target
.
innerHTML
==
'拒绝
'
)
{
id
=
e
.
target
.
getAttribute
(
'desc'
);
e
.
target
.
parentNode
.
style
.
display
=
'none'
;
// 使用axios将参数id传到后端,让后端执行删除本条数据的请求,这里省略
e
.
target
.
innerHTML
=
'已拒绝'
;
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/RefuseReturnServlet'
,
data
:
{
borrow_id
:
res
.
data
[
i
].
borrow_id
}
}).
then
(
res
=>
{
});
}
})
}
outer
.
innerHTML
=
buf
;
})
}
render
();
}
管理者/js/timeoutHint.js
View file @
5e5ad037
windo
w
.
onload
=
function
()
windo
w
.
onload
=
function
()
window
.
onload
=
function
()
{
axios
.
defaults
.
baseURL
=
"http://xsvxnp.natappfree.cc"
function
render
()
{
let
res
=
[{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计设计式设计说是》'
,
user_id
:
1
},
{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
},{
user_name
:
'王晓红'
,
book_id
:
12
,
borrow_time
:
'2022-2-19'
,
book_name
:
'《C语言程序设计》'
,
user_id
:
1
}]
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/PrintApplyServlet'
,
data
:
{
click
:
1
}
}).
then
(
res
=>
{
console
.
log
(
res
.
data
)
console
.
log
(
res
.
data
[
0
].
book_name
)
let
outer
=
document
.
getElementById
(
"main"
);
let
buf
=
''
;
for
(
let
i
=
0
;
i
<
res
.
length
;
i
++
)
for
(
let
i
=
0
;
i
<
res
.
data
.
length
;
i
++
)
{
buf
+=
`
<div class="item">
<div class='part'>
<div class='book_name'>
${
res
[
i
].
book_name
}
</div>
<div class='book_id'>
${
res
[
i
].
book_id
}
</div>
<div class='borrow_time'>
${
res
[
i
].
borrow_time
}
</div>
<div class='user_name'>
${
res
[
i
].
user_name
}
</div>
<div class='book_name'>
${
res
.
data
[
i
].
book_name
}
</div>
<div class='book_id'>
${
res
.
data
[
i
].
jdid
}
-
${
res
.
data
[
i
].
bookshelf_id
}
-
${
res
.
data
[
i
].
book_same_id
}
</div>
<div id='user_name'>
${
res
.
data
[
i
].
user_name
}
</div>
</div>
<div class='hint' desc='
${
res
[
i
].
is_timeout
}
'>已超时</div>
<div class='reject' '>拒绝</div>
<div class='agree' '>同意</div>
</div>
`
}
outer
.
innerHTML
=
buf
;
}
render
();
document
.
getElementById
(
'main'
).
addEventListener
(
'click'
,
(
e
)
=>
{
let
id
=
null
;
if
(
e
.
target
.
innerHTML
==
'同意'
)
{
e
.
target
.
innerHTML
=
'已同意'
;
id
=
e
.
target
.
getAttribute
(
'desc'
);
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/AgreeBorrowServlet'
,
data
:
{
borrow_id
:
res
.
data
[
i
].
borrow_id
}
else
if
(
e
.
target
.
innerHTML
==
'删除'
)
}).
then
(
agree
=>
{
});
}
else
if
(
e
.
target
.
innerHTML
==
'拒绝'
)
{
id
=
e
.
target
.
getAttribute
(
'desc'
);
e
.
target
.
parentNode
.
style
.
display
=
'none'
;
// 使用axios将参数id传到后端,让后端执行删除本条数据的请求,这里省略
e
.
target
.
innerHTML
=
'已拒绝'
;
axios
({
method
:
'post'
,
url
:
'javaProject2_war_exploded/RefuseBorrowServlet'
,
data
:
{
borrow_id
:
res
.
data
[
i
].
borrow_id
}
}).
then
(
res
=>
{
});
}
})
}
outer
.
innerHTML
=
buf
;
})
}
render
();
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment