웹페이지에서 JSON 데이터 파싱하고 원하는대로 보여주기
Web Development 2020. 1. 24. 13:20 |반응형
웹서버로 만든 웹페이지에서 JSON 데이터를 분석하고 테이블이나 리스트등 원하는 형식으로 보여 줄 수 있다.
2019/10/08 - [Linux] - Build your own web server with Fedora linux - 페도라 리눅스로 간단한 웹서버 만들기
웹페이지에 보여 줄 데이터를 준비한다.
데이터를 JSON 형식으로 변환 한다. 아래 링크에서 간단히 변환 할 수 있다.
https://shancarter.github.io/mr-data-converter/
변환된 데이터는 data.json 파일로 저장 한다.
html/data 디렉토리를 만들고 data.json 파일을 저장 한다.
아래 파일과 같은 내용으로 index.php를 만들고 html 디렉토리에 저장 한다.
1 2 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 67 68 | <?php $file_contents = file_get_contents('./data/data.json'); $data = json_decode($file_contents, true); ?> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>PHP JSON parser sample</title> </head> <body> <table border="1" bordercolor="blue"> <tr bgcolor="yellow"> <th> 날짜 </th> <th> 아이템 </th> <th> 가격 </th> <th> 수량 </th> <th> 합계 </th> </tr> <?php foreach ($data as $row) { ?> <tr align="center"> <td> <?php print $row['date']; ?> </td> <td> <?php print $row['item']; ?> </td> <td> <?php print $row['price']; ?> </td> <td> <?php print $row['quantity']; ?> </td> <td> <?php print $row['total']; ?> </td> </tr> <?php } ?> </table> <?php foreach ($data as $row) { print $row['date']; print ' , '; print $row['item']; print ' , '; print $row['price']; print ' , '; print $row['quantity']; print ' , '; print $row['total']; print '<br />'; } ?> <?php foreach ($data as $row) { printf("<li>%s %s %s %s %s</li>\n", $row['date'], $row['item'], $row['price'], $row['quantity'], $row['total']); } ?> </body> </html> |
서버에 접속하면 data.json의 내용이 index.php에 설정한대로 표시된다.
반응형
'Web Development' 카테고리의 다른 글
| Google Chart with MySQL(MariaDB) - 구글 차트 2 (0) | 2022.05.05 |
|---|---|
| Google Chart - 구글 차트 1 (0) | 2022.05.05 |
| 간단한 HTML 예제: Video, File, Web link (0) | 2020.01.24 |