Category: ระบบสารสนเทศ

Let’s encrypt For IIS Windows Server 2012

ใช้เครื่องมือที่ชื่อว่า win-acme ดาวโหลดที่นี่  ที่ใช้ทำ  Let’s Encrypt Certificate  โดยจะมีอัพโหลดเวอร์ชั่นใหม่ ๆ อยู่เสมอ  ดาวน์โหลดไฟล์มาแล้ว Extract ไปไว้ที่ C:\LetsEncrypt   3.  จากนั้นคลิกขวา Run as administrator  ในไฟล์ wacs.exe 4.  เมื่อรันจะมีหน้าเมนูดังนี้   5.  โดนพิมพ์ N ใส่ลงไป  คือการ Create new certificate 6.  โปรแกรมจะถามว่าเราจะสร้างแบบไหน  ในที่นี้เราจะทำการสร้างเพียง 1 sit เท่านั้น โดยพิมพ์ 1 ลงไป 7.  จะมีเว็ปขึ้นมาที่รันอยู่บน IIS โดยให้ทำการเลือก เว็ปไซต์ที่ต้องการทำ SSL   8.  โดยขั้นตอนหลังจากนี้ อาจจะมีสอบถามอีเมล  จะใส่หรือไม่ใส่ก็ได้ และจะมีให้ตอบ  ให้เราตอบ […]

แนะนำ Plugin WordPress รับมือ Error 404 หรือการเปลี่ยนแปลง URL

เป็นปกติเมื่อเปิดเว็บไซต์ (WordPress) มาระยะเวลาหนึ่ง มักจะมีการเปลี่ยนแปลง URL ของ Post, Page หรือแม้แต่ไฟล์ Media ต่าง ๆ เสมอ เช่น เปลี่ยนจากเดิม URL ของ Post จาก /some-title เป็น /some-new-title จากไฟล์รูปภาพเดิมที่เคยมีถูกลบ หรือเปลี่ยนเป็นไฟล์รูปภาพใหม่ (URL รูปภาพเปลี่ยน) URL เว็บไซต์ถูกเปลี่ยน เช่นจาก abc.com/2019 เป็น abc.com เฉย ๆ ทั้งหมดนี้ เมื่อมีการเปลี่ยนแปลง URL ผลที่ตามมาคือ ถ้ายังมีการนำ URL เก่าไปใช้ในเว็บไซต์อื่น เวลาคลิกเข้าที่ URL เก่าก็จะไม่พบหน้าที่ต้องการหา หรือ Error 404 (not found) นอกจากนั้นจะส่งผลเสียต่อ SEO อีกด้วย (Google มองว่าเป็น Dead […]

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) […]

การสร้าง Project MVC .Net Core บน Visual Studio Code

ต้องมี 3 อย่างนี้ก่อน Visual Studio Code .NET Core SDK 2.2 or later C# for Visual Studio Code version 1.17.1 or later 1.ไปยัง Terminal และเลือก New Terminal 2. ขั้นแรกพาทไปยังโฟรเดอร์ที่ต้องการเก็บ และใช้คำสั่งในการสร้างคือ dotnet new mvc -o (ตามด้วยชื่อที่ต้องการ) 3. เมื่อสร้างเสร็จจะได้ ดั้งภาพ 4. ทำการ Open Folder Project ที่สร้างขึ้นมาก่อน และวิธีการ Run คือ F5 หรือ ctrl+F5 และเลือก Run .Net Core 6. เมื่อรันจะได้ผลตามภาพ

Devexpress Gridview การปรับแต่งส่วนต่างๆ [Part3]

การปรับแต่ง Edit ใน Gridview คลิกที่ GridView และเลือก Show Edit Button 2. ไปที่ช่อง Column แก้ไข และเลือก ButtonRender Mode เพื่อปรับให้เป็น IMAGE และกด OK 3. ไปยัง Properties  SettingsCommandButton เพื่อตั้งค่ารูปที่ไว้ใช้กด   4. และปุ่มที่จำเป็นต้องตั้ง ได้แก่ UpdateButton =ปุ่มตอนกดแก้ไขข้อมูลเสร็จ EditButton =ปุ่มที่ไว้ใช้กด แก้ไขข้อมูล CancelButton= ไว้ยกเลิกตอน ไม่แก้ไข เมื่อกดปุ่ม …  จะไปหน้ายันรูปภาพ เพื่อเลือกรูปที่ต้องการแทนปุ่ม   เมื่อตั้งค่าเสร็จจะได้ดั้งรูป

SQL : การ Copy ข้อมูลจาก Column ไปยังอีก Column

ในการ Copy  ข้อมูลจากคอลัมน์ไปยังอีกคอลัมน์ ในที่นี้จะหมายถึงการทำสำเนาข้อมูลทั้งหมดในคอลันน์นั้น ซึ่งเหมาะกับการทำงานกับจำนวนข้อมูลมากๆ ทำให้ผู้ใช้งานไม่ต้องเสียเวลาในการระบุ Value ของแต่ละ record รูปแบบคำสั่ง UPDATE ชื่อตาราง SET ชื่อColumnB = ชื่อColumnA WHERE เงื่อนไข (ถ้ามี) ในการใช้ชุดคำสั่งนี้จะเป็นการ Copy ข้อมูลทั้งหมดในคอลัมน์ จากคอลัมน์ A ไปยังอีก B ภายในตารางเดียวกัน ซึ่งข้อมูลที่จำเป็นต้องระบุหลักๆจะมีเพียงชื่อตาราง แล้วก็คอลัมน์ที่ใช้เป็นต้นแบบ และชื่อคอลัมน์ปลายทางที่จะนำสำเนาข้อมูลไปเก็บไว้ โดยที่สามารถระบุเงื่อนไขในการ Copy ได้ภายใต้เงื่อนไขหลังคำสั่ง WHERE ซึ่งหากเป็นการ Copy ข้อมูลจากคอลัมน์จากตารางอื่น จะใช้รูปแบบคำสั่งนี้ รูปแบบคำสั่ง UPDATE ชื่อตารางB SET ชื่อColumnB = (SELECT ชื่อColumnA FROMชื่อตารางA WHERE ชื่อตารางB.ชื่อColumnIDของB = ชื่อตารางA.ชื่อColumnIDของA) จะเห็นได้ว่า การ Copy ข้อมูลจากอีกตารางมา จะต้องมีการ […]

Devexpress Gridview การปรับแต่งส่วนต่างๆ [Part1]

1 Responsive Layout ให้ทำการคลิกที่ Grid และไป properties  และไปที่ SettingsAdaptivity  และ AdaptivityMode เลือก HideDataCells. Grid จะย่อขยายตามหน้าจอและหดเข้าไป จะได้ดั่งภาพ  

การใช้งาน Popover Bootstrap

Popover คือเครื่องมือที่มีลักษณะเหมือนกล่องข้อความที่เป็นแบบ pop up เด้งขึ้นมา การใช้งาน popover เบื้องต้น โดยใส่ BootstrapCDN ไว้ในหน้า html ในส่วนของ <head>

เราสามารถกำหนดทิศทางการแสดงข้อความของ popover ได้ 4 ทาง คือ ซ้าย ขวา บนและล่าง   ในส่วนของการกำหนดทิศทางเราสามารถแก้ไขในส่วน data-placement = top / left / right / bottom ข้อความที่ต้องการใส่อยู่ในส่วนของ data-content   popover นั้นต้องใช้ Javascript ในการทำงาน   จากนั้นก็สามารถใช้ popover ได้        

ให้ PHP กับ SQLแสดงผลภาษาไทยถูกต้องโดยใช้ Mysqli (utf8)

PHP และ SQL มักจะมีปัญหาการไม่รับรองภาษาไทย ซึ่งจะมีปัญหากับการจัดเก็บลงฐานข้อมูลและการแสดงผลข้อมูล โดยการเก็บข้อมูลลงฐานข้อมูลเป็นภาษาไทยแล้วไม่มีการตั้งค่าจะเห็นเป็นภาษาดังรูป   ในการสร้าง Database บน phpMyAdminนั้นควรเปลี่ยน Collation ให้เป็น utf8 โดยหน้าที่มีการบันทึกข้อมูลควรใส่ในส่วนของหน้า HTML <meta http-equiv=Content-Type content=”text/html; charset=utf-8″> ซึ่งกำหนด meta ของ charset=utf-8 เสมอ เพราะข้อมูลที่จะส่งไปยัง Server จะอยู่ในรูปแบบของ utf8 โดยที่ไม่ต้องไปแปลงให้เป็น utf8 ก่อนจัดเก็บ   mysqli_set_charset($???, “utf8”); เพิ่ม mysqli_set_charset ให้กับการเชื่อมต่อ ก็ถือว่าตอนนี้ข้อมูลทั้งหมดจะถูก รับ-ส่ง จัดเก็บในรูปแบบของ utf8 แล้ว  

วิธีแก้ปัญหา constructor error ใน phpmyadmin

ใช้คำสั่ง sudo nano /usr/share/php/php-gettext/streams.php บรรทัดที่ 52 เปลี่ยนฟังก์ชั่น function StringReader ($str=”) { เป็น function __construct($str=”) { บรรทัดที่ 90 เปลี่ยนฟังก์ชั่น function FileReader($filename) { เป็น function __construct($filename) { บรทัดที่ 146 เปลี่ยนฟังก์ชั่น function CachedFileReader($filename) { เป็น function __construct($filename) { ใช้คำสั่ง sudo nano /usr/share/php/php-gettext/gettext.php บรรทัดที่ 36 เปลี่ยนฟังกชั่น function gettext_reader($Reader, $enable_cache = true) { เป็น function __construct($Reader, $enable_cache = true) {