fordev22.com รับพัฒนาระบบ รับพัฒนาเว็บแอพพลิเคชั่น รับพัฒนาเว็บไซต์ รับเขียนโปรแกรม สอนทำเว็บ สอนเขียนเว็บ สอนทำเว็บ php สอนBootstrap สอนทำเว็บราคาถูก รับทำเว็บไซต์ราคาถูก โปรเจ็คจบ ทำเว็บแบบง่าย ๆ สอนทำเว็บรองรับมือถือ สอนทำเว็บรองรับทุกอุปกรณ์ สอนคอมพิวเตอร์ html php css web app sql Bootstrap Mysql XAMPP

About fordev22

This author has yet to write their bio.
Meanwhile lets just say that we are proud fordev22 contributed a whooping 163 entries.

Entries by fordev22

PHP+MySqli EP.34 Convert Date Picker พ.ศ.To ค.ศ. (โดยใช้ functions explode ต่อจาก EP.33)

April 11, 2020 in PHP+MySqli /by fordev22

PHP+MySqli EP.34 Convert Date Picker พ.ศ.To ค.ศ. (โดยใช้ functions explode ต่อจาก EP.33) เป็นการ แยกค่าที่ส่งมาโดยใช้ functions explode แล้ว นำมารวมในรูปแบบวันที่ เพื่อเป็บเข้า Database ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้ ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์ ระบบ เช่าชุดออนไลน์ ระบบ บริหารจัดการห้องพัก code

<br />
<?php </p>
<p>echo "<pre>";<br />
print_r($_POST);<br />
echo "</pre>";</p>
<p> $billpayment_date2 = $_POST['billpayment_date2'];</p>
<p> echo "ค่าที่ส่งมา: ".$billpayment_date2;<br />
 echo "</br>";</p>
<p> $billpayment_date2_explode = explode('/', $billpayment_date2);   // ขั้นด้วย '/'</p>
<p> echo "<-- แยกค่าออกมา -->";<br />
 echo "</br>";</p>
<p> echo "Day: ". $billpayment_date2_explode[0]."<br />";  // 0 คือค่าก่อน '/'<br />
 echo "Mount: ". $billpayment_date2_explode[1]."<br />"; // 1 ค่าหลัง '/'<br />
 echo "Year: ". $billpayment_date2_explode[2]."<br />"; // 2 ค่าหลัง '/'</p>
<p> echo "<br>";</p>
<p> //Convert To ค.ศ.</p>
<p> $day_c = $billpayment_date2_explode[0];<br />
 $mount_c = $billpayment_date2_explode[1];<br />
 $year_c = $billpayment_date2_explode[2]-543;</p>
<p> $billpayment_date2_c = $day_c."-".$mount_c."-".$year_c;</p>
<p> echo "หลังจากการแปลง: ". $billpayment_date2_c;<br />
 echo "<br>";</p>
<p> //Convert ToType Database</p>
<p> $billpayment_date2_c_base = date('Y-m-d H:i:s', strtotime($billpayment_date2_c));<br />
 echo "ค่าที่เก็บลง Database : ".$billpayment_date2_c_base;<br />
?>

<?php

echo "<pre>";

print_r($_POST);

echo "</pre>";

$billpayment_date2 = $_POST['billpayment_date2'];

echo "ค่าที่ส่งมา: ".$billpayment_date2;

echo "</br>";

$billpayment_date2_explode = explode('/', $billpayment_date2); // ขั้นด้วย '/'

echo "<-- แยกค่าออกมา -->";

echo "</br>";

echo "Day: ". $billpayment_date2_explode[0]."<br />"; // 0 คือค่าก่อน '/'

echo "Mount: ". $billpayment_date2_explode[1]."<br />"; // 1 ค่าหลัง '/'

echo "Year: ". $billpayment_date2_explode[2]."<br />"; // 2 ค่าหลัง '/'

echo "<br>";

//Convert To ค.ศ.

$day_c = $billpayment_date2_explode[0];

$mount_c = $billpayment_date2_explode[1];

$year_c = $billpayment_date2_explode[2]-543;

$billpayment_date2_c = $day_c."-".$mount_c."-".$year_c;

echo "หลังจากการแปลง: ". $billpayment_date2_c;

echo "<br>";

//Convert ToType Database

$billpayment_date2_c_base = date('Y-m-d H:i:s', strtotime($billpayment_date2_c));

echo "ค่าที่เก็บลง Database : ".$billpayment_date2_c_base;

PHP+MySqli EP.33 Date Picker (พ.ศ. และ ค.ศ. By fordev22)

April 8, 2020 in PHP+MySqli /by fordev22

PHP+MySqli EP.33 Date Picker (พ.ศ. และ ค.ศ. By fordev22) เป็นการกำหนดวันที่ในรูปแบบต่าง ๆ สามารถ Copy Code ไปใช้ได้เลย ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้ ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์ ระบบ เช่าชุดออนไลน์ ระบบ บริหารจัดการห้องพัก Date Picker (พ.ศ.)

<br />
<html><br />
<head><br />
<meta charset="UTF-8"></p>
<p><link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"><br />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script><br />
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script></p>
<p><!--  เรียกใช้ Font Awesome--><br />
<script src="https://use.fontawesome.com/releases/v5.7.2/js/all.js"></script></p>
<p><script src="http://fordev22.com/picker_date_thai.js"></script><br />
<!------ Include the above in your HEAD tag ----------></p>
<p><title>fordev22</title><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge"><br />
<meta name="viewport" content="width=device-width, initial-scale=1"><br />
</head><br />
<body></p>
<p>	<br><br />
	<br><br />
	<br><br />
	<br><br />
	<br></p>
<p>	<center><h2>fordev22 (Date Picker พ.ศ.)</h2></center></p>
<p>	<br></p>
<p>	<br><br />
	<br></p>
<p>	<form action="date_ok.php" method="POST" accept-charset="utf-8"></p>
<p>          <div class="container"><br />
            <div class="row"></p>
<p>            	<div class="col-md-3"><br />
              </div></p>
<p>              <div class="col-md-6"></p>
<p>                <input id="my_date" name="billpayment_date2"   class="form-control"  /><br />
                <br><br />
                <button type="submit" class="btn btn-info btn-block">ทดสอบ</button><br />
              </div></p>
<p>              <div class="col-md-3"><br />
              </div></p>
<p>            </div><br />
          </div></p>
<p>        </form></p>
<p></body></p>
<p><script></p>
<p>picker_date(document.getElementById("my_date"),{year_range:"-45:+10"});<br />
picker_date(document.getElementById("my_date2"),{year_range:"-45:+10"});</p>
<p></script><br />
</html>

<html>

<head>

<title>fordev22</title>

</head>

<body>

<br>

<center><h2>fordev22 (Date Picker พ.ศ.)</h2></center>

<br>

</div>

<br>

<button type="submit" class="btn btn-info btn-block">ทดสอบ</button>

</div>

</div>

</form>

</body>

picker_date(document.getElementById("my_date"),{year_range:"-45:+10"});

picker_date(document.getElementById("my_date2"),{year_range:"-45:+10"});

</script>

</html>

Date Picker (ค.ศ.)

<br />
<html><br />
<head><br />
<meta charset="UTF-8"></p>
<p><link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"><br />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script><br />
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script></p>
<p><!--  เรียกใช้ Font Awesome--><br />
<script src="https://use.fontawesome.com/releases/v5.7.2/js/all.js"></script></p>
<p><script src="http://fordev22.com/picker_date.js"></script><br />
<!------ Include the above in your HEAD tag ----------></p>
<p><title>fordev22</title><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge"><br />
<meta name="viewport" content="width=device-width, initial-scale=1"><br />
</head><br />
<body></p>
<p>	<br><br />
	<br><br />
	<br><br />
	<br><br />
	<br></p>
<p>	<center><h2>fordev22 (Date Picker ค.ศ.)</h2></center></p>
<p>	<br></p>
<p>	<br><br />
	<br></p>
<p>	<form action="date_ok.php" method="POST" accept-charset="utf-8"></p>
<p>          <div class="container"><br />
            <div class="row"></p>
<p>            	<div class="col-md-3"><br />
              </div></p>
<p>              <div class="col-md-6"></p>
<p>                <input id="my_date" name="billpayment_date2"   class="form-control"  /><br />
                <br><br />
                <button type="submit" class="btn btn-info btn-block">ทดสอบ</button><br />
              </div></p>
<p>              <div class="col-md-3"><br />
              </div></p>
<p>            </div><br />
          </div></p>
<p>        </form></p>
<p></body></p>
<p><script></p>
<p>picker_date(document.getElementById("my_date"),{year_range:"-45:+10"});<br />
picker_date(document.getElementById("my_date2"),{year_range:"-45:+10"});</p>
<p></script><br />
</html>

<html>

<head>

<title>fordev22</title>

</head>

<body>

<br>

<center><h2>fordev22 (Date Picker ค.ศ.)</h2></center>

<br>

</div>

<br>

<button type="submit" class="btn btn-info btn-block">ทดสอบ</button>

</div>

</div>

</form>

</body>

picker_date(document.getElementById("my_date"),{year_range:"-45:+10"});

picker_date(document.getElementById("my_date2"),{year_range:"-45:+10"});

</script>

</html>

PHP+MySqli EP.32 การใช้งาน Loops เบื้องต้น ใน PHP (while loop)

April 2, 2020 in PHP+MySqli /by fordev22

PHP+MySqli EP.32 การใช้งาน Loops เบื้องต้น ใน PHP (while loop) ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้ ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์ ระบบ เช่าชุดออนไลน์ ระบบ บริหารจัดการห้องพัก Code

<br />
<?php<br />
//fordev22.com<br />
//while loop<br />
 ?></p>
<p><?php</p>
<p>	while (condition) {<br />
		#code<br />
	}</p>
<p> ?>

<?php

//fordev22.com

//while loop

<?php

while (condition) {

#code

}

แจก Modal Example By fordev22

March 1, 2020 in PHP+MySqli /by fordev22

แจก Code Modal Example By fordev22

<br />
<!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
  <title>fordev22.com</title><br />
  <meta charset="utf-8"><br />
  <meta name="viewport" content="width=device-width, initial-scale=1"><br />
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"><br />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script><br />
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script><br />
</head><br />
<body></p>
<p><div class="container"><br />
  <h2>Modal Example</h2><br />
  <!-- Trigger the modal with a button fordev22.com--><br />
  <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button></p>
<p>  <!-- Modal fordev22.com--><br />
  <div class="modal fade" id="myModal" role="dialog"><br />
    <div class="modal-dialog"></p>
<p>      <!-- Modal content fordev22.com--><br />
      <div class="modal-content"><br />
        <div class="modal-header"><br />
          <button type="button" class="close" data-dismiss="modal">&times;</button><br />
          <h4 class="modal-title">Modal Header</h4><br />
        </div><br />
        <div class="modal-body"><br />
          <p>Some text in the modal.</p><br />
          		<form action="" method="POST"></p>
<p>          		  <div class="form-group"><br />
				    <label for="exampleInputEmail1">Name</label><br />
				    <input type="text" class="form-control" name="name" id="" placeholder=""><br />
				  </div></p>
<p>				  <div class="form-group"><br />
				    <label for="exampleInputEmail1">Surname</label><br />
				    <input type="text" class="form-control" name="surname" id="" placeholder=""><br />
				  </div></p>
<p>				  <div class="form-group"><br />
				    <label for="exampleInputEmail1">Tel</label><br />
				    <input type="text" class="form-control" name="tel" id="" placeholder=""><br />
				  </div>	</p>
<p>				  <div class="form-group"><br />
				    <label for="exampleInputEmail1">Username</label><br />
				    <input type="text" class="form-control" name="username" id="" placeholder=""><br />
				  </div></p>
<p>				  <div class="form-group"><br />
				    <label for="exampleInputPassword1">Password</label><br />
				    <input type="password" name="password" class="form-control" id="exampleInputPassword1" placeholder="Password"><br />
				  </div></p>
<p>				  <div class="checkbox"><br />
				    <label><br />
				      <input type="checkbox"> Check me out<br />
				    </label><br />
				  </div><br />
				  <button type="submit" class="btn btn-default">Submit</button><br />
				</form><br />
        </div><br />
        <div class="modal-footer"><br />
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button><br />
        </div><br />
      </div></p>
<p>    </div><br />
  </div></p>
<p></div></p>
<p></body><br />
</html>

<!DOCTYPE html>

<head>

<title>fordev22.com</title>

</head>

<body>

<h2>Modal Example</h2>

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

<h4 class="modal-title">Modal Header</h4>

</div>

<p>Some text in the modal.</p>

</div>

<label for="exampleInputEmail1">Surname</label>

</div>

</div>

<label for="exampleInputEmail1">Username</label>

</div>

<label for="exampleInputPassword1">Password</label>

</div>

<label>

<input type="checkbox"> Check me out

</label>

</div>

<button type="submit" class="btn btn-default">Submit</button>

</form>

</div>

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

</div>

</body>

</html>

PHP+MySqli EP.31 PHP DropDownList / Listmenu From Database X Plugin Select2

February 9, 2020 in PHP+MySqli /by fordev22

PHP+MySqli EP.31 PHP DropDownList / Listmenu From Database X Plugin Select2 การเรียกข้อมูลจาก Database มาแสดงใน Select / DropDownList และ การใช้งานPlugin Select2 จาก Bootstrap ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้ ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์ ระบบ เช่าชุดออนไลน์ ระบบ บริหารจัดการห้องพัก Code

<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
	<meta charset="utf-8"><br />
	<meta http-equiv="X-UA-Compatible" content="IE=edge"><br />
	<title>fordev22</title></p>
<p>	<!-- bootstrap --><br />
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"></p>
<p>	<!-- Select2 --><br />
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><br />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script><br />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /></p>
<p></head><br />
<body></p>
<p>	<?php<br />
	include ('Connections/consqli.php');<br />
	$select_data = "SELECT * FROM chart_tbl"<br />
			  or die ("Error : ".mysqlierror($select_data));<br />
    $rs_select = mysqli_query($con, $select_data);<br />
                //echo ($query_level);//test query<br />
	?></p>
<p>	<center><br />
                <br><br><br />
                <h3><-- เรียกข้อมูลจาก Database มาแสดงใน Select + Plugin Select2 จาก Bootstrap --></h3></p>
<p>                <h3><br />
                    <br><br />
                    By fordev22<br />
                </h3></p>
<p>            </center></p>
<p>	<div class="container"></p>
<p>		<div class="row"><br />
			<div class="col-3"><br />
			</div></p>
<p>			<div class="col-6"><br />
				<br><br />
				<form action="se_save.php" method="POST"><br />
				<div class="card"><br />
				<div class="card-header bg-secondary text-white"><br />
    			<h5><i class="fa fa-user-circle-o " aria-hidden="true"></i><br />
					เรียกข้อมูลจาก Database มาแสดงใน Select + Select2</h5><br />
  				</div><br />
  				<div class="card-body"></p>
<p>  					<div class="form-group"><br />
    					<label for="exampleInputEmail1">Product</label><br />
    					<select class="form-control select2" name="ch_name"><br />
    					  <option  value="">--Select--</option></p>
<p>    					  <?php foreach ($rs_select as $rs) {?><br />
    					  	<option  value="<?php echo $rs['ch_name']; ?>"><br />
    					  	ชื่อสินค้า <?php echo $rs['ch_name']; ?><br />
    					  	</option><br />
    					  <?php }?></p>
<p>						</select></p>
<p>  					</div></p>
<p>  					<div class="form-group"><br />
    					<label for="exampleInputEmail1">ราคาที่ 1 </label><br />
    					<select class="form-control select2" name="ch_price"><br />
    					  <option value="">--Select--</option></p>
<p>    					  <?php foreach ($rs_select as $rs) {?><br />
    					  	<option  value="<?php echo $rs['ch_price']; ?>"><br />
    					  	ราคา <?php echo $rs['ch_price']; ?> บาท<br />
    					  </option><br />
    					  <?php }?></p>
<p>						</select></p>
<p>  					</div></p>
<p>  					<div class="form-group"><br />
    					<label for="exampleInputEmail1">ราคาที่ 2 </label><br />
    					<select class="form-control select2" name="ch_price2"><br />
    					  <option value="">--Select--</option></p>
<p>    					  <?php foreach ($rs_select as $rs) {?><br />
    					  	<option  value="<?php echo $rs['ch_price2']; ?>"><br />
    					  	ราคา <?php echo $rs['ch_price2']; ?> บาท<br />
    					    </option><br />
    					  <?php }?></p>
<p>						</select></p>
<p>  					</div></p>
<p>  					<div class="form-group"><br />
    					<label for="exampleInputEmail1">ราคาที่ 3 </label><br />
    					<select class="form-control select2" name="ch_price3"><br />
    					  <option value="">--Select--</option></p>
<p>    					  <?php foreach ($rs_select as $rs) {?><br />
    					  	<option  value="<?php echo $rs['ch_price3']; ?>"><br />
    					  	ราคา <?php echo $rs['ch_price3']; ?> บาท<br />
    					  	</option><br />
    					  <?php }?></p>
<p>						</select></p>
<p>  					</div></p>
<p>  					<button type="submit" class="btn btn-block btn-danger"><br />
					<i class="fa fa-sign-in" aria-hidden="true"></i><br />
  					Subim</button></p>
<p>  				</div><br />
				</form><br />
			</div><br />
			</div></p>
<p>			<script type="text/javascript"><br />
				$(document).ready(function() {<br />
				$('.select2').select2({<br />
				closeOnSelect: false<br />
				});<br />
				});<br />
			</script></p>
<p>			<div class="col-3"><br />
			</div><br />
		</div><br />
	</div></p>
<p></body><br />
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

<!DOCTYPE html>

<html>

<head>

<title>fordev22</title>

</head>

<body>

<?php

include ('Connections/consqli.php');

$select_data = "SELECT * FROM chart_tbl"

or die ("Error : ".mysqlierror($select_data));

$rs_select = mysqli_query($con, $select_data);

//echo ($query_level);//test query

<h3>

<br>

By fordev22

</h3>

</center>

</div>

<br>

เรียกข้อมูลจาก Database มาแสดงใน Select + Select2</h5>

</div>

<label for="exampleInputEmail1">Product</label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ชื่อสินค้า <?php echo $rs['ch_name']; ?>

</option>

<?php }?>

</select>

</div>

<label for="exampleInputEmail1">ราคาที่ 1 </label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ราคา <?php echo $rs['ch_price']; ?> บาท

</option>

<?php }?>

</select>

</div>

<label for="exampleInputEmail1">ราคาที่ 2 </label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ราคา <?php echo $rs['ch_price2']; ?> บาท

</option>

<?php }?>

</select>

</div>

<label for="exampleInputEmail1">ราคาที่ 3 </label>

<option value="">--Select--</option>

<?php foreach ($rs_select as $rs) {?>

ราคา <?php echo $rs['ch_price3']; ?> บาท

</option>

<?php }?>

</select>

</div>

Subim</button>

</div>

</form>

</div>

$(document).ready(function() {

$('.select2').select2({

closeOnSelect: false

});

</script>

</div>

</body>

</html>

PHP+MySqli EP.30 Google Charts With php database (การใช้งาน Google Charts ร่วมกับ php database)

February 3, 2020 in PHP+MySqli /by fordev22

PHP+MySqli EP.30 Google Charts With php database (การใช้งาน Google Charts ร่วมกับ php database) เป็นการใช้งาน กราฟ จาก google ร่วมกับ php database ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้ ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์ ระบบ เช่าชุดออนไลน์ ระบบ บริหารจัดการห้องพัก Sql

<br />
-- phpMyAdmin SQL Dump<br />
-- version 4.7.0<br />
-- https://www.phpmyadmin.net/<br />
--<br />
-- Host: localhost<br />
-- Generation Time: Feb 03, 2020 at 04:36 PM<br />
-- Server version: 10.1.25-MariaDB<br />
-- PHP Version: 5.6.31</p>
<p>SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";<br />
SET AUTOCOMMIT = 0;<br />
START TRANSACTION;<br />
SET time_zone = "+00:00";</p>
<p>/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;<br />
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;<br />
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;<br />
/*!40101 SET NAMES utf8mb4 */;</p>
<p>--<br />
-- Database: `sqli_1`<br />
--</p>
<p>-- --------------------------------------------------------</p>
<p>--<br />
-- Table structure for table `chart_tbl`<br />
--</p>
<p>CREATE TABLE `chart_tbl` (<br />
  `ch_id` int(11) NOT NULL,<br />
  `ch_name` varchar(20) NOT NULL,<br />
  `ch_price` varchar(50) NOT NULL,<br />
  `ch_price2` varchar(20) NOT NULL,<br />
  `ch_price3` varchar(100) NOT NULL,<br />
  `date` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP<br />
) ENGINE=InnoDB DEFAULT CHARSET=utf8;</p>
<p>--<br />
-- Dumping data for table `chart_tbl`<br />
--</p>
<p>INSERT INTO `chart_tbl` (`ch_id`, `ch_name`, `ch_price`, `ch_price2`, `ch_price3`, `date`) VALUES<br />
(1, 'Product_A', '3000', '3000', '1000', '2019-10-01 23:15:31'),<br />
(2, 'Product_B', '3900', '3500', '1000', '2019-10-01 16:15:31'),<br />
(3, 'Product_C', '4900', '4500', '2788', '2019-10-01 10:15:31'),<br />
(4, 'Product_D', '5900', '5600', '1000', '2019-10-01 08:15:31'),<br />
(5, 'Product_E', '6900', '5566', '8900', '2019-10-01 04:15:31');</p>
<p>--<br />
-- Indexes for dumped tables<br />
--</p>
<p>--<br />
-- Indexes for table `chart_tbl`<br />
--<br />
ALTER TABLE `chart_tbl`<br />
  ADD PRIMARY KEY (`ch_id`);</p>
<p>--<br />
-- AUTO_INCREMENT for dumped tables<br />
--</p>
<p>--<br />
-- AUTO_INCREMENT for table `chart_tbl`<br />
--<br />
ALTER TABLE `chart_tbl`<br />
  MODIFY `ch_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;COMMIT;</p>
<p>/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;<br />
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;<br />
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

-- phpMyAdmin SQL Dump

-- version 4.7.0

-- https://www.phpmyadmin.net/

-- Host: localhost

-- Generation Time: Feb 03, 2020 at 04:36 PM

-- Server version: 10.1.25-MariaDB

-- PHP Version: 5.6.31

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

SET AUTOCOMMIT = 0;

START TRANSACTION;

SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;

/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8mb4 */;

-- Database: `sqli_1`

-- --------------------------------------------------------

-- Table structure for table `chart_tbl`

CREATE TABLE `chart_tbl` (

`ch_id` int(11) NOT NULL,

`ch_name` varchar(20) NOT NULL,

`ch_price` varchar(50) NOT NULL,

`ch_price2` varchar(20) NOT NULL,

`ch_price3` varchar(100) NOT NULL,

`date` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

-- Dumping data for table `chart_tbl`

INSERT INTO `chart_tbl` (`ch_id`, `ch_name`, `ch_price`, `ch_price2`, `ch_price3`, `date`) VALUES

(1, 'Product_A', '3000', '3000', '1000', '2019-10-01 23:15:31'),

(2, 'Product_B', '3900', '3500', '1000', '2019-10-01 16:15:31'),

(3, 'Product_C', '4900', '4500', '2788', '2019-10-01 10:15:31'),

(4, 'Product_D', '5900', '5600', '1000', '2019-10-01 08:15:31'),

(5, 'Product_E', '6900', '5566', '8900', '2019-10-01 04:15:31');

-- Indexes for dumped tables

-- Indexes for table `chart_tbl`

ALTER TABLE `chart_tbl`

ADD PRIMARY KEY (`ch_id`);

-- AUTO_INCREMENT for dumped tables

-- AUTO_INCREMENT for table `chart_tbl`

ALTER TABLE `chart_tbl`

MODIFY `ch_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;

/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;

/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

โค๊ดตัวอย่าง

<br />
<?php<br />
$con = mysqli_connect('localhost','root','','sqli_1');<br />
?><br />
<!DOCTYPE HTML><br />
<html><br />
<head><br />
 <meta charset="utf-8"><br />
 <title>TechJunkGigs</title><br />
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script></p>
<p>    <script type="text/javascript"><br />
      google.charts.load('current', {'packages':['corechart']});<br />
      google.charts.setOnLoadCallback(drawChart);</p>
<p>       function drawChart() {<br />
       var data = google.visualization.arrayToDataTable([</p>
<p>       ['ch_name','ch_price'],</p>
<p>        <?php<br />
        			$query = "SELECT * from chart_tbl";<br />
        			 $rs = mysqli_query($con,$query);<br />
        			 foreach($rs as $rs_c){<br />
        			 echo "['".$rs_c['ch_name']."',".$rs_c['ch_price']."],";<br />
        			 }<br />
        ?> </p>
<p>        ]);</p>
<p>        var options = {<br />
                        title: 'product price'<br />
                      };</p>
<p>        var chart = new google.visualization.PieChart(document.getElementById('piechart'));</p>
<p>        chart.draw(data, options);<br />
      }</p>
<p>    </script></p>
<p></head><br />
<body><br />
 <div class="container-fluid"><br />
 <div id="piechart" style="width: 100%; height: 500px;"></div><br />
 </div></p>
<p></body><br />
</html>

<?php

$con = mysqli_connect('localhost','root','','sqli_1');

<!DOCTYPE HTML>

<html>

<head>

<title>TechJunkGigs</title>

google.charts.load('current', {'packages':['corechart']});

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = google.visualization.arrayToDataTable([

['ch_name','ch_price'],

<?php

$query = "SELECT * from chart_tbl";

$rs = mysqli_query($con,$query);

foreach($rs as $rs_c){

echo "['".$rs_c['ch_name']."',".$rs_c['ch_price']."],";

}

]);

var options = {

title: 'product price'

};

var chart = new google.visualization.PieChart(document.getElementById('piechart'));

chart.draw(data, options);

}

</script>

</head>

<body>

</div>

</body>

</html>