13일차_PHP

23.03.27 월 13일차

오늘의 수업은 PHP와 네트워크를 위주로 수업을 진행했다.

수업내용

• PHP(UI 화면 구현)

PHP

오늘은 오라클을 이용해서 기본틀을 구성하고
비주얼 스튜디오 코드에서 PHP를 이용해서
UI 페이지를 구성하는 코드를 작성했다.

• 복사

COPYRIGHT - 복사 금지(저작권 표시)
COPYLEFT - 복사가능

• 태그

<nav></nav> 
:헤더 안에 작성  
:현재 페이지의 다른 부분과 연결되는
 네비게이션  링크들의 집합을 정의
<SECTION> </SECTION>
: HTML문서에 포함된 독립적인 섹션을 정의
<span></span> - 글자영역
<div> </div> - 한 줄의 영역

• css링크 첨부하여 사용하기

<link rel="stylesheet" href="./css/index.css" />
: 상위 css폴더의 index.css 파일을 사용한다.

• include

<%@ include file="파일명"%>
: 파일명이 가지고있는 파일내용을 
  현재 사용 파일에 삽입한다.

• INDEX 화면

INDEX0327.PHP

<? include "top0327.php" ?> 
: 상단영역 코드를 따로 빼주어 참조하여 사용
<section>
 <br>
 <h2 id="indexh2"> 쇼핑몰 회원관리 프로그램 </h2>
 <div class="indexsection">
쇼핑몰 회원정보와 회원매출정보 데이이터베이스를 구축하고 
회원관리 프로그램을 작성하는 프로그램이다. <br>

 

   프로그램 작성순서<br>
   1.회원정보 테이블을 생성한다.<br>
   2.매출정보 테이블을 생성한다. <br>
   3.회원정보, 매출정보 테이블에 제시된 문제지의 
     참조데이터를 추가 생성한다.<br>
   4.회원정보 입력 화면프로그램을 작성한다.<br>
   5.회원정보 조회 프로그램을 작성한다.<br>
   6.회원매출정보 조회 프로그램을 작성한다.<br>
 </div>
 <br>
</section>
<? include "bottom0327.php" ?>

• form 화면

form.php

<? include "top0327.php" ?>
<style>
.tb1{
    width:300px;
    height:200px;
}
td{
    test-align:center;
}
</style>
<section>
<br>
<div align=center>
    <h2> 쇼핑몰 회원 등록하기 </h2>
<table border=1 class=tb1>
<tr>
	<td>첫번째 이름 </td>
    <td><input type=text name=FirstName> </td></tr>
<tr>
    <td>두번째 이름 </td>
    <td><input type=text name=LastName> </td></tr>
<tr>
	<td>나&emsp;&emsp;&emsp;이 </td>
  	<td><input type=text name=age> </td>
</tr>
<tr>
	<td colspan=2 align=center><input 
  	type=submit value="보내기"> </td> -- 버튼
</tr> 
    </table>
</div>
<br>
</section>
<? include "bottom0327.php" ?>

list 화면

list0327.php

<? include "top0327.php" ?>
<style>
#tb1 {
    width: 400px;
    background:#000000; 
    height: 400px;
    line-height:35px;
    color:#ffffff;
}
</style>
<section>
<br>
<div align=center>
<h2> 회원목록보기 </h2>
<br>
<?php
$conn = new mysqli("localhost", "root", "autoset", "ppk");

$sql = "SELECT FirstName, LastName, age FROM persons";
$result = $conn->query($sql);
    // FirstName, LastName, age
    echo"<table border=1 id=tb1>";
    echo"<tr><th>번호 </th><th>첫번째이름</th> 
    	 <th>두번째이름 
         </th> <th>나이 </th></tr>";
    $i=1;
    while($row = $result->fetch_assoc()) {  
    if($i % 2 == 0){
        $bgcolor="#FFFF00";
        }
            else{
            $bgcolor="#FF12";
            }
    ?>
        <tr bgcolor=<?=$bgcolor?>>    
        <td><?=$i?></td> 
        <td><?=$row["FirstName"] ?></td> 
        <td><?=$row["LastName"] ?></td>
        <td><?=$row["age"] ?> <br /></td>
        </tr>
    <?
    $i++;
    }
    echo"</table>";
$conn->close();
?>
<br><br><br>
</div>
</section>
<? include "bottom0327.php" ?>

• 느낀점

오늘은 PHP언어를 사용하며 각 구역별 파일을 구분하고
INCLUDE 하여 UI 화면을 구현해 보았다
틀이 이제야 조금은 이해가 되는 것 같다.
내가 구현한 코드로 화면이 출력되니 재미가 배가된다.
태그의 구분과 코드의 시안성을 위한 깔끔한 코드 작성을
목표하도록 해야겠다.