|
 |
|
อยากได้เพจ Human Resources ครับใครพอมีหรือให้คำแนะนำได้บ้างครับ |
|
 |
|
|
 |
 |
|
หมายถึงแบบสำเร็จรูป ?
|
 |
 |
 |
 |
Date :
2015-12-04 16:20:00 |
By :
progamer2000 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
มันก็การทำ php
select insert update delete ธรรมดา หน้าตาก็ จัด ใน html ปกติ
มันเบสิกๆ อะครับ
|
 |
 |
 |
 |
Date :
2015-12-04 16:24:31 |
By :
progamer2000 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
หน้าตาก็ อยู่ที่ การจัดวาง layout แล้วละครับ
แล้ว พอได้หน้าตาแล้ว ก็ มาถึงตอน ดึงข้อมูล เอามาวนให้ได้ตามที่ต้องการ
|
 |
 |
 |
 |
Date :
2015-12-04 16:57:00 |
By :
progamer2000 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แนะนำใช้ bootstrap ครับ มี พวก block layout ไว้ให้ ศึกษาไว้ก็ดีครับ
|
 |
 |
 |
 |
Date :
2015-12-04 16:57:44 |
By :
progamer2000 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
แนะนำ class thumbnail
แล้วเขียน css ตัด border ออก
|
 |
 |
 |
 |
Date :
2015-12-04 17:33:44 |
By :
progamer2000 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<?php
while($row = $qr->fetch_assoc()):
?>
<div class="">
.....
.....
</div>
<?php
endwhile;
?>
|
 |
 |
 |
 |
Date :
2015-12-05 08:19:29 |
By :
NewbiePHP |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
หรือว่าต้องปรับใช้จากอันนี้ครับ https://www.thaicreate.com/php/php-mysql-multiple-column.html
พอลองเอามาปรับใช้ดูแล้วมันกลายเป็นแบบนี้อ่ะครับ

Code (PHP)
<section id="resources-2" class="articles-inside blog">
<div class="container english">
<!--2 row: Content-->
<div class="row">
<!--Title-->
<div class="col-md-12">
<div class="row">
<div class="head-title">
<h3>Human Resources</h3><a href="hr_upload.php"><span class="glyphicon glyphicon-plus" style="align:right"></span></a>
</div>
</div>
</div>
</div>
<?php
$strSQL = "SELECT * FROM hr order by hr_id ASC";
$objQuery = mysqli_query($con,$strSQL) or die ("Error Query [".$strSQL."]");
echo"<table border=\"1\" cellspacing=\"1\" cellpadding=\"1\"><tr>";
$intRows = 0;
while($objResult = mysqli_fetch_array($objQuery)){
echo "<td>";
$intRows++;
?>
<div class="row">
<!--Resources: Column1-->
<div class="col-md-12 col-sm-12 right-news">
<div class="row margin-frame eng-content">
<div class="blog-list frame">
<!--row:1-->
<div class="row">
<div class="col-md-4 content-box">
<div class="detail wrap">
<div class="row box-p">
<h4><?php echo $objResult["hr_name"]; ?></h4>
</div>
<div class="left-list">
<div class="photo recent-item auto-width" style="height:400px;">
<img src="img/hr/<?php echo $objResult["hr_img"];?>" alt="example-male" width="305" height="400" />
<div class="details"></div>
</div>
</div>
<!--View all Button-->
<div class="row box-p">
<p>ตำแหน่ง : <?php echo $objResult["hr_posi"];?></p>
<p><a href="hr_edit.php?hr_id=<?php echo $objResult["hr_id"];?>">แก้ไข</a>
<a href="hr_delete.php?hr_id=<?php echo $objResult["hr_id"];?>"
onClick="return confirm('ต้องการที่จะลบหรือไม่?')">ลบ</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
echo"</td>";
if(($intRows)%3==0)
{
echo"</tr>";
}
}
echo"</tr></table>";
?>
</div>
</section>
|
ประวัติการแก้ไข 2015-12-12 23:35:40
 |
 |
 |
 |
Date :
2015-12-12 23:22:39 |
By :
zadstoms |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ใน loop ใช้ col-md-4 ไง
|
 |
 |
 |
 |
Date :
2015-12-13 01:03:05 |
By :
progamer2000 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<div class="container">
<div class="row">
while($objResult = mysqli_fetch_array($objQuery)){
<div class="col-lg-4">
...
</div>
}
</div>
</div>
เอา table tr td ท่านโยนทิ้งไปเลยครับ
|
 |
 |
 |
 |
Date :
2015-12-13 18:03:21 |
By :
noMerzy |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 02
|