PHP PDO ระบบเพิ่มข้อมูลสินค้า ระบบอัพโหลดภาพ ฟรี Code !!

สวัสดีครับ ในบทความนี้จะแจกตัวอย่างโค้ดระบบเพิ่มข้อมูลสินค้า ระบบอัพโหลดภาพแบบง่ายๆ โดยเขียนในรูปแบบ PHP PDO รองรับการทำงาน PHP7 และ PHP8 สำหรับเอาไปศึกษาและพัฒนาต่อยอดครับ *ฝึกไว้ครับเผื่อได้ใช้

ตัวอย่างระบบที่มีการเพิ่มข้อมูลสินค้า
1.เว็บอีคอมเมิร์ช คลิก
2.เว็บ FOOD POS ขายอาหารหน้าร้าน คลิก
3.เว็บ Coffee POS ขายกาแฟหน้าร้าน คลิก
4.หลังบ้านระบบอีคอมเมิร์ช คลิก
5.ระบบอื่นๆ เพิ่มเติม คลิก

รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940

โค้ดประกอบด้วย

PHP PDO
MySQL SQL Insert, Query
HTML
Bootstrap5
Sweet Alert

มาเริ่มทำ workshop กันครับ *คอมเม้นอยู่ในโค้ด

0.รวม Workshop PHP PDO ก่อนหน้าคลิก

1.ตารางเก็บข้อมูลตัวอย่างจะชื่อ tbl_product ให้สร้างฐานข้อมูลก่อนครับ เช่น ฐานข้อมูลชื่อ workshop_pdo จากนั้นไปที่เมนู sql คัดลอกโค้ดไปวางและ go

CREATE TABLE `tbl_product` (
  `no` int(11) NOT NULL,
  `product_name` varchar(100) NOT NULL,
  `product_detail` text NOT NULL,
  `product_price` int(16) NOT NULL,
  `product_img` varchar(100) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

ALTER TABLE `tbl_product`
  ADD PRIMARY KEY (`no`);

ALTER TABLE `tbl_product`
  MODIFY `no` int(11) NOT NULL AUTO_INCREMENT;

CREATE TABLE `tbl_product` (

`no` int(11) NOT NULL,

`product_name` varchar(100) NOT NULL,

`product_detail` text NOT NULL,

`product_price` int(16) NOT NULL,

`product_img` varchar(100) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

ALTER TABLE `tbl_product`

ADD PRIMARY KEY (`no`);

ALTER TABLE `tbl_product`

MODIFY `no` int(11) NOT NULL AUTO_INCREMENT;

2.สร้างโฟลเดอร์สำหรับทดสอบ เช่น ชื่อโฟลเดอร์ workshop_pdo *สำหรับคนที่เพิ่งฝึกยังไม่เข้าใจข้อนี้ว่าต้องสร้างไว้ที่ไหน ให้ดูคลิปชุดนี้ก่อน รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940

3.ไฟล์เชื่อมต่อฐานข้อมูล ชื่อไฟล์ connect.php

<?php
$servername = "localhost";
$username = "root";
$password = "yourpassword";

try {
  $conn = new PDO("mysql:host=$servername;dbname=workshop_pdo;charset=utf8", $username, $password);
  // set the PDO error mode to exception
  $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
  //echo "Connected successfully";
} catch(PDOException $e) {
  echo "Connection failed: " . $e->getMessage();
}
//Set ว/ด/ป เวลา ให้เป็นของประเทศไทย
    date_default_timezone_set('Asia/Bangkok');
?>

<?php

$servername = "localhost";

$username = "root";

$password = "yourpassword";

try {

$conn = new PDO("mysql:host=$servername;dbname=workshop_pdo;charset=utf8", $username, $password);

// set the PDO error mode to exception

$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

//echo "Connected successfully";

} catch(PDOException $e) {

echo "Connection failed: " . $e->getMessage();

}

//Set ว/ด/ป เวลา ให้เป็นของประเทศไทย

date_default_timezone_set('Asia/Bangkok');

4.สร้างโฟลเดอร์สำหรับเก็บไฟล์ภาพที่อัพโหลด ชื่อ upload (ตั้งตาม code บรรทัด 112)

5.ไฟล์ workshop ตั้งชื่อ formAddProduct.php *มีคอมเม้นเพิ่มเติมใน code

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
        <title>Basic PHP PDO Form add product by devbanban.com 2021</title>
        <!-- sweet alert  -->
        <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-12"> <br>
                  <?php 
                  //ถ้ามีการส่งพารามิเตอร์ method get และ  method get ชือ act = add จะแสดงฟอร์มเพิ่มข้อมูล
                  if(isset($_GET['act']) && $_GET['act']=='add'){ ?>
                    <h3>PHP PDO ฟอร์มเพิ่มข้อมูลสินค้า </h3>
                    <form  method="post" enctype="multipart/form-data">
                      ชื่อสินค้า
                        <input type="text" name="product_name" required class="form-control" placeholder="ชื่อสินค้า ขั้นต่ำ 4 ตัว" minlength="4"> <br>
                        รายละเอียดสินค้า
                        <textarea name="product_detail" required class="form-control" placeholder="รายละเอียด"></textarea> <br>
                        ราคา
                        <input type="number" name="product_price" required class="form-control" min="0"> <br>
                         <font color="red">*อัพโหลดได้เฉพาะ .jpeg , .jpg , .png </font>
                        <input type="file" name="product_img" required   class="form-control" accept="image/jpeg, image/png, image/jpg"> <br>
                        <div class="row">
                        <div class="d-grid gap-2 col-sm-6">
                        <button type="submit" class="btn btn-primary">เพิ่มสินค้า</button>
                      </div>
                      <div class="d-grid gap-2 col-sm-6">
                        <a href="formAddProduct.php" class="btn btn-warning">ยกเลิก</a>
                      </div>
                    </div>
                        <br>
                    </form>
                  <?php } ?>
                    <h3>รายการสินค้า 
                    <a href="formAddProduct.php?act=add" class="btn btn-info btn-sm">+สินค้า</a> </h3>
                    <table class="table table-striped  table-hover table-responsive table-bordered">
                        <thead>
                            <tr>
                                <th width="5%">ลำดับ</th>
                                <th width="10%">ภาพ</th>
                                <th width="25%">ชื่อสินค้า</th>
                                <th width="40%">รายละเอียด</th>
                                <th width="20%" class="text-center">ราคา</th>
                                
                            </tr>
                        </thead>
                        <tbody>
                            <?php
                            //เรียกไฟล์เชื่อมต่อฐานข้อมูล
                            require_once 'connect.php';
                            //คิวรี่ข้อมูลมาแสดงในตาราง
                            $stmt = $conn->prepare("SELECT* FROM tbl_product");
                            $stmt->execute();
                            $result = $stmt->fetchAll();
                            foreach($result as $row) {
                            ?>
                            <tr>
                                <td><?= $row['no'];?></td>
                                 <td><img src="upload/<?= $row['product_img'];?>" width="70%"></td>
                                <td><?= $row['product_name'];?></td>
                                <td><?= $row['product_detail'];?></td>
                                <td align="right"><?= number_format($row['product_price'],2);?></td>
                               
                            <?php } ?>
                        </tbody>
                    </table>
                    <br>
                    <center>Basic PHP PDO Form add product by devbanban.com 2021</center>
                </div>
            </div>
        </div>
    </body>
</html>

<?php 

// echo '<pre>';
// print_r($_POST);
// echo '</pre>';
// exit();



//ตรวจสอบตัวแปรที่ส่งมาจากฟอร์ม
if (isset($_POST['product_name']) && isset($_POST['product_price']) && $_POST['product_price'] >=0) {
  //ไฟล์เชื่อมต่อฐานข้อมูล
    require_once 'connect.php';
     //สร้างตัวแปรวันที่เพื่อเอาไปตั้งชื่อไฟล์ใหม่
    $date1 = date("Ymd_His");
    //สร้างตัวแปรสุ่มตัวเลขเพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลดไม่ให้ชื่อไฟล์ซ้ำกัน
    $numrand = (mt_rand());
    $product_img = (isset($_POST['product_img']) ? $_POST['product_img'] : '');
    $upload=$_FILES['product_img']['name'];

    //มีการอัพโหลดไฟล์
    if($upload !='') {
    //ตัดขื่อเอาเฉพาะนามสกุล
    $typefile = strrchr($_FILES['product_img']['name'],".");

    //สร้างเงื่อนไขตรวจสอบนามสกุลของไฟล์ที่อัพโหลดเข้ามา
    if($typefile =='.jpg' || $typefile  =='.jpg' || $typefile  =='.png'){

    //โฟลเดอร์ที่เก็บไฟล์
    $path="upload/";
    //ตั้งชื่อไฟล์ใหม่เป็น สุ่มตัวเลข+วันที่
    $newname = $numrand.$date1.$typefile;
    $path_copy=$path.$newname;
    //คัดลอกไฟล์ไปยังโฟลเดอร์
    move_uploaded_file($_FILES['product_img']['tmp_name'],$path_copy); 

     //ประกาศตัวแปรรับค่าจากฟอร์ม
    $product_name = $_POST['product_name'];
    $product_detail = $_POST['product_detail'];
    $product_price = $_POST['product_price'];
    
    //sql insert
    $stmt = $conn->prepare("INSERT INTO tbl_product 
    (product_name, product_detail, product_price, product_img)
    VALUES 
    (:product_name, :product_detail, :product_price, '$newname')");
    //bindParam data type
    $stmt->bindParam(':product_name', $product_name, PDO::PARAM_STR);
    $stmt->bindParam(':product_detail', $product_detail, PDO::PARAM_STR);
    $stmt->bindParam(':product_price', $product_price, PDO::PARAM_INT);
    $result = $stmt->execute();
    $conn = null; //close connect db

    //เงื่อนไขตรวจสอบการเพิ่มข้อมูล
          if($result){
                echo '<script>
                     setTimeout(function() {
                      swal({
                          title: "เพิ่มข้อมูลสำเร็จ",
                          type: "success"
                      }, function() {
                          window.location = "formAddProduct.php"; //หน้าที่ต้องการให้กระโดดไป
                      });
                    }, 1000);
                </script>';
            }else{
               echo '<script>
                     setTimeout(function() {
                      swal({
                          title: "เกิดข้อผิดพลาด",
                          type: "error"
                      }, function() {
                          window.location = "formAddProduct.php"; //หน้าที่ต้องการให้กระโดดไป
                      });
                    }, 1000);
                </script>';
            } //else ของ if result

        
        }else{ //ถ้าไฟล์ที่อัพโหลดไม่ตรงตามที่กำหนด
            echo '<script>
                         setTimeout(function() {
                          swal({
                              title: "คุณอัพโหลดไฟล์ไม่ถูกต้อง",
                              type: "error"
                          }, function() {
                              window.location = "formAddProduct.php"; //หน้าที่ต้องการให้กระโดดไป
                          });
                        }, 1000);
                    </script>';
        } //else ของเช็คนามสกุลไฟล์
   
    } // if($upload !='') {

    
    } //isset
?>

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

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

<!DOCTYPE html>

<head>

<title>Basic PHP PDO Form add product by devbanban.com 2021</title>

</head>

<body>

<?php

//ถ้ามีการส่งพารามิเตอร์ method get และ method get ชือ act = add จะแสดงฟอร์มเพิ่มข้อมูล

if(isset($_GET['act']) && $_GET['act']=='add'){ ?>

<h3>PHP PDO ฟอร์มเพิ่มข้อมูลสินค้า </h3>

ชื่อสินค้า

รายละเอียดสินค้า

ราคา

<font color="red">*อัพโหลดได้เฉพาะ .jpeg , .jpg , .png </font>

<button type="submit" class="btn btn-primary">เพิ่มสินค้า</button>

</div>

<a href="formAddProduct.php" class="btn btn-warning">ยกเลิก</a>

</div>

<br>

</form>

<?php } ?>

<h3>รายการสินค้า

<thead>

<tr>

<th width="5%">ลำดับ</th>

<th width="25%">ชื่อสินค้า</th>

<th width="40%">รายละเอียด</th>

</tr>

</thead>

<tbody>

<?php

//เรียกไฟล์เชื่อมต่อฐานข้อมูล

require_once 'connect.php';

//คิวรี่ข้อมูลมาแสดงในตาราง

$stmt = $conn->prepare("SELECT* FROM tbl_product");

$stmt->execute();

$result = $stmt->fetchAll();

foreach($result as $row) {

<tr>

<td><img src="upload/<?= $row['product_img'];?>" width="70%"></td>

<?php } ?>

</tbody>

</table>

<br>

<center>Basic PHP PDO Form add product by devbanban.com 2021</center>

</div>

</body>

</html>

<?php

// echo '<pre>';

// print_r($_POST);

// echo '</pre>';

// exit();

//ตรวจสอบตัวแปรที่ส่งมาจากฟอร์ม

if (isset($_POST['product_name']) && isset($_POST['product_price']) && $_POST['product_price'] >=0) {

//ไฟล์เชื่อมต่อฐานข้อมูล

require_once 'connect.php';

//สร้างตัวแปรวันที่เพื่อเอาไปตั้งชื่อไฟล์ใหม่

$date1 = date("Ymd_His");

//สร้างตัวแปรสุ่มตัวเลขเพื่อเอาไปตั้งชื่อไฟล์ที่อัพโหลดไม่ให้ชื่อไฟล์ซ้ำกัน

$numrand = (mt_rand());

$product_img = (isset($_POST['product_img']) ? $_POST['product_img'] : '');

$upload=$_FILES['product_img']['name'];

//มีการอัพโหลดไฟล์

if($upload !='') {

//ตัดขื่อเอาเฉพาะนามสกุล

$typefile = strrchr($_FILES['product_img']['name'],".");

//สร้างเงื่อนไขตรวจสอบนามสกุลของไฟล์ที่อัพโหลดเข้ามา

if($typefile =='.jpg' || $typefile =='.jpg' || $typefile =='.png'){

//โฟลเดอร์ที่เก็บไฟล์

$path="upload/";

//ตั้งชื่อไฟล์ใหม่เป็น สุ่มตัวเลข+วันที่

$newname = $numrand.$date1.$typefile;

$path_copy=$path.$newname;

//คัดลอกไฟล์ไปยังโฟลเดอร์

move_uploaded_file($_FILES['product_img']['tmp_name'],$path_copy);

//ประกาศตัวแปรรับค่าจากฟอร์ม

$product_name = $_POST['product_name'];

$product_detail = $_POST['product_detail'];

$product_price = $_POST['product_price'];

//sql insert

$stmt = $conn->prepare("INSERT INTO tbl_product

(product_name, product_detail, product_price, product_img)

VALUES

(:product_name, :product_detail, :product_price, '$newname')");

//bindParam data type

$stmt->bindParam(':product_name', $product_name, PDO::PARAM_STR);

$stmt->bindParam(':product_detail', $product_detail, PDO::PARAM_STR);

$stmt->bindParam(':product_price', $product_price, PDO::PARAM_INT);

$result = $stmt->execute();

$conn = null; //close connect db

//เงื่อนไขตรวจสอบการเพิ่มข้อมูล

if($result){

echo '<script>

setTimeout(function() {

swal({

title: "เพิ่มข้อมูลสำเร็จ",

type: "success"

}, function() {

window.location = "formAddProduct.php"; //หน้าที่ต้องการให้กระโดดไป

});

}, 1000);

</script>';

}else{

echo '<script>

setTimeout(function() {

swal({

title: "เกิดข้อผิดพลาด",

type: "error"

}, function() {

window.location = "formAddProduct.php"; //หน้าที่ต้องการให้กระโดดไป

});

}, 1000);

</script>';

} //else ของ if result

}else{ //ถ้าไฟล์ที่อัพโหลดไม่ตรงตามที่กำหนด

echo '<script>

setTimeout(function() {

swal({

title: "คุณอัพโหลดไฟล์ไม่ถูกต้อง",

type: "error"

}, function() {

window.location = "formAddProduct.php"; //หน้าที่ต้องการให้กระโดดไป

});

}, 1000);

</script>';

} //else ของเช็คนามสกุลไฟล์

} // if($upload !='') {

} //isset

6.ผลการทำงาน

ลองเอาไปประยุกต์ใช้ดูครับ และฝากติดตาม workshop ต่อๆ ไปด้วยครับผม
Bootstrap5 : https://getbootstrap.com/
ฝึก SQL : https://www.w3schools.com/sql/default.asp
แหล่งศึกษา PDO เพิ่มเติม : https://websitebeaver.com/php-pdo-vs-mysqli
List of PDOStatement::bindParam data_type parameters : https://www.php.net/manual/en/pdo.constants.php

ขอแนะนำระบบพร้อมใช้ ราคาเบาๆ เอาไปต่อยอดได้ รายละเอียดเพิ่มเติมใต้คลิป

ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่

ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1

fanpage : https://www.facebook.com/sornwebsites/

devbanban

PHP PDO ระบบเพิ่มข้อมูลสินค้า ระบบอัพโหลดภาพ ฟรี Code !!

Byพิศิษฐ์ บวรเลิศสุธี

Related

Related Post

ระบบบริหารบุคลากร ระบบ HR + ระบบบันทึกเวลาเข้างาน

ฟรีคลิปสอนทำเว็บไซต์ PHP PDO MySQL AdminLTE3 2024

ระบบหอพัก , อพาร์ทเม้นท์ รายวัน รายเดือน ราคาเบาๆ เอาไปต่อยอดได้ 2024

You missed

ระบบบริหารบุคลากร ระบบ HR + ระบบบันทึกเวลาเข้างาน

ฟรีคลิปสอนทำเว็บไซต์ PHP PDO MySQL AdminLTE3 2024

ระบบหอพัก , อพาร์ทเม้นท์ รายวัน รายเดือน ราคาเบาๆ เอาไปต่อยอดได้ 2024

แจกฟรี To-do list Ui ออกแบบจาก Bootstrap v5.3

Byพิศิษฐ์ บวรเลิศสุธี

Share this:

Related

Related Post

You missed