86 lines
3.7 KiB
HTML
86 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
|
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>
|
|
<!-- Fonts -->
|
|
<!-- <link href="https://fonts.googleapis.com/css?family=Nunito:300,300i,400,600,700" rel="stylesheet"> -->
|
|
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> -->
|
|
<!-- <link href="./css/anchor/fonts_all.css" rel="stylesheet"/> -->
|
|
<!-- CSS -->
|
|
<link href="/css/anchor/main.css" rel="stylesheet"/>
|
|
<link href="/css/anchor/vendor/aos.css" rel="stylesheet"/>
|
|
|
|
<title>zzyxyz</title>
|
|
<link rel="icon" href="/pic/ico/Home.png">
|
|
</head>
|
|
<body>
|
|
<div class="include" src="/html/base/base_nav.html"></div>
|
|
|
|
<main class="container pb-5 pt-5">
|
|
<div id="linking-cards" class="row"></div>
|
|
<!-- table -->
|
|
<table class="table">
|
|
<thead class="thead-light">
|
|
<tr>
|
|
<th scope="col"> # </th>
|
|
<th scope="col"> First </th>
|
|
<th scope="col"> Last </th>
|
|
<th scope="col"> create-time </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="table-body">
|
|
</tbody>
|
|
</table>
|
|
</main>
|
|
|
|
<div class="include" src="/html/base/base_footer.html"></div>
|
|
|
|
<!-- Javascript -->
|
|
<script src="/js/anchor/vendor/jquery.min.js" type="text/javascript"></script>
|
|
<script src="/js/anchor/vendor/popper.min.js" type="text/javascript"></script>
|
|
<script src="/js/anchor/vendor/bootstrap.min.js" type="text/javascript"></script>
|
|
<script src="/js/anchor/functions.js" type="text/javascript"></script>
|
|
<script src="/js/base_script.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="/fetch-wrapper.js" type="text/javascript" charset="utf-8"></script>
|
|
<script>
|
|
(async () => {
|
|
try {
|
|
const wrapper = new FetchWrapper(window.location.origin);
|
|
const response = await wrapper.get('/api/users/admin/users_cards.json');
|
|
if (response.data.code === '0000') {
|
|
response.data.data.forEach(item => {
|
|
const card = `
|
|
<tr>
|
|
<th scope="row"> ${item.id} </th>
|
|
<td> ${item.name} </td>
|
|
<td> ${item.password} </td>
|
|
<td> ${item.update_time} </td>
|
|
</tr>`;
|
|
$("#table-body").append(card);
|
|
});
|
|
}
|
|
} catch (error) {
|
|
console.error('Error fetching:', error);
|
|
}
|
|
// $.getJSON(, function(data) {
|
|
// const default_item = data.default;
|
|
// data.datas.forEach(i => {
|
|
// item = {...default_item, ...i}
|
|
// $("#linking-cards").append(card);
|
|
// });
|
|
// })
|
|
// <div class="card shadow-sm border-0 col-md-4">
|
|
// <!-- <img class="card-img-top" src="./assets/img/demo/2.jpg" alt="Card image cap"> -->
|
|
// <div class="card-body">
|
|
// <h5 class="card-title">${item.id}</h5>
|
|
// <p class="card-text text-muted">${item.name}</p>
|
|
// <p class="card-text text-muted">${item.password}</p>
|
|
// <p class="card-text text-muted">${item.update_time}</p>
|
|
// </div>
|
|
// </div>
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html> |