웹 서버까지 세팅이 완료가 되었다면, 홈페이지 구조를 만들어줍니다.
홈페이지 구조
- main : 로그인 페이지 관련 폴더입니다.
- admin : 관리자 전용 페이지입니다.
- js : javascript 파일 관련 폴더입니다.
- lib : db접속, 설정 관련 폴더입니다.
- testpage : 회사에서 테스트 하던 페이지입니다. 여기선 사용X
- user : 일반 유저 전용 페이지입니다.
- index.html : 도메인을 통해 홈페이지에 접속했을 때 가장 먼저 접하는 파일입니다.
- _common.php : 각 설정 파일들을 모두 불러오는 파일입니다.
_common.php
<?php
include '../lib/dbcon.php';
include '../lib/config.php';
include '../lib/class.php';
include '../lib/common.php';
?>index.html
<!DOCTYPE>
<html>
<head>
</head>
<body>
<script language="javascript">
location.href = "/main/main.html"
</script>
</body>
</html>
index.html는 자동으로 메인 페이지로 리다이렉션 됩니다.
main폴더 안에 메인 로그인 페이지도 작성해줍니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>로그인 페이지</title>
</head>
<body>
<div align="center">
<h3>로그인</h3>
<form method="POST" action="login.php">
<p>ID : <input type="text" name="user_id"></p>
<p>PW : <input type="password" name="user_pw"></p>
<p><input type="submit" value="인증"></p>
</form>
<button type="button" onclick="location.href='join.html' ">회원가입</button>
</div>
</body>
</html>
기능만 잘 작동하는 데에 목표를 두어..
id, pw는 POST값으로 넘겨 처리하게 됩니다.
users - 테이블 구조
CREATE TABLE `users` (
`id` int NOT NULL AUTO_INCREMENT,
`userid` varchar(30) NOT NULL,
`userpw` varchar(100) NOT NULL,
`permit` int DEFAULT NULL,
PRIMARY KEY (`id`),
UNIQUE KEY `userid` (`userid`)
)
- id : 인덱스가 자동으로 증가하는 기본키
- userid : 유저 ID
- userpw : 유저 PW
- permit : 유저별 권한입니다. (ex : 일반유저 : 1 / 관리자 : 2 / 블럭유저 : 9 .. 등등)
'Legacy > JS+PHP+SQL' 카테고리의 다른 글
| 회원가입 페이지 만들기 - 2 (0) | 2025.02.16 |
|---|---|
| 회원가입 페이지 만들기 - 1 (0) | 2025.02.16 |
| DB Connection - Class (0) | 2025.02.16 |
| DB Connection (0) | 2025.02.16 |
| 무료 호스팅 사이트를 이용해 개발 환경 세팅 (0) | 2025.02.16 |