PHP PDO MySQL : Free Code ระบบประเมินเว็บไซต์ พร้อมระบบรายงาน Dashboard

สวัสดีครับ ในบทความนี้ผมจะอธิบายระบบประเมินเว็บไซต์ที่แจกให้นำไปศึกษาและพัฒนาต่อนะครับ ตัวระบบเขียนขึ้นมาแบบง่ายๆ Code ดูง่าย สามารถนำไปต่อยอดเพิ่มเติมได้เช่น เพิ่ม อายุ การศึกษา รายได้ ฯลฯ ของผู้ประเมิน หรือแม้กระทั่งกำหนดให้การประเมินต้องเป็นสมาชิกเท่านั้น (ผ่านการ Login) และตัวระบบรองรับการทำงานบน PHP7 – PHP8 อีกด้วย *ศึกษาไว้ครับเผื่อได้ทำ

ขายโปรแกรม ลดสูงสุด 70%
ขายระบบสารสนเทศออนไลน์ พร้อมใช้ ราคาเบาๆ ได้โค้ดทั้งหมด นำไปต่อยอดได้
สินค้าทั้งหมด คลิก https://devbanban.com/?p=4425
ซื้อแล้วปรึกษาได้เรื่อยๆ ครับ
สนใจ inbox มาที่แฟนเพจ หรือ ☎️ 0948616709

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

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

PHP เขียนในรูปแบบ PDO
ฐานข้อมูลใช้ MySQL บนโปรแกรม phpMyAdmin
CONDITION (เงื่อนไข)
HTML
Bootstrap5
Sweet Alert
SQL Insert , AVG & CASE WHEN
กราฟแท่งโดยใช้ highcharts

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

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

1. ตารางที่ใช้ในการเก็บข้อมูล

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

3.Database (ฐานข้อมูลที่ใช้ชื่อ db_assWeb มี 2 ตารางด้วยกัน คือ ตารางเก็บข้อมูลคำถามและตารางเก็บข้อมูลการประเมิน)

-- phpMyAdmin SQL Dump
-- version 5.2.1
-- https://www.phpmyadmin.net/
--
-- Host: localhost
-- Generation Time: May 01, 2024 at 06:29 AM
-- Server version: 10.4.28-MariaDB
-- PHP Version: 8.1.17

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
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: `db_assWeb`
--
CREATE DATABASE IF NOT EXISTS `db_assWeb` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;
USE `db_assWeb`;

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

--
-- Table structure for table `tbl_question`
--

CREATE TABLE `tbl_question` (
  `id` int(11) NOT NULL,
  `questions` varchar(200) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Dumping data for table `tbl_question`
--

INSERT INTO `tbl_question` (`id`, `questions`) VALUES
(1, 'ความสวยงาม ความทันสมัย น่าสนใจของเว็บไซต์	'),
(2, 'การเลือกใช้ตัวอักษร ขนาด มีความง่ายต่อการอ่าน'),
(3, 'การเลือกใช้สีสันภายในเว็บไซต์'),
(4, 'ความถูกต้องของการทำงานของระบบ'),
(5, 'ระบบประมวลผลได้ถูกต้อง'),
(6, 'ความปลอดภัยของระบบ'),
(7, 'ความพึงพอใจภาพรวมของเว็บไซต์');

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

--
-- Table structure for table `tbl_score`
--

CREATE TABLE `tbl_score` (
  `no` int(11) NOT NULL,
  `ref_q_id` int(11) NOT NULL COMMENT 'question id',
  `score` int(11) NOT NULL,
  `dateCreate` timestamp NOT NULL DEFAULT current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_question`
--
ALTER TABLE `tbl_question`
  ADD PRIMARY KEY (`id`);

--
-- Indexes for table `tbl_score`
--
ALTER TABLE `tbl_score`
  ADD PRIMARY KEY (`no`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `tbl_question`
--
ALTER TABLE `tbl_question`
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;

--
-- AUTO_INCREMENT for table `tbl_score`
--
ALTER TABLE `tbl_score`
  MODIFY `no` int(11) NOT NULL AUTO_INCREMENT;
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 */;

-- phpMyAdmin SQL Dump

-- version 5.2.1

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

-- Host: localhost

-- Generation Time: May 01, 2024 at 06:29 AM

-- Server version: 10.4.28-MariaDB

-- PHP Version: 8.1.17

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

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

CREATE DATABASE IF NOT EXISTS `db_assWeb` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;

USE `db_assWeb`;

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

-- Table structure for table `tbl_question`

CREATE TABLE `tbl_question` (

`id` int(11) NOT NULL,

`questions` varchar(200) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

-- Dumping data for table `tbl_question`

INSERT INTO `tbl_question` (`id`, `questions`) VALUES

(1, 'ความสวยงาม ความทันสมัย น่าสนใจของเว็บไซต์ '),

(2, 'การเลือกใช้ตัวอักษร ขนาด มีความง่ายต่อการอ่าน'),

(3, 'การเลือกใช้สีสันภายในเว็บไซต์'),

(4, 'ความถูกต้องของการทำงานของระบบ'),

(5, 'ระบบประมวลผลได้ถูกต้อง'),

(6, 'ความปลอดภัยของระบบ'),

(7, 'ความพึงพอใจภาพรวมของเว็บไซต์');

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

-- Table structure for table `tbl_score`

CREATE TABLE `tbl_score` (

`no` int(11) NOT NULL,

`ref_q_id` int(11) NOT NULL COMMENT 'question id',

`score` int(11) NOT NULL,

`dateCreate` timestamp NOT NULL DEFAULT current_timestamp()

) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;

-- Indexes for dumped tables

-- Indexes for table `tbl_question`

ALTER TABLE `tbl_question`

ADD PRIMARY KEY (`id`);

-- Indexes for table `tbl_score`

ALTER TABLE `tbl_score`

ADD PRIMARY KEY (`no`);

-- AUTO_INCREMENT for dumped tables

-- AUTO_INCREMENT for table `tbl_question`

ALTER TABLE `tbl_question`

MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;

-- AUTO_INCREMENT for table `tbl_score`

ALTER TABLE `tbl_score`

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

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

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

<?php
// Turn off all error reporting
//error_reporting(0);

$servername = "localhost";
$username = "root";
$password = "";

try {
  $condb = new PDO("mysql:host=$servername;dbname=db_assWeb;charset=utf8", $username, $password);
  // set the PDO error mode to exception
  //$condb->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');


 //show error
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
?>

<?php

// Turn off all error reporting

//error_reporting(0);

$servername = "localhost";

$username = "root";

$password = "";

try {

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

// set the PDO error mode to exception

//$condb->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');

//show error

ini_set('display_errors', 1);

ini_set('display_startup_errors', 1);

error_reporting(E_ALL);

ตัวอย่าง SQL AVG หาค่าเฉลี่ยคะแนนประเมินเว็บไซต์

5. index.php หน้าแรกของระบบ แสดงหน้าฟอร์มการประเมินความพึงพอใจต่อเว็บไซต์

<?php
 //ไฟล์เชื่อมต่อฐานข้อมูล
 require_once 'condb.php';

 //คิวรี่ข้อมูลคำถาม
$queryQuestion = $condb->prepare("SELECT * FROM tbl_question order by id ASC");
$queryQuestion->execute();
$rsQ = $queryQuestion->fetchAll();
?>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ระบบประเมินเว็บไซต์ devbanban.com 2024</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!-- 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">

<style>
  input[type=radio] {
    color: currentColor;
    width: 1.20em;
    height: 1.20em;
    border: 0.20em solid currentColor;
    border-radius: 50%;
}
    </style>
  </head>
  <body>

    <div class="container-fluid" style="background-color: #e4f5ab;">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-12">
            <h1 class="text-center mt-5 mb-5">ระบบประเมินเว็บไซต์ (แจกเป็นตัวอย่างสำหรับศึกษา by devbanban.com)</h1>
          </div>
        </div>
      </div>
    </div>


      <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container">
          <a class="navbar-brand" href="index.php">หน้าหลัก</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="https://devbanban.com" target="_blank">เว็บหลัก</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="https://devbanban.com/?p=4425" target="_blank">ระบบที่มีขาย</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://www.youtube.com/playlist?list=PLEA4F1w-xYVa_M0mwy_q-PT5iR6QgnqNi" target="_blank">รวมคลิปสอน</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://www.facebook.com/sornwebsites" target="_blank">แฟนเพจ</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="report.php">รายงาน</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>


    <div class="container mt-3">
      <div class="row">
        <div class="col-sm-1"></div>
        <div class="col-sm-11">
         <h4>รายการคำถาม : คำชี้แจง : กรุณาเลือกคะแนนประเมินให้ตรงกับความต้องการของคุณมากที่สุด</h4>
         <form action="" method="post">
         <table class="table table-hover table-striped table-bordered">
           <thead>
             <tr class="table-info">
                <th rowspan="2" class="text-center" valign="middle">ข้อ</th>
                <th rowspan="2" valign="middle">คำถามประเมินเว็บไซต์</th>
                <th colspan="5" class="text-center" valign="middle">ระดับความพึงพอใจ</th>
             </tr>
             <tr class="table-info">
                <td class="text-center">1</td>
                <td class="text-center">2</td>
                <td class="text-center">3</td>
                <td class="text-center">4</td>
                <td class="text-center">5</td>
             </tr>
           </thead>
           <tbody>
              <!-- แสดงรายการประเมิน --->
         <?php $i=1; foreach ($rsQ as $row){ ?>
             <tr>
               <td align="center"><?=$i++;?></td>
               <td><?=$row['questions'];?></td>
               <td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]" required value="1"> </td>
               <td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]"  value="2"></td>
               <td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]"  value="3"></td>
               <td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]"  value="4"></td>
               <td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]"  value="5"></td>
             </tr>
              <?php } ?>
           </tbody>
         </table>
         <p align="right">   
          <button type="submit" name="btn" value="save" class="btn btn-primary" style="width: 300px;">ส่งแบบประเมิน</button>
        </p>
           </form>
      
        </div>
      </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
  </body>
</html>



<?php
//devbanban.com
// echo '<pre>';
// print_r($_POST);
// exit();
if (isset($_POST['Qno']) && isset($_POST['btn']) && $_POST['btn']=='save') {
  # code...

  //sql insert
                  $stmt = $condb->prepare("INSERT INTO tbl_score 
                    (ref_q_id, score)
                    VALUES 
                    (:ref_q_id, :score)");
 
                  //แยก key & value ด้วย foreach
                foreach ($_POST['Qno'] as $ref_q_id => $score){
                  $stmt->bindParam(':ref_q_id', $ref_q_id , PDO::PARAM_INT);
                  $stmt->bindParam(':score', $score , PDO::PARAM_INT);
                  $result = $stmt->execute();
                  $condb = null; //close connect db
                }

                if($result){
                  echo '<script>
                           setTimeout(function() {
                            swal({
                                title: "บันทึกการประเมินสำเร็จ",
                                text: "คลิก Ok เพื่อไปหน้าแสดงรายงาน",
                                type: "success"
                            }, function() {
                                window.location = "report.php?act=report"; //หน้าที่ต้องการให้กระโดดไป
                            });
                          }, 1000);
                      </script>';
                  }else{
                     echo '<script>
                           setTimeout(function() {
                            swal({
                                title: "เกิดข้อผิดพลาด",
                                type: "error"
                            }, function() {
                                window.location = "index.php"; //หน้าที่ต้องการให้กระโดดไป
                            });
                          }, 1000);
                      </script>';
                  } //else result
  } //isset devbanban.com 2024


  /*
 ระบบพร้อมใช้ ราคาเบาๆ เอาไปต่อยอดได้ ยอดได้อีก  
 รายละเอียด :  https://devbanban.com/?p=4425

 สนใจทักมาที่ https://www.facebook.com/sornwebsites

 */
 ?>

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

180

181

182

183

<?php

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

require_once 'condb.php';

//คิวรี่ข้อมูลคำถาม

$queryQuestion = $condb->prepare("SELECT * FROM tbl_question order by id ASC");

$queryQuestion->execute();

$rsQ = $queryQuestion->fetchAll();

<!doctype html>

<head>

<title>ระบบประเมินเว็บไซต์ devbanban.com 2024</title>

<style>

input[type=radio] {

color: currentColor;

width: 1.20em;

height: 1.20em;

border: 0.20em solid currentColor;

border-radius: 50%;

}

</style>

</head>

<body>

<h1 class="text-center mt-5 mb-5">ระบบประเมินเว็บไซต์ (แจกเป็นตัวอย่างสำหรับศึกษา by devbanban.com)</h1>

</div>

<a class="navbar-brand" href="index.php">หน้าหลัก</a>

</button>

<a class="nav-link active" aria-current="page" href="https://devbanban.com" target="_blank">เว็บหลัก</a>

</li>

<a class="nav-link active" aria-current="page" href="https://devbanban.com/?p=4425" target="_blank">ระบบที่มีขาย</a>

</li>

<a class="nav-link" href="https://www.youtube.com/playlist?list=PLEA4F1w-xYVa_M0mwy_q-PT5iR6QgnqNi" target="_blank">รวมคลิปสอน</a>

</li>

<a class="nav-link" href="https://www.facebook.com/sornwebsites" target="_blank">แฟนเพจ</a>

</li>

<a class="nav-link" href="report.php">รายงาน</a>

</li>

</ul>

</div>

</nav>

<h4>รายการคำถาม : คำชี้แจง : กรุณาเลือกคะแนนประเมินให้ตรงกับความต้องการของคุณมากที่สุด</h4>

<thead>

<th rowspan="2" valign="middle">คำถามประเมินเว็บไซต์</th>

<th colspan="5" class="text-center" valign="middle">ระดับความพึงพอใจ</th>

</tr>

</tr>

</thead>

<tbody>

<?php $i=1; foreach ($rsQ as $row){ ?>

<tr>

<td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]" required value="1"> </td>

<td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]" value="2"></td>

<td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]" value="3"></td>

<td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]" value="4"></td>

<td align="center"><input type="radio" name="Qno[<?=$row['id'];?>]" value="5"></td>

</tr>

<?php } ?>

</tbody>

</table>

<button type="submit" name="btn" value="save" class="btn btn-primary" style="width: 300px;">ส่งแบบประเมิน</button>

</p>

</form>

</div>

</body>

</html>

<?php

//devbanban.com

// echo '<pre>';

// print_r($_POST);

// exit();

if (isset($_POST['Qno']) && isset($_POST['btn']) && $_POST['btn']=='save') {

# code...

//sql insert

$stmt = $condb->prepare("INSERT INTO tbl_score

(ref_q_id, score)

VALUES

(:ref_q_id, :score)");

//แยก key & value ด้วย foreach

foreach ($_POST['Qno'] as $ref_q_id => $score){

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

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

$result = $stmt->execute();

$condb = null; //close connect db

}

if($result){

echo '<script>

setTimeout(function() {

swal({

title: "บันทึกการประเมินสำเร็จ",

text: "คลิก Ok เพื่อไปหน้าแสดงรายงาน",

type: "success"

}, function() {

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

});

}, 1000);

</script>';

}else{

echo '<script>

setTimeout(function() {

swal({

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

type: "error"

}, function() {

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

});

}, 1000);

</script>';

} //else result

} //isset devbanban.com 2024

ระบบพร้อมใช้ ราคาเบาๆ เอาไปต่อยอดได้ ยอดได้อีก

รายละเอียด : https://devbanban.com/?p=4425

สนใจทักมาที่ https://www.facebook.com/sornwebsites

ขอแนะนำระบบสอนออนไลน์ (รายละเอียดใต้คลิป)

6.หน้าแสดงรายงาน (Report) แสดงกราฟแท่งแสดงการประเมินแยกตามวัน และการแปลผลคะแนนประเมินโดยการใช้ค่าเฉลี่ย

<?php
 //ไฟล์เชื่อมต่อฐานข้อมูล
 require_once 'condb.php';
//คิวรี่รายงาน
$queryRpt = $condb->prepare("
SELECT q.id, s.ref_q_id, q.questions, FORMAT(AVG(s.score),2) as avgScore,
  CASE 
      WHEN AVG(s.score) > 4.50  THEN 'มากที่สุด'
        WHEN AVG(s.score) >= 3.50  THEN 'มาก'
        WHEN AVG(s.score) >= 2.50  THEN 'ปานกลาง'
        WHEN AVG(s.score) >= 2.00  THEN 'น้อย'
    ELSE 'ต้องปรับปรุง'
    END AS results
FROM tbl_score as s 
INNER JOIN tbl_question as q ON s.ref_q_id=q.id  
GROUP BY s.ref_q_id 
ORDER by s.ref_q_id asc
");
$queryRpt->execute();
$rst = $queryRpt->fetchAll();

//จำนวนการตอบคำถาม ครั้ง
$queryCoad = $condb->prepare("SELECT FORMAT(COUNT(no)/7,0) as CountAssessor FROM tbl_score;");
$queryCoad->execute();
$rowc = $queryCoad->fetch(PDO::FETCH_ASSOC);

//report chart

//คิวรี่ข้อมูลหาผมรวมยอดขายโดยใช้ SQL SUM
$stmt = $condb->prepare("SELECT DATE_FORMAT(dateCreate,'%d/%m/%Y') as datesave,  
  COUNT(*)/7 as total 
FROM tbl_score 
GROUP BY DATE_FORMAT(dateCreate,'%Y-%m-%d')
ORDER BY DATE_FORMAT(dateCreate,'%Y-%m-%d') DESC");
$stmt->execute();
$result = $stmt->fetchAll();

//นำข้อมูลที่ได้จากคิวรี่มากำหนดรูปแบบข้อมุลให้ถูกโครงสร้างของกราฟที่ใช้ *อ่าน docs เพิ่มเติม
      $report_data = array();
foreach ($result as $rs) {
/*
โครงสร้างข้อมูลของกราฟ
    {
    name: "Chrome",
    y: 62.74,
    drilldown: "Chrome"
    },
*/
//ทำข้อมูลให้ถูกโครงสร้างก่อนนำไปแสดงในกราฟ docs : https://www.highcharts.com/demo/column-drilldown
$report_data[]= '
{
  name:'.'"'.$rs['datesave'].'"'.',' //label
.'y:'.$rs['total']. //ตัวเลขยอดขาย
','
.'drilldown:'.'"'.$rs['datesave'].'"'.',' //label ด้านล่าง
.'}';
}
//ตัด , ตัวสุดท้ายออก
$report_data = implode(",", $report_data);

?>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ระบบประเมินเว็บไซต์ devbanban.com 2024</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

     <!-- call js -->
   <!-- highcharts -->
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/data.js"></script>
    <script src="https://code.highcharts.com/modules/drilldown.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/export-data.js"></script>
    <script src="https://code.highcharts.com/modules/accessibility.js"></script>

<style>
    .highcharts-figure,
    .highcharts-data-table table {
    min-width: 310px;
    max-width: 100%;
    margin: 1em auto;
    }
    #container {
    height: 250px;
    }
    #container2 {
    height: 380px;
    }
    .highcharts-drilldown-data-label text{
      text-decoration:none !important;
    }
    .highcharts-drilldown-axis-label{
      text-decoration:none !important;
    }
    </style>

  </head>
  <body>

    <div class="container-fluid" style="background-color: #e4f5ab;">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-12">
            <h1 class="text-center mt-5 mb-5">ระบบประเมินเว็บไซต์ (แจกเป็นตัวอย่างสำหรับศึกษา by devbanban.com)</h1>
          </div>
        </div>
      </div>
    </div>


      <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container">
          <a class="navbar-brand" href="index.php">กลับหน้าหลัก</a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="https://devbanban.com" target="_blank">เว็บหลัก</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="https://devbanban.com/?p=4425" target="_blank">ระบบที่มีขาย</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://www.youtube.com/playlist?list=PLEA4F1w-xYVa_M0mwy_q-PT5iR6QgnqNi" target="_blank">รวมคลิปสอน</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://www.facebook.com/sornwebsites" target="_blank">แฟนเพจ</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="report.php">รายงาน</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>


    <div class="container mt-3">
      <div class="row">
        <div class="col-sm-12">
          <figure class="highcharts-figure">
            <div id="container"></div>
            <p class="highcharts-description">.</p>
          </figure>
          <script>
            // Create the chart
          Highcharts.chart('container', {
          chart: {
          type: 'column'
          },
          title: {
          text: 'จำนวนการทำแบบประเมินแยกตามวัน'
          },
          subtitle: {
          text: 'รวมทั้งสิ้น <?=$rowc['CountAssessor'];?> ครั้ง '
          },
          accessibility: {
          announceNewData: {
          enabled: true
          }
          },
          xAxis: {
          type: 'category'
          },
          yAxis: {
          title: {
          text: 'จำนวนการประเมินเว็บไซต์'
          }
          },
          legend: {
          enabled: false
          },
          plotOptions: {
          series: {
          borderWidth: 0,
          dataLabels: {
          enabled: true,
          format: '{point.y:.0f} ครั้ง'
          }
          }
          },
          tooltip: {
          headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
          pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.0f} ครั้ง</b> of total<br/>'
          },
          series: [
          {
          name: "จำนวนการประเมินเว็บไซต์",
          colorByPoint: true,
          //เอาข้อมูลมา echo ตรงนี้
          data: [<?= $report_data;?>]
          }
          ]
          });
          </script>
         <h4>แปลผลการทำแบบประเมิน  </h4>

          <table class="table table-hover table-striped table-bordered">
           <thead>
             <tr class="table-info">
                <th class="text-center" width="5%">ข้อ</th>
                <th width="60%">คำถามประเมินเว็บไซต์</th>
                <th class="text-center" width="15%">คะแนน(เฉลี่ย)</th>
                <th class="text-center" width="15%">ระดับความพึงพอใจ</th>
             </tr>
           </thead>
           <tbody>
         <?php foreach ($rst as $row){ ?>
             <tr>
               <td align="center"><?=$row['id'];?></td>
               <td><?=$row['questions'];?></td>
               <td align="center"><?=$row['avgScore'];?></td>
               <td align="center"><?=$row['results'];?></td>
             </tr>
              <?php } ?>
           </tbody>
         </table>
         
        </div>
      </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>

<!-- devbanban.com 2024


  
  /*
 ระบบพร้อมใช้ ราคาเบาๆ เอาไปต่อยอดได้ ยอดได้อีก  
 รายละเอียด :  https://devbanban.com/?p=4425

 สนใจทักมาที่ https://www.facebook.com/sornwebsites

 */

 -->

  </body>
</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

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

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

<?php

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

require_once 'condb.php';

//คิวรี่รายงาน

$queryRpt = $condb->prepare("

SELECT q.id, s.ref_q_id, q.questions, FORMAT(AVG(s.score),2) as avgScore,

CASE

WHEN AVG(s.score) > 4.50 THEN 'มากที่สุด'

WHEN AVG(s.score) >= 3.50 THEN 'มาก'

WHEN AVG(s.score) >= 2.50 THEN 'ปานกลาง'

WHEN AVG(s.score) >= 2.00 THEN 'น้อย'

ELSE 'ต้องปรับปรุง'

END AS results

FROM tbl_score as s

INNER JOIN tbl_question as q ON s.ref_q_id=q.id

GROUP BY s.ref_q_id

ORDER by s.ref_q_id asc

");

$queryRpt->execute();

$rst = $queryRpt->fetchAll();

//จำนวนการตอบคำถาม ครั้ง

$queryCoad = $condb->prepare("SELECT FORMAT(COUNT(no)/7,0) as CountAssessor FROM tbl_score;");

$queryCoad->execute();

$rowc = $queryCoad->fetch(PDO::FETCH_ASSOC);

//report chart

//คิวรี่ข้อมูลหาผมรวมยอดขายโดยใช้ SQL SUM

$stmt = $condb->prepare("SELECT DATE_FORMAT(dateCreate,'%d/%m/%Y') as datesave,

COUNT(*)/7 as total

FROM tbl_score

GROUP BY DATE_FORMAT(dateCreate,'%Y-%m-%d')

ORDER BY DATE_FORMAT(dateCreate,'%Y-%m-%d') DESC");

$stmt->execute();

$result = $stmt->fetchAll();

//นำข้อมูลที่ได้จากคิวรี่มากำหนดรูปแบบข้อมุลให้ถูกโครงสร้างของกราฟที่ใช้ *อ่าน docs เพิ่มเติม

$report_data = array();

foreach ($result as $rs) {

โครงสร้างข้อมูลของกราฟ

{

name: "Chrome",

y: 62.74,

drilldown: "Chrome"

//ทำข้อมูลให้ถูกโครงสร้างก่อนนำไปแสดงในกราฟ docs : https://www.highcharts.com/demo/column-drilldown

$report_data[]= '

{

name:'.'"'.$rs['datesave'].'"'.',' //label

.'y:'.$rs['total']. //ตัวเลขยอดขาย

','

.'drilldown:'.'"'.$rs['datesave'].'"'.',' //label ด้านล่าง

.'}';

}

//ตัด , ตัวสุดท้ายออก

$report_data = implode(",", $report_data);

<!doctype html>

<head>

<title>ระบบประเมินเว็บไซต์ devbanban.com 2024</title>

<style>

.highcharts-figure,

.highcharts-data-table table {

min-width: 310px;

max-width: 100%;

margin: 1em auto;

}

#container {

height: 250px;

}

#container2 {

height: 380px;

}

.highcharts-drilldown-data-label text{

text-decoration:none !important;

}

.highcharts-drilldown-axis-label{

text-decoration:none !important;

}

</style>

</head>

<body>

<h1 class="text-center mt-5 mb-5">ระบบประเมินเว็บไซต์ (แจกเป็นตัวอย่างสำหรับศึกษา by devbanban.com)</h1>

</div>

<a class="navbar-brand" href="index.php">กลับหน้าหลัก</a>

</button>

<a class="nav-link active" aria-current="page" href="https://devbanban.com" target="_blank">เว็บหลัก</a>

</li>

<a class="nav-link active" aria-current="page" href="https://devbanban.com/?p=4425" target="_blank">ระบบที่มีขาย</a>

</li>

<a class="nav-link" href="https://www.youtube.com/playlist?list=PLEA4F1w-xYVa_M0mwy_q-PT5iR6QgnqNi" target="_blank">รวมคลิปสอน</a>

</li>

<a class="nav-link" href="https://www.facebook.com/sornwebsites" target="_blank">แฟนเพจ</a>

</li>

<a class="nav-link" href="report.php">รายงาน</a>

</li>

</ul>

</div>

</nav>

</figure>

// Create the chart

Highcharts.chart('container', {

chart: {

type: 'column'

title: {

text: 'จำนวนการทำแบบประเมินแยกตามวัน'

subtitle: {

text: 'รวมทั้งสิ้น <?=$rowc['CountAssessor'];?> ครั้ง '

accessibility: {

announceNewData: {

enabled: true

}

xAxis: {

type: 'category'

yAxis: {

title: {

text: 'จำนวนการประเมินเว็บไซต์'

}

legend: {

enabled: false

plotOptions: {

series: {

borderWidth: 0,

dataLabels: {

enabled: true,

format: '{point.y:.0f} ครั้ง'

}

tooltip: {

headerFormat: '<span style="font-size:11px">{series.name}</span><br>',

pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.0f} ครั้ง</b> of total<br/>'

series: [

{

name: "จำนวนการประเมินเว็บไซต์",

colorByPoint: true,

//เอาข้อมูลมา echo ตรงนี้

data: [<?= $report_data;?>]

}

]

});

</script>

<h4>แปลผลการทำแบบประเมิน </h4>

<thead>

<th width="60%">คำถามประเมินเว็บไซต์</th>

<th class="text-center" width="15%">คะแนน(เฉลี่ย)</th>

<th class="text-center" width="15%">ระดับความพึงพอใจ</th>

</tr>

</thead>

<tbody>

<?php foreach ($rst as $row){ ?>

<tr>

</tr>

<?php } ?>

</tbody>

</table>

</div>

<!-- devbanban.com 2024

ระบบพร้อมใช้ ราคาเบาๆ เอาไปต่อยอดได้ ยอดได้อีก

รายละเอียด : https://devbanban.com/?p=4425

สนใจทักมาที่ https://www.facebook.com/sornwebsites

-->

</body>

</html>

7. demo คลิก…

8. Hosting ปีละ 1200 บาท คลิก

ระบบพร้อมใช้ทั้งหมด คลิก

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

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

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

devbanban

PHP PDO MySQL : Free Code ระบบประเมินเว็บไซต์ พร้อมระบบรายงาน Dashboard

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