บทความนี้จะ
สอนเขียนโค๊ด จัดการกับหมวดหมู่กระทู้ของ
Webboard กันครับ เพื่อนำข้อมูลของหมวดกระทู้ มาแสดงผลในหน้าเว็บหลัก หรือหน้าโฮมเพจของเรานั่นเอง ตามที่ผมได้ออกแบบไว้ตั้งแต่ตอนที่ 1 บทความนี้จะ
สอนในส่วนของการ เพิ่ม ,ลบ,แก้ไข ,แสดงหมวดกระทู้ ซึ่งจะเป็นส่วนจัดการของผู้ดูแลระบบ สมาชิกไม่สามารถเข้ามาจัดการในส่วนนี้ได้
1.เริ่มกันที่ไฟล์แรกคือ ไฟล์
category_add.php เป็นไฟล์สำหรับให้แอดมินเพิ่มข้อมูลหมวดกระทู้ ให้สร้างไฟล์นี้ไว้ตำแหน่งเดียวกับไฟล์ index.php ให้พิมพ์คำสั่งดังนี้
<?php
session_start();
require('check_admin.php');
if(!empty($_POST['btSave'])){//มีการคลิกที่ปุ่มบันทึก
require('bin/connectdb.php');//เรียกไฟล์เชื่อมต่อกับฐานข้อมูล
$msgError='';
if(!empty($_POST['cg_name'])){
$cg_name=$_POST['cg_name'];//ชื่อหมวด
$cg_des=$_POST['cg_des'];//คำอธิบายหมวด
$cg_order=$_POST['cg_order'];//เรียงลำดับการแสดงผล
mysql_query("INSERT INTO tbl_category(cg_name,cg_des,cg_order) VALUES('$cg_name','$cg_des','$cg_order')");
}else{
$msgError.="กรุณากรอกชื่อหมวดกระทู้ด้วย <br>";
}
if(empty($msgError)){
//หากสมาชิกพิมพ์ข้อมูลถูกต้อง ให้Redirect หน้าไปที่ไฟล์ category.php
header("Location:category.php");
}else{
//หากกรอกข้อมูลไม่ถูกต้อง ให้สร้างตัวแปร session มารับค่าเพื่อแจ้งให้ทราบถึงปัญหาที่เกิดขึ้น
$_SESSION['message_error']=$msgError;
}
}
?>
<html>
<head>
<?php require('head.php'); ?>
<link rel="stylesheet" type="text/css" href="btvalidate/dist/css/bootstrapValidator.min.css"/>
<script type="text/javascript" src="btvalidate/dist/js/bootstrapValidator.min.js"></script>
<title>เพิ่มหมวดกระทู้</title>
</head>
<body>
<?php require('menu.php'); ?>
<div class="container">
<?php require('header.php'); ?>
<div class="row ws-content">
<div class="col-md-4 col-sm-4 col-md-offset-4 col-sm-offset-4">
<h1>เพิ่มหมวดกระทู้</h1>
<?php
if (!empty($_SESSION['message_error'])) {
//แสดงปัญที่เกิดขึ้นจากการไม่กรอกชื่อหมวดกระทู้
?>
<div class="alert alert-danger" role="alert">
<?php echo $_SESSION['message_error']; ?>
</div>
<?php
$_SESSION['message_error'] = '';
}
?>
<form method="post" enctype="multipart/form-data" id="categoryForm" name="categoryForm" action="">
<div class="form-group">
<label for="Category Name">ชื่อหมวดกระทู้</label>
<input type="text" class="form-control" id="cg_name" name="cg_name" placeholder="ชื่อหมวดกระทู้">
</div>
<div class="form-group">
<label for="Category Description">คำอธิบาย</label>
<textarea class="form-control" id="cg_des" name="cg_des" placeholder="คำอธิบายหมวดกระทู้" rows="5"></textarea>
</div>
<div class="form-group">
<label for="Category Order">เรียงลำดับ</label>
<input type="text" class="form-control" id="cg_order" name="cg_order" style="width:20%;" value="1">
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary" name="btSave" value="บันทึก" >
</div>
</form>
</div>
</div>
<?php require('footer.php'); ?>
</div>
<script>
$(document).ready(function() {//คำสั่งเช็ค การกรอกชื่อหมวดกระทู้ ภาษา Javascript โดยใช้ BootstrapValidator ปลั๊กอิน
$('#categoryForm').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
cg_name: {
validators: {
notEmpty: {
message: 'กรุณากรอก ชื่อหมวดกระทู้ ด้วย'
}
}
}
}
});
});
</script>
</body>
</html>
