IT/PHP

[php게시판 만들기] 로그인 화면

로그인 화면을 만들어 보려 합니다. 

화면은 아래 그림과 같이 만들겠습니다.

login.php

3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html>
 
<head>
 
<style type="text/css">
   .topline{border-top:2px solid black;
   } /*위쪽에 줄을 긋는다*/
   .botline{border-bottom:2px solid black; 
   }/*아래쪽에 줄을 긋는다*/
   .buttonline{border-top:2px solid black; 
               border-bottom:2px solid black; 
   }/*위, 아래쪽에 줄을 긋는다*/
 a:visited {text-decoration: none; color: #333333; 
 }
 
</style>
 
</head>
 
<body>
 
 
<h1>  <p align=center>로그인</p> </h1>
<!-- 로그인 버튼 클릭시 post형식으로 logincheck.php로 넘긴다. id, pass 검사하는 php파일 --> 
<form method='post' action='logincheck.php'
    <table align=center border=0 cellspacing=0 width=500 bordercolordark=white bordercolorlight=#999999<!-- table생성 -->
        <tr<!-- table 1행 생성 -->
            <td class="topline" width=150>  <!-- table 1행1열 생성 -->
                <p align=center>아이디(이메일)</p>
            </td>
            <td class="topline" width=200<!-- table 1행2열 생성 -->
                <input type="email" name="email" style="height:25px">
            </td>
 
            <td class="buttonline" rowspan="2" align=center>  <!-- table 3열 생성, 열2개를 합침 -->
                <button type="submit" style="height:100px; width:130px">로그인</button>
            </td>
 
        </tr>
 
        <tr<!-- table 2행 생성 -->
            <td class="botline" width=150>  <!-- table 2행1열 생성 -->
                <p align=center>비밀번호</p>
            </td>
 
            <td class="botline" width=200<!-- table 2행2열 생성 -->
                <input type="password" name="password" style="height:25px">
            </td>
 
        </tr>
 
        <tr><!-- table 3행 생성 -->
           <td colspan=3 align=center<!-- table 3행 1,2,3열 합쳐서 ㅐㅇ성 -->
              <!-- 회원가입 버튼클릭ㅣ register.php호출 -->
              <a href="register.php" target="_self" style="text-decoration:none">회원가입 하시겠습니까?</p
           </td>
        </tr>
    </table>
</form>
 
</body>
</html>
cs

소스내에 최대한 주석을 달았습니다. 소스보시면 얼추 이해가 가실거라 생각합니다.

login.php로 저장을 한뒤, 저번에 설치한 xampp를 실행 시키고, 

xampp의 root경로(c:\xampp\htdocs\login.php)에 파일을 두고 브라우저 주소창에 localhost/login.php라고 검색을 하면

제일 위의 그림같이 로그인 화면이 나오심을 볼 수 있습니다.


,
IT/나머지

소스 코드를 예쁘게 블로그에 올리기

처음에 코드를 블로그에 올릴 때, 그냥 올리게 되면 가독성이 나오지 않습니다. 

그래서 검색한 결과

https://colorscripter.com/

위 사이트에 접속하여서 언어를 선택합니다.  


저는 주로 php, delphi를 사용하기 때문에 php및 delphi를 선택합니다. 

(delphi는 디폴트로 제공되지 않아서 확장스토어 버튼을 클릭하여 delphi 선택 후, 

다시 언어 콤보박스를 보면 delphi가 추가 된 것을 볼 수 있습니다.)


나머지 옵션은 선택 사항이시기 때문에 아무거나 마음에 맞는 스타일을 지정 합니다.

오른쪽 아래 클립보드에 복사를 클릭합니다.

그리고 블로그에 붙여넣습니다.


1
2
3
begin
  showmessage('Hello World!');
end;


끝!

'IT > 나머지' 카테고리의 다른 글

배치파일 만들기  (0) 2016.01.13
윈도우 서버 2008 R2에 IIS 설치  (1) 2015.08.19
,
IT/PHP

[php게시판 만들기] 게시판 전체 구조 설명

 위의 그림처럼 총 6개의 php파일을 구성하려 합니다. 

1. 로그인

2. 로그인 검증

3. 게시판 리스트

4. 글쓰기

5. 글쓰기 검증

6. 보여주기

이렇게 6가지의 파일을 만들려고 합니다. 

위의 6가지 기능 말고도 회원가입, 글수정, 글삭제 등 여러가지 기능이 있지만 

일단은 위의 기능을 구현하는 것을 목표로 하겠습니다. 



'IT > PHP' 카테고리의 다른 글

[php게시판 만들기] 로그인 화면 체크  (9) 2017.01.20
[php게시판 만들기] 로그인 화면  (3) 2017.01.20
[php게시판 만들기] xampp 설치  (0) 2017.01.19
php로 mssql 연결  (0) 2017.01.19
php로 mysql 연결  (1) 2017.01.19
,
 [ 1 ]  [ 2 ]  [ 3 ]  [ 4 ]  [ 5 ]  [ ··· ]  [ 7 ] 

최근 댓글

최근 트랙백

알림

이 블로그는 구글에서 제공한 크롬에 최적화 되어있고, 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.

링크

카운터

Today :
Yesterday :
Total :