Jsoon
- 2. 1. membuat database pada local host
2. koneksi untuk ke database :
<?php
$db=mysql_connect(
"localhost","root","");
mysql_select_db(
"car",$db);
?>
- 3. 3. Parsing data untuk memunculkan data pada database
4. <?php
5. $arr=array('a'=>1, 'b'=>2, 'c'=>3, 'd'=>4, 'e'=>5);
6. echo json_encode($arr);
7. $fp=fopen($arr);
8. fwrite($fp,json_encode($arr));
9. fclose($fp;);
10. ?>
11. <?php
12. $arr=array(
13.
car1=>array("car_id"=>,"car_merk"=>"","car_tipe"=>"","car_harga"=>"","car_year"=
>""),
14.
car2=>array("car_id"=>,"car_merk"=>"","car_tipe"=>"","car_harga"=>"","car_year"=
>""));
15.
16. echo json_encode($arr);
17. $fp=fopen($arr);
18. fwrite($fp, json_encode($arr) );
19. fclose($fp;);
20. ?>
21. <?php
22. $str=file_get_contents('car.json');
23. $json=json_decode($str,true);
24. $jsonInterator=new RecursiveIteratorIterator(
25. new RecursiveArrayIterator(json_decode($str,TRUE)),
26. RecursiveIteratorIterator:: SELF_FIRST);
27. foreach ($jsonIterator as $key => $val) {
28. if(is_array($val)){
29. echo "$key:n";}
30. else{
31. echo "$val:n";}
32. }
?>
- 4. 4. car
<?php
include("connect.php");
error_reporting(0);
$car_id =$_POST["car_id"];
$car_merk =$_POST["car_merk"];
$car_tipe =$_POST["car_tipe"];
$car_harga =$_POST["car_harga"];
$car_year =$_POST["car_year"];
if(isset($_REQUEST[simpen])){
$query = "insert into car(car_id,car_merk,car_tipe,car_harga,car_year)
values ('$car_id','$car_merk', '$car_tipe', '$car_harga', '$car_year')";
mysql_query($query);
echo"data sudah tersimpan, $query";}
else{}
$tab_name ="car";
$query ="select * from $tab_name";
- 6. </tr>
<tr>
<td>Product Of </td>
<td>
<input type="text" name="car_merk"
id="car_merk"></input>
</td>
</tr>
<tr>
<td>Type</td>
<td>
<input type="text" name="car_tipe" id="car_tipe"></input>
</td>
</tr>
<tr>
<td>Price</td>
<td>
<input type="text" name="car_harga"
id="car_harga"></input>
</td>
</tr>
<tr>
<td>Product Year</td>
<td>
<input type="text" name="car_year"
id="car_year"></input>
</td>
</tr>
<tr>
- 9. 5. index
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<meta name="generator" content="Bootply" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-
scale=1">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"
rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css"
type="text/css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css"
type="text/css" rel="stylesheet">
<style type="text/css">
@import url('http://fonts.googleapis.com/css?family=Oswald:300,400:latin,latin-ext');
.navbar-form input, .form-inline input{width:auto;}
body {padding-top:50px;color:#646464;background-color:#efefef;}
hi,h2,h3,.highligth,.navbar a,#masthead h4 {font-family:'Oswald',arial narrow,sans-serif;}
footer {margin-top:40px;padding-top:40px;padding-bottom:40px;background-color:#cecece;}
#masthead {min-height:199px;background-color:#000044;color:#aaaacc;}
#masthead h1 {font-size: 55px;line-hight: 1;color:#fefeff;margin-top:50px;}
#masthead .well {margin-top:31px;background-color:#111166;border-color:#000022;
color:#efefff;
min-height:127px;}
#topPanel {padding-top:0px;padding-left:22px;padding-right:22px;}
#toPanel .padding-body {padding-top:0px;}
.navbar.affix {position:fixed;top:0;widht:100#;}
- 10. .top-spacer {background-color:#ffffff;height:40px;}
a,a:hover {color:#223344;text-decoration:none;}
.icon-bar {background-color#fff;}
@media screen and (min-widht: 768px){
#masthead hl {font-size: 80px}}
.navbar-bright {background-color:#111166;color:#fff;margin-boottom:0;border-width:0;}
.navbar-bright a, .navbar-bright .navbar-brand,#masthead h4 {color:#ccccdd;
font-size:14px;
text-transfrom: uppercase;
letter-spacing:.08em;}
.navbar-bright li>a:hover{background-color :#000044;}
.dropdown-menu{min-widht:250px;}
.caret{color:#fff;}
.navbar-toggle{color:#fff;border-width:0;}
.navbar-toggle:hover{background-color:#fff}
.panel {border-color:transparent;border-radius:0;}
.thumbnail{margin-bottom:8px;}
.img-container{overflow:hidden;height:170px;}
.img-container img{min-width:280px;min-height:180px;max-width:380px;max-height:280px;}
.txt-container{overflow:hidden;height:100px;}
.panel .lead {overflow:hidden;height:90px;}
.label-float{margin:0 auto;position: absolute;top: 0 ;z-index:1;width:100%;
opacity:.9;
padding:6px;
color:#fff;}
</style>
</head>
- 11. <body>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-
target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="car.php">Input Data</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
</ul>
</div>
</div>
</nav>
<div id="masthead">
<div class="container">
<div class="row">
<div class="col-md-7">
<h1> Cars </h1></div></div></div></div>
<hr>
- 12. <div class = "container" id="footer">
<div class ="row">
<div class ="col col-sm-12">
<h1>Tugas</a><h1>
</div></div></div>
<script type='text/javascript' src=
"//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type = 'text/javascript' src="//
netdna.bootstrapcdn.com/bootstrap/3.0.0.js.bootstrap.min.js"></script>
<script type ='text/javascript'> $(document).ready(function() {}); </script>
</body>
</html>