공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

■ 백엔드 ■/PHP

5. 학생기록부 프로그램 - 테이블로 몸풀기

serpiko 2014. 2. 13. 00:37

   동적 페이지의 테이블 구성


동적 페이지를 가지고 차트(테이블)을 그려낼때 두가지 정도의 방법이 있다.


1. php에서 구문 해석 -> HTML 처리


2. php에서 구문 해석 -> js를 거쳐서 -> HTML -> 다시 js에서 처리


1번의 경우 DOM의 조작이 어려운 편이나(불가능 하지는 않다) 엘리먼트를 바로 생성할 수 있기때문에 직관적이고 더 편하다.


2번의 경우 php엔진에서 내놓은 결과 값들을 js에서 배열이나 객체로 보관한 뒤 HTML이 렌더링 되고나면 다시 js 에서 제이쿼리 같은


프레임웍으로 페이지를 유려하게 꾸며낼 수 있다. 대신 시간과 페이지 표현 처리 방법에 대한 고민을 해야한 다는 점.


여기서 진행하는 방법은 모두 1번으로 통일 하겠다. 데이터에서 얻어진 변수를 토대로 직접 엘리먼트를 생성하고 수정하는 방식으로 진행.




   학생 기록부 프로그램


전통적인(고전적인) 프로그램인 '학생 기록부 프로그램'을 sql의 기본 쿼리 문장을 사용하여 '저장/추가/조회/삭제' 기능을 만들어보고


기존에 존재했던 여러가지 샘플 소스에서 변형 및 보완하여 구성하며 다음과 같은 절차를 지닌다.


1. 테이블 작성

2. 리스트 (저장)출력

3. 검색

4. 추가

5. 수정(검색후 수정)

6. 삭제(검색후 삭제)



    테이블로 몸풀기


기본적으로 table tr, td 에 대해서 이해하도록 한다.


소스보기)


<!DOCTYPE HTML>
<HTML>

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE> php DATA practice</TITLE>
<style>
	body {text-align:center;}
</style>
</HEAD>

<BODY>
	<h1>학생 명단</h1>
		<table border="2" bgcolor="white">
			<tr>
				<td>학번</td>
				<td>이름</td>
				<td>학과</td>
				<td>전화번호</td>
			</tr>
			<tr>
				<td>2002</td>
				<td>월드컵</td>
				<td>축구</td>
				<td>070-232-3123</td>
			</tr>
			<tr>
				<td>2007</td>
				<td>배정남</td>
			<td>모델</td>
				<td>2458-2323</td>
			</tr>
			<tr>
				<td>2010</td>
				<td>김둘리</td>
				<td>애니메이션</td>
				<td>4981-2312</td>
			</tr>
			<tr>
				<td>2014</td>
				<td>올림픽</td>
				<td>무용</td>
				<td>080-123-1233</td>
			</tr>
		</table>
</BODY>
</HTML>


    결과





저작자표시 비영리 동일조건

'■ 백엔드 ■ > PHP' 카테고리의 다른 글

7. 학생 명단 검색  (0) 2014.02.14
6. 학생 명단 (저장) 출력  (0) 2014.02.13
4. 데이터 베이스 만들기  (0) 2014.02.12
3. SQL 캐릭터셋 설정  (0) 2014.02.12
2. 개발 툴 설치  (0) 2014.02.12
댓글