<html>
<head>
<meta charset="UTF-8">
<title>리스트 보기</title>
<link rel="icon" href="./img01.jpg">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<style>
table,th,td{
border: 1px solid black;
border-collapse: collapse;
}
th,td{
padding: 10px;
}
</style>
</head>
<body>
<h1>게시글 리스트</h1>
<div id="loginBox"></div>
<hr/>
<table>
<thead>
<tr>
<th>글번호</th>
<th>제목</th>
<th>작성자</th>
<th>작성일</th>
<th>조회수</th>
<th>삭제</th>
</tr>
</thead>
<tbody id="list">
<tr>
<th colspan="6">
작성된 게시글이 없습니다.
</th>
</tr>
</tbody>
</table>
<button>글쓰기</button>
</body>
<script>
get_list();
async function get_list(){
let {data} = await axios('/list');
console.log(data);
if(data.login_id == ''){
alert('로그인이 필요한 서비스 입니다.')
location.href = 'login.html'
}else{
let content = `${data.login_id}님 안녕하세요!<a href="/logout">로그아웃</a>`;
$(`#loginBox`).html(content);
let list;
for(const item of data.list){
list +='<tr>';
list +=`<td><a href="detail.html?idx=${item.idx}">${item.subject}</a><td>`
list +=`<td>${item.user_name}</td>`;
list +=`<td>${item.reg_date}</td>`;
list +=`<td>${item.b_hit}</td>`;
list +=`<td>$<a href="/del?idx=${item.idx}">삭제</a><td>`;
list +=`</tr>`;
}
$('#list').html(list);
}
}
</script>
show tables;
/* 테이블명 :member
*id varchar(50) pk
*pw varchar(100)
*name varchar(50)
*age int(3)
*gender varchar(4)
*email varchar(50)
* */
create table member(
id varchar(50)
,pw varchar(100)
,name varchar(50)
,age int(3)
,gender varchar(4)
,email varchar(50)
);
desc member;
-- member 테이블 안에는 'admin' 이라는 아이디가 몇개 있어?
select count(id)as cnt from member where id ='admin';
-- 회원가입 쿼리문
insert into member(id,pw,name,age,gender,email)
values('','','','','','');
select*from member;
select count(id) from member where id= 'admin' and pw ='1234';
select * from member where id = 'admin';