A-AA+then

จากที่ผมบอกแล้วว่า ผมใช้ฐานข้อมูล Text ข้อดีของการใช้ฐานข้อมูล Text คือติดตั้งง่าย ไม่ต้องมี Setup ครับ แค่เขียนโปรแกรมให้ อ่าน-เขียนไฟล์ก็ได้แล้ว นอกจากนี้ผมยังสมารถควบคุมขนาดของฐานข้อมูลได้ง่ายด้วย

ในตอนแรกผมได้ออกแบบส่วนหน้าตาไว้แล้ว แต่ยังไม่ได้ออกแบบการแสดงผลข้อมูล ผมก็เลยมาทำการออกแบบข้อมูลที่จะเขียนลงในฐานข้อมูลก่อน โดยทำการจัดรูปแบบของฐานข้อมูลเพื่อให้แสดงผลได้ทันที ข้อมูลที่ผมใช้เพื่อให้แสดงผลได้ทันทีมีรูปแบบดังนี้ครับ

<div id=shout_in><cite>goragod</cite> <b>:</b> <d>19-01-50 09:17</d><dl>ใช้ Netscap</dl></div>
และด้วยการกำหนดรูปแบบการแสดงผลในไฟล์ style.css ดังนี้

#shout_content #shout_in {
  background-color: #F6F6F6;
  width: 159px;
  height: 46px;
  display: block;
  margin: 1px;
  padding: 3px;
}
#shout_in cite {
  font-size: 120%;
  color: orange;
  font-style: normal;
  font-weight: bold;
  text-align: left;
}
#shout_in d {
  color: #666666;
}
#shout_in dl {
  text-align: right;
  margin: 2px 0 0 0;
  border-left: 3px solid #CF6A12;
}

ผลออกมาดังรูปข้างล่าง นี่แหละครับ



นอกจากนี้ ข้อมูลนี้ยังนำไปใช้แสดงผลใน shoutlist.php ได้ทันที ด้วยการกำหนด Style ให้แตกต่างกันครับ

ในการกำหนดรูปแบบการแสดงผลไว้ก่อนหน้าทำให้เมื่อเราเรียกข้อมูลมาแสดง เราสามารถกำหนดการแสดงผลได้ทันที โดยที่ไม่ต้องมาจัดรูปแบบอีกครั้งให้เสียเวลาครับ

เป็นอันว่าเราได้กำหนดรูปร่างหน้าตาของ Shout box ไว้เรียบร้อยแล้ว ที่เหลือก็จะเป็นส่วนของ AJAX ในการบันทึก และ อ่านข้อมูลมาแสดง ซึ่งผมจะมากล่าวถึงในตอนต่อไปครับ

AJAX

Relate

^