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

Bootstrap EP.20(ตอนที่2) โปรแกรมค้นหาข้อมูลแบบหลายเงือนไข
ที่เป็นช่วงวันที่และช่วงตัวเลข(Multi Search)
ในการค้นหาข้อมูลหากค้นหาแบบช่องเดียวโดยไม่มีการกรอง ข้อมูลที่ค้น
ก็จะออกมาทั้งหมดที่มีคำค้น แต่หากค้นหาแบบละเอียด มีตัวกรองคำค้น
ก็จะได้ข้อมูลที่ปม้นยำมากขึ้น
คลิ๊กดูวีดีโอได้เลย

ตารางและข้อมูลเพิ่มเติม

-- phpMyAdmin SQL Dump
-- version 4.5.1
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Aug 12, 2018 at 08:33 AM
-- Server version: 10.1.13-MariaDB
-- PHP Version: 5.6.21

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
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: `porjecticecream`
--

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

--
-- Table structure for table `tbl_product`
--

CREATE TABLE `tbl_product` (
  `pro_id` int(11) NOT NULL COMMENT 'รหัสสินค้า',
  `pro_name` varchar(100) NOT NULL COMMENT 'ชื่อสินค้า',
  `pro_detail` text NOT NULL COMMENT 'รายละเอียดสินค้า',
  `pro_price_cost` float(10,2) NOT NULL COMMENT 'ราคาต้นทุน',
  `pro_price_sale` float(10,2) NOT NULL COMMENT 'ราคาขาย',
  `pro_qty` int(11) NOT NULL COMMENT 'จำนวนสินค้า',
  `pro_pic` varchar(200) NOT NULL COMMENT 'ภาพสินค้า',
  `dateinsert` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT 'วันที่เพิ่มข้อมูล'
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

--
-- Dumping data for table `tbl_product`
--

INSERT INTO `tbl_product` (`pro_id`, `pro_name`, `pro_detail`, `pro_price_cost`, `pro_price_sale`, `pro_qty`, `pro_pic`, `dateinsert`) VALUES
(1, 'ไอศกรีมช็อกโกแลตบราวนี่', 'บราวนี่เนื้อแน้น ๆ ผสมกับไอศกรีมเป็นอะไรที่ลงตัว', 2500.00, 2500.00, 97, 'proimg/IMG_4096.JPG', '2017-02-08 18:12:02'),
(2, 'ไอศกรีมโครตนมสด', 'ความมันและหอมของนมสดบวกกับความหวานมาก ๆ อร่อยสุดยอด', 1500.00, 2000.00, 99, 'proimg/IMG_4097.JPG', '2017-02-10 06:28:09'),
(3, 'ไอศกรีม ปีโป้โยเกิร์ต', 'นุ่ม หวาน เปรี๊ยว เป็นความอร่อยที่ลงตัว', 1700.00, 2200.00, 99, 'proimg/IMG_4098.JPG', '2017-02-08 06:36:16'),
(4, 'ไอศกรีม กล้วยหอมครีมชีส', 'ครีมขีส บวก กล้วยหอมให้รสชาติที่กลมกล่อม', 1100.00, 1700.00, 90, 'proimg/IMG_4099.JPG', '2017-02-11 16:52:02'),
(5, 'ไอศกรีม องุ่นกะทิสด', 'ความเปรี้ยวหวานขององุ่นกับกระทิสด ๆ ', 1300.00, 1800.00, 81, 'proimg/IMG_4103.JPG', '2017-02-10 16:54:36'),
(6, 'ไอศกรีมรส แคนตาลูป', 'ความหมอของแคนตาลูปเมื่อมาทำเป็นไอศกรีม ให้รสชาติที่กลมกล่อม', 1200.00, 1700.00, 98, 'proimg/IMG_4104.JPG', '2015-02-24 16:55:57'),
(7, 'ไอศกรีม เสาวรสครีมชีส', 'ได้ประโยชน์และช่วยขับถ่าย', 1000.00, 1500.00, 99, 'proimg/IMG_4105.JPG', '2015-02-24 17:01:08'),
(8, 'ไอศกรีมสตอเบอร์รี่', 'ความสดของสตอเบอร์รี่ทำให้ชื่นใจ', 1000.00, 1500.00, 81, 'proimg/IMG_4106.JPG', '2015-02-24 17:02:26'),
(9, 'ไอศกรีมรสวนิลา', 'หอม หวาน มัน เข้มข้น', 1000.00, 1500.00, 99, 'proimg/IMG_4108.JPG', '2015-02-24 17:03:30'),
(10, 'ไอศกรีมเบียร์สด', 'สำหรับผู้ใหญ่เท่านั้น', 1000.00, 1500.00, 80, 'proimg/IMG_4110.JPG', '2015-02-24 17:04:20'),
(11, 'ไอศกรีม คอฟฟี่คาราเมล', 'กาแฟกับคาลาเมลช่างลงตัวเหลือเกิน', 1000.00, 1500.00, 61, 'proimg/IMG_4111.JPG', '2015-02-24 17:05:30'),
(12, 'ไอศกรีมรสมะนาวสด', 'เปรี๊ยวจี๊ดจ๊าดได้ใจความ ด้วยมะนาวแท้ ๆ ', 1000.00, 2500.00, 89, 'proimg/IMG_4112.JPG', '2015-02-24 17:06:37');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_product`
--
ALTER TABLE `tbl_product`
  ADD PRIMARY KEY (`pro_id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `tbl_product`
--
ALTER TABLE `tbl_product`
  MODIFY `pro_id` int(11) NOT NULL AUTO_INCREMENT COMMENT 'รหัสสินค้า', AUTO_INCREMENT=17;
/*!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 */;

-- phpMyAdmin SQL Dump

-- version 4.5.1

-- http://www.phpmyadmin.net

-- Host: 127.0.0.1

-- Generation Time: Aug 12, 2018 at 08:33 AM

-- Server version: 10.1.13-MariaDB

-- PHP Version: 5.6.21

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

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: `porjecticecream`

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

-- Table structure for table `tbl_product`

CREATE TABLE `tbl_product` (

`pro_id` int(11) NOT NULL COMMENT 'รหัสสินค้า',

`pro_name` varchar(100) NOT NULL COMMENT 'ชื่อสินค้า',

`pro_detail` text NOT NULL COMMENT 'รายละเอียดสินค้า',

`pro_price_cost` float(10,2) NOT NULL COMMENT 'ราคาต้นทุน',

`pro_price_sale` float(10,2) NOT NULL COMMENT 'ราคาขาย',

`pro_qty` int(11) NOT NULL COMMENT 'จำนวนสินค้า',

`pro_pic` varchar(200) NOT NULL COMMENT 'ภาพสินค้า',

`dateinsert` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT 'วันที่เพิ่มข้อมูล'

) ENGINE=MyISAM DEFAULT CHARSET=utf8;

-- Dumping data for table `tbl_product`

INSERT INTO `tbl_product` (`pro_id`, `pro_name`, `pro_detail`, `pro_price_cost`, `pro_price_sale`, `pro_qty`, `pro_pic`, `dateinsert`) VALUES

(1, 'ไอศกรีมช็อกโกแลตบราวนี่', 'บราวนี่เนื้อแน้น ๆ ผสมกับไอศกรีมเป็นอะไรที่ลงตัว', 2500.00, 2500.00, 97, 'proimg/IMG_4096.JPG', '2017-02-08 18:12:02'),

(2, 'ไอศกรีมโครตนมสด', 'ความมันและหอมของนมสดบวกกับความหวานมาก ๆ อร่อยสุดยอด', 1500.00, 2000.00, 99, 'proimg/IMG_4097.JPG', '2017-02-10 06:28:09'),

(3, 'ไอศกรีม ปีโป้โยเกิร์ต', 'นุ่ม หวาน เปรี๊ยว เป็นความอร่อยที่ลงตัว', 1700.00, 2200.00, 99, 'proimg/IMG_4098.JPG', '2017-02-08 06:36:16'),

(4, 'ไอศกรีม กล้วยหอมครีมชีส', 'ครีมขีส บวก กล้วยหอมให้รสชาติที่กลมกล่อม', 1100.00, 1700.00, 90, 'proimg/IMG_4099.JPG', '2017-02-11 16:52:02'),

(5, 'ไอศกรีม องุ่นกะทิสด', 'ความเปรี้ยวหวานขององุ่นกับกระทิสด ๆ ', 1300.00, 1800.00, 81, 'proimg/IMG_4103.JPG', '2017-02-10 16:54:36'),

(6, 'ไอศกรีมรส แคนตาลูป', 'ความหมอของแคนตาลูปเมื่อมาทำเป็นไอศกรีม ให้รสชาติที่กลมกล่อม', 1200.00, 1700.00, 98, 'proimg/IMG_4104.JPG', '2015-02-24 16:55:57'),

(7, 'ไอศกรีม เสาวรสครีมชีส', 'ได้ประโยชน์และช่วยขับถ่าย', 1000.00, 1500.00, 99, 'proimg/IMG_4105.JPG', '2015-02-24 17:01:08'),

(8, 'ไอศกรีมสตอเบอร์รี่', 'ความสดของสตอเบอร์รี่ทำให้ชื่นใจ', 1000.00, 1500.00, 81, 'proimg/IMG_4106.JPG', '2015-02-24 17:02:26'),

(9, 'ไอศกรีมรสวนิลา', 'หอม หวาน มัน เข้มข้น', 1000.00, 1500.00, 99, 'proimg/IMG_4108.JPG', '2015-02-24 17:03:30'),

(10, 'ไอศกรีมเบียร์สด', 'สำหรับผู้ใหญ่เท่านั้น', 1000.00, 1500.00, 80, 'proimg/IMG_4110.JPG', '2015-02-24 17:04:20'),

(11, 'ไอศกรีม คอฟฟี่คาราเมล', 'กาแฟกับคาลาเมลช่างลงตัวเหลือเกิน', 1000.00, 1500.00, 61, 'proimg/IMG_4111.JPG', '2015-02-24 17:05:30'),

(12, 'ไอศกรีมรสมะนาวสด', 'เปรี๊ยวจี๊ดจ๊าดได้ใจความ ด้วยมะนาวแท้ ๆ ', 1000.00, 2500.00, 89, 'proimg/IMG_4112.JPG', '2015-02-24 17:06:37');

-- Indexes for dumped tables

-- Indexes for table `tbl_product`

ALTER TABLE `tbl_product`

ADD PRIMARY KEY (`pro_id`);

-- AUTO_INCREMENT for dumped tables

-- AUTO_INCREMENT for table `tbl_product`

ALTER TABLE `tbl_product`

MODIFY `pro_id` int(11) NOT NULL AUTO_INCREMENT COMMENT 'รหัสสินค้า', AUTO_INCREMENT=17;

/*!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 */;

ไฟล์ multi2.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Multi Search</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fordev22.css" rel="stylesheet">
</head>

<body>
<br />
<br />
<br />
<br />
<br />
<br />
<div class="container"><!--เนื้อหา1-->
  <div class="row"><!--เปิดrow1-->
    <div id="box1" class=" col-sm-12 col-md-12">
      <table  width="100%" border="0" align="center" cellpadding="0" cellspacing="1">
        <tr>
          <td align="center" bgcolor="#FFFFFF"><p>ระบบค้นหาแบบหลายเงื่อนไขที่เป็นช่วงวันที่และช่วงตัวเลข(Multi Search ตอนที่ 2)</p></td>
        </tr>
      </table>
    </div>
  </div>
  <!--ปิดrow1--> 
</div>
<div class="container">
  <form id="form1" name="form1" class="form-horizontal" method="post" action="muli2_ok.php">
    <div class="row">
      <label class="col-xs-12 col-sm-4 col-md-4 control-label"> ชื่อสินค้า : </label>
      <div class="col-xs-12 col-sm-4 col-md-4">
        <input name="pro_name" type="text"  class="form-control" id="pro_name" >
      </div>
      * จำเป็นต้องกรอก * </div>
    <br />
    <div class="row has-success">
      <label class="col-xs-12 col-sm-4 col-md-4 control-label"> วันที่ : </label>
      <div class="col-xs-12 col-sm-4 col-md-4">
        <input name="d_s" type="date"  class="form-control" id="d_s"  autocomplete="off" maxlength="50">
      </div>
      * จำเป็นต้องกรอก * </div>
    <br />
    <div class="row has-success">
      <label class="col-xs-12 col-sm-4 col-md-4 control-label"> ถึงวันที่ : </label>
      <div class="col-xs-12 col-sm-4 col-md-4">
        <input name="d_e" type="date"  class="form-control" id="d_e"  autocomplete="off" maxlength="50">
      </div>
      * จำเป็นต้องกรอก * </div>
    <br />
    <div class="row has-error">
      <label class="col-xs-12 col-sm-4 col-md-4 control-label"> ราคา : </label>
      <div class="col-xs-12 col-sm-4 col-md-4">
        <input name="p_s" type="text" class="form-control"  autocomplete="off" maxlength="50" id="p_s">
      </div>
      * จำเป็นต้องกรอก * </div>
    <br />
    <div class="row has-error">
      <label class="col-xs-12 col-sm-4 col-md-4 control-label"> ถึงราคา : </label>
      <div class="col-xs-12 col-sm-4 col-md-4">
        <input name="p_e" type="text" class="form-control" id="p_e"  autocomplete="off" maxlength="50">
      </div>
      * จำเป็นต้องกรอก * </div>
    <br />
    <label for="" class="col-xs-12 col-sm-4 col-md-4 control-labell"></label>
    <div class="col-xs-12 col-sm-4 col-md-4">
    <button type="submit" class="btn-1 btn-primary btn-lg btn-block"><span class="glyphicon glyphicon-search"> ค้นหาข้อมูล</span></button>
  </form>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="js/jquery-1.11.2.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Multi Search</title>

</head>

<body>

<br />

<tr>

<td align="center" bgcolor="#FFFFFF"><p>ระบบค้นหาแบบหลายเงื่อนไขที่เป็นช่วงวันที่และช่วงตัวเลข(Multi Search ตอนที่ 2)</p></td>

</tr>

</table>

</div>

</div>

<label class="col-xs-12 col-sm-4 col-md-4 control-label"> ชื่อสินค้า : </label>

</div>

* จำเป็นต้องกรอก * </div>

<br />

<label class="col-xs-12 col-sm-4 col-md-4 control-label"> วันที่ : </label>

</div>

* จำเป็นต้องกรอก * </div>

<br />

<label class="col-xs-12 col-sm-4 col-md-4 control-label"> ถึงวันที่ : </label>

</div>

* จำเป็นต้องกรอก * </div>

<br />

</div>

* จำเป็นต้องกรอก * </div>

<br />

<label class="col-xs-12 col-sm-4 col-md-4 control-label"> ถึงราคา : </label>

</div>

* จำเป็นต้องกรอก * </div>

<br />

</form>

</div>

</body>

</html>

ไฟล์ saveและแสดงผล muli2_ok.php

<?php include('Connections/fordev22_db1.php');?>
<!--เชื่อมต่อไฟล์connect-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table align="center" width="50%" border="1" cellspacing="1" cellpadding="1">
  <tr>
    <td>pro_id</td>
    <td>pro_name</td>
    <td>pro_detail</td>
    <td>pro_price_cost</td>
    <td>pro_price_sale</td>
    <td>pro_qty</td>
    <td>pro_pic</td>
    <td>dateinsert</td>
  </tr>
  <?php 
echo "<pre>";
print_r($_POST);
echo "</pre>";

?>
  <?php
$pro_name = $_POST['pro_name'];
$d_s = $_POST['d_s'];//ตัวแปรวันที่เริ่มต้น
$d_e = $_POST['d_e'];//ตัวแปรวันที่สิ้นสุด
$d_s = $d_s." ".'00.00.00';//กำหนดเวลาเริ่มต้น
$d_e= $d_e." ".'23.59.59';//กำหนดเวลาสิ้นสุด

$p_s = $_POST['p_s'];//เริ่มราคา
$p_e = $_POST['p_e'];//สิ้นสุดราคา


$strsql = "
SELECT * FROM tbl_product where 
pro_name like '%".$pro_name."%' 
AND dateinsert BETWEEN '$d_s' AND '$d_e'
AND pro_price_sale BETWEEN '$p_s' AND '$p_e'

"; //คำสั่งให้เลือกข้อมูลจาก TABLE ชื่อ tbl_member โดยเรียงจาก member_id และให้เรียงลำดับจากมากไปน้อยคือ DESC
$result = mysql_query($strsql) or trigger_error(mysql_error());
while($row = mysql_fetch_array($result))  //สร้างตัวแปร $row มารับค่าจากการ fetch array
{
?>
  <tr>
    <td><?php echo $row['pro_id']; ?></td>
    <td><?php echo $row['pro_name']; ?></td>
    <td><?php echo $row['pro_detail']; ?></td>
    <td><?php echo $row['pro_price_cost']; ?></td>
    <td><?php echo $row['pro_price_sale']; ?></td>
    <td><?php echo $row['pro_qty']; ?></td>
    <td><?php echo $row['pro_pic']; ?></td>
    <td><?php echo $row['dateinsert']; ?></td>
  </tr>
  <?php }?>
  <!--//ปิด } while Loop-->
</table>
</body>
</html>

<?php include('Connections/fordev22_db1.php');?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<tr>

<td>pro_detail</td>

<td>pro_price_cost</td>

<td>pro_price_sale</td>

<td>dateinsert</td>

</tr>

<?php

echo "<pre>";

print_r($_POST);

echo "</pre>";

<?php

$pro_name = $_POST['pro_name'];

$d_s = $_POST['d_s'];//ตัวแปรวันที่เริ่มต้น

$d_e = $_POST['d_e'];//ตัวแปรวันที่สิ้นสุด

$d_s = $d_s." ".'00.00.00';//กำหนดเวลาเริ่มต้น

$d_e= $d_e." ".'23.59.59';//กำหนดเวลาสิ้นสุด

$p_s = $_POST['p_s'];//เริ่มราคา

$p_e = $_POST['p_e'];//สิ้นสุดราคา

$strsql = "

SELECT * FROM tbl_product where

pro_name like '%".$pro_name."%'

AND dateinsert BETWEEN '$d_s' AND '$d_e'

AND pro_price_sale BETWEEN '$p_s' AND '$p_e'

"; //คำสั่งให้เลือกข้อมูลจาก TABLE ชื่อ tbl_member โดยเรียงจาก member_id และให้เรียงลำดับจากมากไปน้อยคือ DESC

$result = mysql_query($strsql) or trigger_error(mysql_error());

while($row = mysql_fetch_array($result)) //สร้างตัวแปร $row มารับค่าจากการ fetch array

{

<tr>

</tr>

<?php }?>

</table>

</body>

</html>

You might also like