Skip to content

L
Lingyun_Winter_Vacation_project
Commit 5e5ad037 by tzn
Options

msg

parent 6a0dfe76
Showing with 948 additions and 281 deletions
使用者/Item/User/User.js
// 全部书籍
// 全部书籍
// 全部书籍
//左边大导航栏的切换
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
......@@ -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: 70px;
width: 72px;
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: 1020px;
width: 1050px;
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: 250px;
width: 350px;
text-align: center;
height: 36px;
text-overflow:ellipsis;
......@@ -279,10 +310,10 @@ nav ul li:hover ul
.book_id
{
float: left;
width: 80px;
width: 100px;
height: 36px;
line-height: 43px;
padding: 0 30px 0 35px;
padding: 0 30px 0 57px;
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 50px;
padding: 0 0 0 70px;
transition: all 0.5s;
}
#user_name:hover
......
管理者/css/history.css
......@@ -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
{
float: left;
width: 250px;
text-align: center;
height: 36px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
line-height: 43px;
transition: all 0.5s;
}
.book_name:hover
{
height: 40px;
width: 600px;
position: absolute;
margin-top: -770px;
margin-left: 450px;
overflow: visible;
transform: translateY(30px);
box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15);
}
div.search form
.book_id
{
width: 100%;
height: 100%;
border-radius: 30px;
float: left;
width: 80px;
height: 36px;
line-height: 43px;
padding: 0 30px 0 5px;
transition: all 0.5s;
}
div.search form input
.book_id:hover
{
border-radius: 30px;
background-color: #b2b2b2;
transform: translateY(-5px);
box-shadow: 0 20px 80px rgba(48, 49, 51, 0.15);
}
div.search form input:nth-child(2)
.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
......@@ -223,9 +223,10 @@ nav ul li ul li:hover
/* 主体部分 */
#main
{
width: 1020px;
width: 1050px;
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
......@@ -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: 70px;
width: 72px;
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: 1020px;
width: 1050px;
height: 812px;
margin-left: 430px;
overflow-y: scroll;
}
.item
{
......@@ -258,7 +290,7 @@ nav ul li ul li:hover
.book_name
{
float: left;
width: 250px;
width: 350px;
text-align: center;
height: 36px;
text-overflow:ellipsis;
......@@ -276,10 +308,10 @@ nav ul li ul li:hover
.book_id
{
float: left;
width: 80px;
width: 100px;
height: 36px;
line-height: 43px;
padding: 0 30px 0 35px;
padding: 0 30px 0 57px;
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 50px;
padding: 0 0 0 70px;
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
......@@ -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
<!DOCTYPE html>
<!DOCTYPE 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
<!DOCTYPE html>
<!DOCTYPE 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_names">申请人</li>
</ul>
</div>
<div id="main">
</div>
</body>
<script src="../js/history.js"></script>
</html>
\ No newline at end of file
管理者/html/lookBook.html
<!DOCTYPE html>
<!DOCTYPE html>
......@@ -45,9 +45,102 @@
<!-- 书籍展示 -->
<div id="main">
</div>
<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
<!DOCTYPE html>
<!DOCTYPE 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
<!DOCTYPE html>
<!DOCTYPE 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
window.onload = function ()
window.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}]
let outer = document.getElementById("main");
let buf = '';
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.data.length; i++)
{
buf += `
<div class="item">
<div class='part'>
<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' '>拒绝</div>
<div class='agree' '>同意</div>
</div>
`
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 == '拒绝')
{
e.target.innerHTML = '已拒绝';
axios({
method: 'post',
url: 'javaProject2_war_exploded/RefuseBorrowServlet',
data: {
borrow_id:res.data[i].borrow_id
}
}).then(res=>{
});
}
})
}
outer.innerHTML = 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 id='user_name'>${res[i].user_name}</div>
</div>
<div class='reject' desc='${res[i].user_id}'>删除</div>
<div class='agree' desc='${res[i].user_id}'>同意</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');
}
else if (e.target.innerHTML == '删除')
{
id = e.target.getAttribute('desc');
e.target.parentNode.style.display = 'none';
}
})
// 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
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
window.onload = function ()
window.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++)
{
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>
`
}
outer.innerHTML = buf;
// 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++)
{
console.log('a')
$("<div class='book'></div>").appendTo($('.bookbox'));
}
render();
document.getElementById('main').addEventListener('click', (e) => {
let id = null;
if (e.target.innerHTML == '同意')
{
e.target.innerHTML = '已同意';
id = e.target.getAttribute('desc');
// 使用axios将这个参数id传到后端，让后端执行同意的代码修改数据库，这里省略
//注意实际写的时候可以将更新按钮为已同意的代码写在请求成功的回调函数中，下面的删除同理，这样有利于在后端处理失败时给用户反馈。但也可以先更新视图再给后端发送请求，有利于用户体验
}
else if (e.target.innerHTML == '删除')
{
id = e.target.getAttribute('desc');
e.target.parentNode.style.display = 'none';
// 使用axios将参数id传到后端，让后端执行删除本条数据的请求，这里省略
}
$("<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'))
// })
for(let i=0;i<res.length;i++)
{
document.getElementsByClassName('book-introduce-Sbutton')[i].addEventListener('click',()=>
{
$('.alert-see-see').show()
})
document.getElementsByClassName('book-introduce-Abutton')[i].addEventListener('click',()=>
{
$('.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
window.onload = function ()
window.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 }]
let outer = document.getElementById("main");
let buf = '';
for (let i = 0; i < res.length; i++)
{
buf += `
<div class="item">
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.data.length; i++)
{
buf += `
<div class="item">
<div class='part'>
<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' '>拒绝</div>
<div class='agree' '>同意</div>
</div>
`
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 == '拒绝')
{
e.target.innerHTML = '已拒绝';
axios({
method: 'post',
url: 'javaProject2_war_exploded/RefuseReturnServlet',
data: {
borrow_id:res.data[i].borrow_id
}
}).then(res=>{
});
}
})
}
outer.innerHTML = buf;
<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>
<div class='reject' desc='${res[i].id}'>删除</div>
<div class='agree' desc='${res[i].id}'>同意</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');
}
else if (e.target.innerHTML == '删除')
{
id = e.target.getAttribute('desc');
e.target.parentNode.style.display = 'none';
// 使用axios将参数id传到后端，让后端执行删除本条数据的请求，这里省略
}
})
}
管理者/js/timeoutHint.js
window.onload = function ()
window.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 }]
let outer = document.getElementById("main");
let buf = '';
for (let i = 0; i < res.length; i++)
{
buf += `
<div class="item">
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.data.length; i++)
{
buf += `
<div class="item">
<div class='part'>
<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' '>拒绝</div>
<div class='agree' '>同意</div>
</div>
`
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 == '拒绝')
{
e.target.innerHTML = '已拒绝';
axios({
method: 'post',
url: 'javaProject2_war_exploded/RefuseBorrowServlet',
data: {
borrow_id:res.data[i].borrow_id
}
}).then(res=>{
});
}
})
}
outer.innerHTML = buf;
<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>
<div class='hint' desc='${res[i].is_timeout}'>已超时</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');
}
else if (e.target.innerHTML == '删除')
{
id = e.target.getAttribute('desc');
e.target.parentNode.style.display = 'none';
// 使用axios将参数id传到后端，让后端执行删除本条数据的请求，这里省略
}
})
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment