Author: sarinya.k

การตรวจสอบ record ซ้ำในตารางด้วย SQL Command

ในการทำฐานข้อมูล มักประกอบด้วยข้อมูลจำนวนมากมายมหาศาล บางครั้งอาจมีจำนวนที่มากเกินกว่าที่คนเราจะสามารถตรวจสอบข้อผิดพลาดด้วยตาเปล่าได้ และหนึ่งในปัญหาที่พบเห็นได้บ่อยก็คือ การมีข้อมูลซ้ำ ที่จะทำให้เกิดความซ้ำซ้อนของข้อมูล และสามารถส่งผลกระทบต่อการ select ข้อมูลที่อาจก่อให้เกิดความผิดพลาดได้ ดังนั้นการตรวจสอบ record จึงมีความจำเป็นต่องานบางประเภท ในการเขียนโค้ด SQL ที่เพื่อนับจำนวน record ซ้ำ จะใช้คำสั่งดังนี้ SELECT ชื่อcolที่ใช้เป็นเงื่อนไข , COUNT(*) count FROM ชื่อตาราง GROUP BY ชื่อcolที่ใช้เป็นเงื่อนไข Having COUNT(*) > 1 ชื่อcolที่ใช้เป็นเงื่อนไข ในที่นี้จะหมายถึง column ที่เราเลือกที่จะใช้เป็นตัวหลักในการตรวจสอบค่าซ้ำในแต่ละ record ควรจะเลือก column ที่ไม่ควรมีค่าซ้ำหรือ primary key เช่น ในฐานข้อมูลบุคคล column ที่สมควรจะเลือกใช้ในการตรวจสอบก็จะเป็น column จำพวกบัตรประชาชน เลขประจำตัว ซึ่งมักจะเป็นเลขเฉพาะที่ใช้ระบุถึงแต่ละคน ทำให้ง่ายต่อการตรวจสอบค่าซ้ำ ตัวอย่าง SELECT CITIZEN_ID , COUNT(*) count FROM […]

ใส่สีให้เว็บด้วย CSS Color

การใช้สีเป็นองค์ประกอบพื้นฐานหนึ่งในการออกแบบหน้าเว็บไซต์ให้มีความน่าสนใจ ไม่ว่าจะเป็นสีพื้นหลัง สีตัวอักษรหรือองค์ประกอบอื่นๆบนเว็บไซต์   ในการเขียนโค้ด CSS ที่ใช้ในการปรับแต่งสี จะใช้คำสั่งดังนี้ color : ค่าสี ;   คำสั่ง color นี้จะใช้เป็นตัวกำหนดค่าสีของตัวอักษร แต่ถ้าหากว่าต้องการกำหนดค่าสีขององค์ประกอบส่วนอื่นบนเว็บไซต์ จะต้องกำหนดเพิ่มว่าต้องการตั้งค่าสีให้องค์ประกอบใด เช่น ถ้าเป็นสีพื้นหลัง จะใช้คำสั่งเป็น background-color ถ้าเป็นสีตัวอักษร จะใช้คำสั่งเป็น border-color   ส่วนค่าสีที่อยู่ในคำสั่งนั้น สามารถเขียนได้ในรูปแบบต่างๆ ดังนี้ กำหนดโดยใช้ชื่อสี ซึ่งเป็น keyword ที่จะให้ค่าสี เช่น black ,skyblue ,green หรืออื่นๆ กำหนดโดยใช้ค่าสี RGB ในรูปแบบคำสั่ง rgb(R,G,B) โดยที่ค่า R แทนค่าสีแดง G แทนค่าสีเขียว B แทนค่าสีน้ำเงิน ค่าตัวแปรทั้งสามสามารถมีค่าได้ตั้งแต่ 0-255 เช่น สีแดง จะเซตเป็น rgb(255,0,0) กำหนดโดยใช้ค่าสี RGB ในรูปแบบคำสั่ง rgb(R%,G%,B%) โดยที่ค่า R แทนค่าสีแดง G แทนค่าสีเขียว B แทนค่าสีน้ำเงิน ค่าตัวแปรทั้งสามสามารถมีค่าเปอร์เซ็นต์ตั้งแต่ 0%-100% […]

การใช้ CSS Border Radius

คำสั่งใน CSS ที่เกี่ยวกับ Border จะใช้จัดการเกี่ยวกับเส้นขอบต่างๆ เช่น ขอบตาราง กรอบล้อมรอบข้อความ กรอบตามค่าเริ่มต้น หากไม่เซตอะไร กรอบนั้นจะเป็นสี่เหลี่ยมมุมฉาก แต่เราก็สามารถปรับแต่งส่วนขอบได้ใหม่เช่นกัน ด้วยคำสั่ง  Border Radius  ที่ใช้สำหรับปรับแต่งให้ขอบของวัตถุให้มีลักษณะโค้งมน ไม่เป็นเหลี่ยมมุม โค้ด css ที่ใช้ในการปรับแต่ง ใส่ทั้งหมด 3 บรรทัด ดังนี้ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; ในส่วนค่า px บนตัวคำสั่ง จะเป็นตัวกำหนดค่าความโค้งของขอบ ยิ่งค่าน้อย ขอบจะยิ่งเหลี่ยม ยิ่งค่ามาก ขอบจะยิ่งมน

การเปลี่ยนสีพื้นหลังตารางทั้งแถวให้กับ gridview

การนำเสนอข้อมูลในตารางเป็นที่นิยมในการนำเสนอข้อมูลบนเว็บไซต์ และบางครั้งในการนำเสนอก็มักจะมีการเน้นสีเพื่อเน้นข้อมูลเฉพาะแถว เช่น ข้อมูลรวม หรือหัวข้อต่างๆ เพื่อให้แถวนั้นๆดูโดดเด่นขึ้นมา ให้ง่ายต่อการสังเกตเห็น หรือบางครั้งก็อาจเพื่อความสวยงามของตาราง ในการเขียนโค้ดเพื่อเปลี่ยนสี row ของ gridview สามารถกระทำได้ดังตัวอย่าง เริ่มต้น สมมติว่าต้องการเปลี่ยนสีแถวล่างสุดของตารางนี้ให้เป็นสีม่วงอ่อน   ในไฟล์ .aspx ให้เติมคำสั่งนี้ลงไปใน gridview OnHtmlRowPrepared=”ชื่อคำสั่ง“ ตัวอย่าง   ในไฟล์ .cs เขียนโค้ดดังนี้ protected void ชื่อคำสั่ง (object sender, DevExpress.Web.ASPxGridViewTableRowEventArgs e)    {        if (e.RowType != GridViewRowType.Data) return;        string text = e.GetValue(“ชื่อ colที่จะใช้เช็คค่าเงื่อนไข“).ToString();        if (เงื่อนไข)        {            e.Row.BackColor = System.Drawing.Color.FromArgb(ค่าสี);        }    } ตัวอย่าง   ก็จะเปลี่ยนสีพื้นหลังเฉพาะแถวที่ต้องการได้ผลดังนี้

การใส่ icon/logo ลงบน title website

การตกแต่งเว็บไซต์ให้สวยงามก็เป็นสิ่งสำคัญที่ช่วยดึงดูดให้เว็บไซต์ดูน่าสนใจ ไม่เว้นแม้แต่จุดเล็กๆน้อยๆอย่างชื่อเว็บไซต์ที่แสดงบนเบราเซอร์ ซึ่งนอกจากจะใช้แสดงชื่อเว็บไซต์ได้แล้ว ในการเขียนโค้ด เราสามารถใส่รูป icon หรือ logo ลงไปประกอบชื่อเว็บไซต์ได้อีกด้วย นอกจะให้ประโยชน์ในแง่ความสวยงามแล้ว มันยังช่วยให้ผู้ใช้งานสามารถสังเกตเห็นแถบชื่อเว็บไซต์นั้นๆได้ง่ายขึ้น เนื่องจากสามารถเลือก icon ที่มีสีสันและรูปที่สะดุดตา และสามารถใส่เอกลักษณ์เฉพาะตัวลงไปได้ ซึ่งขั้นตอนในการแต่งเว็บส่วนนี้ก็ไม่ได้ยุ่งยาก รูป icon ของเว็บไซต์หลังใส่โค้ด โค้ด html ที่ใช้ <link rel=”icon” type=”image/นามสกุลไฟล์” href=”pathที่อยู่ของรูปภาพที่จะทำเป็น icon หรือ logo” /> จะใส่ภายใน tag <head>….</head> ดังตัวอย่าง code ที่ใช้ในการปรับแต่ง (กรอบสีส้ม) ในส่วนของ type นี้จะเป็นการบอกว่าไฟล์รูปภาพนั้นเป็นไฟล์สกุลใด แต่ที่แนะนำคือไฟล์ .png ซึ่งจะเหมาะสำหรับการทำเว็บไซต์ ในส่วนของรูปภาพนั้น จะต้องนำมาใส่โฟลเดอร์โปรเจคของเว็บไซต์ก่อน แล้วจึงนำ path ที่อยู่ของรูปภาพมาใส่ใน href   ซึ่งหากทำถูกตามขั้นตอนจะได้ icon มาแสดงอยู่ทางซ้ายมือของชื่อเว็บไซต์ ดังภาพ รูป icon ของเว็บไซต์หลังใส่โค้ด