Get Adobe Flash player

chatchai

การสร้าง chart.js บน ionic 4

  • เข้าไปที่โฟลเดอร์ที่บันทึกไฟล์ ionic ไว้ ทำการลง chart.js

 

  • นำโค้ดตัวอย่างไปใส่ไว้ที่หน้าที่ทำการเพิ่ม charts ไฟล์ .ts (typescripts)

  • ngOnInit เป็นการสั่งให้ทำงาน function ก่อนทำการโหลด page

 

  • จากนั้นกลับไปยังหน้าไฟล์ .html เพื่อเรียกใช้ฟังชั่นก์ charts เรียกเป็นในรูปแบบอ้างอิง id

 

  • ทำการ save เพื่อ compile code

การใส่ Icon ใน Linkbutton :asp

asp:Linkbutton นั้นเป็นปุ่มเครื่องมือที่ติดตั้งมาเป็นเครื่องมือพื้นฐานใน Visual Studio ซึ่งจะแตกต่างจาก asp:Button ปกตินั่นคือ asp:Linkbutton นั้นจะสามารถใส่รูปหรือไอคอนลงไปในปุ่มได้

ตัวอย่างการใส่ Icon ใน asp:Linkbutton

นำ CDN ของ Framework ที่จะใช้ มาใส่ไว้ที่ส่วน Header ของเว็บไซต์

ในตัวอย่างจะใช้ Icon Font awesome 

  • สร้างปุ่ม Linkbutton

 

  • เลือกไอคอนที่ต้องการใช้จาก Icon Font awesome

  • จากนั้นนำมาวางใน asp:Linkbutton

  • จากนั้นจึงจะได้ปุ่มที่มีไอคอน

HTML 5 canvas คืออะไร

HTML5 Canvas เป็นหนึ่งใน feature ที่มีคุณสมบัติทางด้านกราฟฟิคที่มาพร้อมกับ HTML5 ซึ่ง Canvas element นี่แหละมันอาจจะเป็นพระเอกของ HTML5 เพราะเจ้ากราฟฟิกตัวนี้ มันสามารถทำให้คุณสามารถสร้างระบบต่างๆ ที่คุณต้องการขึ้นมา ไม่ว่าจะเป็นระบบเกมส์ หรือโปรแกรมวาดภาพบนเว็บ ที่รองรับทุก platform

Canvas เป็น Element หนึ่งใน HTML5 เหมือนอย่าง <img> หรือ <a> โดยใน <img> หรือ <a> จะมี attributes เช่น src และ href แต่ใน <canvas> จะมีเพียงแค่ 2 attributes คือ width และ height (ความกว้างและความสูงของ Canvas) เท่านั้น

ข้อดีของ แท็ก Canvas
    ช่วยเปลี่ยนลูกเล่นการแสดงผลของเว็บเพจไปอีกมากเดิมที HTML เป็นการวาดออบเจคต์ (เช่น ข้อความ รูป กล่องข้อความ ฯลฯ) ขึ้นมาเป็นหน้าจอ และสามารถตกแต่งออบเจคต์แต่ละตัวได้ในระดับหนึ่งผ่าน CSS (เช่น ใส่สีพื้น วาดเส้นขอบ ทำมุมโค้ง) แต่ในภาพรวม HTML ยังไม่สามารถแสดงกราฟิกแบบราสเตอร์ (raster) ได้ด้วยตัวมันเอง ต้องทำภาพมาแปะอีกทอดหนึ่ง แท็ก canvas ที่ถูกเพิ่มเข้ามาช่วยให้เราสามารถ “วาดภาพ” ลงบนเว็บเพจได้โดยตรง โดยขอบเขตของภาพที่วาดก็จะอยู่ในออบเจคต์ชื่อ canvas นั่นเอง
   ลักษณะของ canvas แตกต่างจากภาพชนิดอื่นๆ คือ มันไม่ได้จะแสดงได้เป็นภาพนิ่งเท่านั้น แต่มันสามารถเป็นภาพเคลื่อนไหวได้ด้วย และก็ไม่ได้เกิดจากการเรียกไฟล์ภาพขึ้นมาแสดงตรงๆ แต่เป็นการสั่งโดย javascript ทุกๆเส้นหรือทุกๆจุด และทุกๆการเคลื่อนไหวที่เกิดภายใต้ <canvas> เกิดจากการสั่งงานโดย javascript ทั้งสิ้น แล้วนำเข้ามาโชว์ด้วยการเรียกผ่าน id ของ <canvas> เข้าไป

การใช้งาน HTML 5 canvas เบื้องต้น

เริ่มแรกทำการสร้างไฟล์ HTML ขึ้นมา ผมทำการตั้งชื่อ ว่า index.html และมี element <canvas> ดังตัวอย่าง


จากนั้นลิงค์สคริปไปยังไฟล์ JavaScript ของเรา โดยทำการตั้งชื่อว่า main.js

ตัวอย่างการทำ Canvas

ผลที่ได้ก็จะเหมือนๆกับเราสร้าง Element DIV แต่ว่าความสามารถของ Canvas นั้นมันมีมากกว่า และถ้าคลิกขวาที่ Canvas เราสามารถที่จะ Save ออกมาเป็น Image ได้ด้วยนะครับ

วิธีการใช้ FTP-Simple บน VScode

ftp-simple เป็น Extensions ที่ไว้ใช้ Remote FTP ไปยังเครื่องเซิฟเวอร์

 

ขั้นตอนการติดตั้งไปที่เมนู Extensions ทางด้านซ้ายมือ

 

Search คำว่า ftp-simple ถ้าเจอแล้วกด Install

 

จากนั้นกด F1 จะปรากฏหน้าต่างดังรูปด้านล่างขึ้นมา

จากนั้นเลือก FTP connection setting แล้วจะปรากฏหน้าดังกล่าวขึ้นมา

จากนั้นให้ทำการ setting เพื่อที่จะใช้งาน FTP-simple

{
“name”: “my server2”,          // ชื่อ(ตั้งชื่ออะไรก็ได้)
“host”: “127.0.0.1”,                // IP Address ของเครื่องเซิฟเวอร์
“port”: 22,                              // Port SSH
“type”: “sftp”,                        // ใส่ sftp (Secured File Transfer protocol) หรือ ftp (File Transfer protocol)
“username”: “id”,                 // username ที่ใช้ login บนเครื่อง Server
“password”: “password”,   // password ที่ใช้ login บนเครื่อง Server
“path” : “/”,                          // path file ที่ต้องการเข้าถึงบนเครื่อง Server
“autosave” : false                // true จะเป็นการบันทึกการทำงานแบบ auto
                                                    false เป็นการบันทึกการทำงานโดยการกด Save หรือ Ctrl+s
“confirm”: false                  // true ก่อนบันทึกการทำงานจะมีหน้าต่างขึ้นมาให้กดยืนยัน
}                                            // false ก่อนบันทึกการทำงานจะไม่มีหน้าต่างขึ้นมาให้กดยืนยัน

PHP การส่งค่าแบบ GET ผ่านทาง URL

PHP จะมีการส่งค่าตัวแปร 2 แบบ คือแบบ GET และ POST

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

ตัวอย่างการใช้งาน

เราจะส่งค่า id จากปุ่ม button ผ่าน url ไปยังอีกหน้า ซึ่งเรากำหนดชื่อตัวแปรไว้หลังเครื่องหมาย ?

จากตัวอย่าง

edit.php?id=
ค่าจาก button ที่ส่งค่ามานั้นมีค่า 1
การเรียกใช้ตัวแปรที่ส่งค่าผ่านมาจาก URL
ผลลัพธ์

PHP การเชื่อมต่อฐานข้อมูล MYSQL

PHP การเชื่อมต่อฐานข้อมูล

การใช้  PHP เชื่อมต่อฐานข้อมูลแบบ PDO

ส่วน $servername , $username , $password จะเป็นส่วนในการ config ชื่อเซิฟเวอร์ ผู้ใช้และรหัสผ่านที่ต้องการกำหนด

และดัก Error โดยใช้คำสั่ง try catch

ส่วนต่อมาจะเป็นคำสั่งการเชื่อมต่อ MYSQL ผ่านตัวแปรที่ชื่อว่า $conn

ถ้าเชื่อมต่อสำเร็จจะแสดงข้อความว่า Connected successfully ขึ้นมา

ถ้าเชื่อมต่อไม่สำเร็จจะแสดงข้อความว่า Connection failed : (ข้อผิดพลาดในการเชื่อมต่อ)

 

การใช้ Plugin Content Views

Plugin Content Views

 

ปลั๊กอิน Content Views นั้นสามารถจัดการแบ่ง Grid และการโชว์ Posts ของเรื่องหรือหน้าแต่ละหน้าได้

 

1) เราสามารถกำหนดหัวข้อของหน้า

2) กำหนดเลือกเรื่องหรือหน้าที่จะนำมาแสดง

3) จำกัดการโชว์โพสต์ข้อแต่ละหน้า

 

 

 

สามารถเลือกหมวดหมู่เฉพาะ หรือ ป้ายกำกับ ในการแสดงโพสต์

 

 

 

 

 

หน้า Display จะเป็นการตั้งค่าการแบ่ง Grid และ List รายการโชว์โพสต์

การจำกัดการโชว์ตัวอักษร , หัวข้อโพสต์ และ ขนาดรูปของโพสต์ต่างๆ

และสามารถตั้งค่าการจำกัดการแสดงโพสต์แล้วขึ้นหน้าใหม่ได้โดยการติ๊กที่ Pagination ให้เป็น Enable

 

โดยการใช้งานนั้นสามารถนำ ShortCode  ไปวางในหน้าที่ต้องการแสดงโชว์

 

 

 

การ Upload รายชื่อ User Email Google

  • Click เข้าไปที่ผู้ใช้งาน

  • จากนั้นเข้าไปที่ Bulk upload users

  • ดาว์นโหลด CSV template จากนั้นเปิดไฟล์ที่ดาวน์โหลดมา

  • กรอกข้อมูลต่างๆของ user โดยข้อมูลที่จำเป็นต้องกรอกจะใส่ [required] ตามหลัง

เมื่อกรอกข้อมูลเสร็จแล้วให้กลับไปที่หน้าเมนู Bulk upload users

  • คลิก ATTACH CSV เพื่ออัพโหลดไฟล์ที่มีข้อมูลของ user

  • ซึ่งถ้าข้อมูลในไฟล์ที่ upload ไปนั้นมีปัญหาเราสามารถ Download Log มาเพื่อตรวจสอบได้

Download Log จะมีการแจ้งข้อผิดพลาดของข้อมูลอยู่

 

การใช้งาน Modal Bootstrap

การใช้ Modal Bootstap

เพิ่ม script ไว้ในหน้า html ในส่วนล่างของ </body>

สามารถเลือก version ได้จากเว็บไซต์ด้านล่าง

 

 

โค้ดในส่วนนี้เป็นการเพิ่มปุ่ม Button ที่คลิกให้ฟังก์ชั่น Modal ทำงาน

 

โค้ดในส่วนนี้เป็นส่วนกำหนดส่วนต่างๆของ Modal

 

 

 

 

 

 

วิธี Setup FTP Service บน Windows server

 

เข้าไปที่ Server Manager 

 

เลือก Add roles and features

 

 

 

 

 

เลือก Service ที่ต้องการจะติดตั้ง

 

เมื่อทำการ Install Service เสร็จเรียบร้อยแล้ว ไปยัง Tools > Internet Information Services (IIS) manager

 

 

คลิกขวา Sites > Add FTP Sites

 

ตั้งชื่อ FTP และ Path Files ของ ftp

 

เลือก IP Address และ Port ที่ต้องการทำ FTP 

 

ขั้นตอนการเพิ่ม การชี้ที่อยู่ของ Directory Folder

 

จากนั้นไปที่  FTP Authentication ที่เราสร้าง เพื่อทำการ Enable Group ของผู้ใช้

 

เมื่อทำงานตั้งค่าเสร็จเรียบร้อย

ให้ทดลองใช้ FTP โดยตัวอย่างจะใช้ Filezila

โดย Password นั้นจะเป็น Password ที่remote ไปยังเครื่อง Server