มานพ กองอุ่น
มานพ กองอุ่น
เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009
สร้างไฟล์ MS Word จาก Word Template สำหรับงานเอกสารราชการ
เอาล่ะครับ หลังจากที่ประสบปัญหากับการใช้งาน HTML to PDF ด้วย mPDF เนื่องจากไฟล์ PDF ไม่สามารถจัดรูปแบบได้อย่างคล่องตัวมากนัก เช่นคำตก จัดรูปแบบต่างๆ เล็กๆ น้อยๆ ทำให้ไม่สะดวกแก่ผู้ใช้งาน และการจัด HTML ไปเป็น PDF ในรูปแบบเอกสารราชการนี่ปวดหัวจริงๆ ในบทความนี้เราจะมาเขียนโปรแกรมเพื่อให้ส...
สร้าง Angular App แรกกัน
ในขั้นตอนนี้เรามาสร้าง Angular App แรก กันโดยพิมพ์คำสั่ง ng new hello-world โดยที่ hello-world คือชื่อของ Project ที่เราต้องการสร้าง ซึ่ง ng cli จะสร้าง file / folder ให้เรา และ npm จะ download 3rd party library ให้ ในการเขียนโปรแกรมเราอาจจะใช้ Code Editor จาก microsoft เช่น vis...
การติดตั้ง Environment สำหรับ Angular
ก่อนอื่น เราจะต้องติดตั้ง NodeJs กันก่อน เพื่อเป็นตัว runtime javascript ที่จะไปแสดงผลใน browser และเราจะใช้ nodejs ในการสร้าง project โดยเข้าไปที่เว็บไซต์ nodejs.org จากเลือก version ที่เป็น stable (v6.11.0LTS) ส่วนเวอร์ชั่นล่าสุด (v8.0.0Current) นั้นจะมีฟีเจอร์มากยิ่งขึ้น แต่ยังไม่เสถียร (Stab...
สถาปัตยกรรมใน Angular Apps
สถาปัตยกรรมของ Web Application ในยุคใหม่นี้ประกอบไปด้วย 2 ส่วนใหญ่ๆ ด้วยกันนั้นคือ Front-end และ Back-end Front-end ทำงานที่ฝั่ง Client ผ่าน Web Browser เป็นสิ่งที่ผู้ใช้งานเห็นและมีปฏิสัมพันธ์ด้วย หรือที่เรียกว่า User Interface (UI) ซึ่งประกอบไปด้วย HTML, CSS, TypeScript, Angular Ba...
Angular คืออะไร
Angular คือ เฟรมเวร์ค (framework) สำหรับสร้างแอพลิเคชั่นในฝั่งไคลเอ็นในรูปแบบของ HTML, CSS และ JavaScript/TypeScript ซึ่ง TpyeScript จะถูก compile ไปเป็น JavaScript ทำไมต้อง Angular? หากเราต้องการใช้งาน JavaScript ในเว็บไซต์เราอาจเขียนด้วย JavaScript ปกติ หรืออาจใช้ jQuery เขียน จริงๆ ก็ทำ...
การแก้ปัญหาเมื่อมีการแก้ไขตาราง ชนิดข้อมูลแล้วเกิด Error
หลายคนคงเจอปัญหาเมื่อมีการแก้ไขชนิดข้อมูล หรือการปรับเปลี่ยนข้อมูลในตาราง แล้วไม่สามารถแก้ไขได้โดยมีความความลักษณะดังนี้ Saving changes is not permitted. The change you have made requires the following table to be dropped and re-created. You have either made changes to a table that can't be...
คำสั่ง SQL แทนที่ข้อความในคอลัมน์
คำสั่งในการแทนที่ข้อความในคอลัมน์ ตัวอย่างนี้จะทำการปรับปรุงตาราง lib_book โดยจะแทนที่คำว่า /upload/lib/ เป็นค่าว่าง (เพราะต้องการแค่ชื่อรูป) ก็จะเหลือแค่ชื่อรูปภาพ โดยแทนที่ทุก record โดยใช้ REPLACE(CASE()) UPDATE lib_book SET cover_pic = REPLACE(CAST(cover_pic AS varchar(MAX)), '/uploa...
เพิ่ม Application เหมือน Frontend-Backend ใน Yii Framework2
มีคนถามมาว่าเราสามารถสร้าง Application เหมือน frontend/backenc ได้ไหม แต่ใช้การตั้งค่าและ vendor เดียวกัน คำตอบคือสามารถทำได้ครับ เพื่อให้เข้าใจ concept จะใช้ต้นแบบจาก backend ในการสร้าง application ชื่อ aomsin สร้างความเข้าใจ ในการสร้าง application ใหม่นั้นเราจะต้องตั้งค่า namespace และกำ...
การเพิ่มหน้าใหม่ A4 แบบแนวนอนใน mPDF
สำหรับการเพิ่มหน้าใหม่ใน mPDF นั้นสามารถทำได้โดยเรียกใช้ method AddPage() ซึ่งในที่นี้จะกำหนดให้หน้าใหม่เป็นแบบแนวนอน (Landscape) โดยมีการเขียนโปรแกรมดังนี้ $mpdf->AddPage('L'); // เพิ่มหน้าใหม่แบบแนวนอน $mpdf->WriteHTML($content); เมื่อทำการเปิดหน้า Web Appliction จะพบไฟล์ pdf ตา...
การใส่รูปภาพใน mPDF
สำหรับการใส่รูปภาพใน mPDF นั้นสามารถทำได้ง่ายดายมาก เพียงใส่ tag html ในการแสดงรูปคือ <img> พร้อมระบุ path ไปยังรูปภาพให้ถูกต้อง ก่อนอื่นต้องเตรียมรูปภาพก่อน โดยในที่นี้จะเก็บไว้ใน folder assets/img ตัวอย่างของการใส่รูปภาพ <img src="assets/img/programmerthailand_social.jp...
การติดตั้ง Laravel
ในบทเรียนรู้นี้มาทำการติดตั้ง Laravel ผ่านโปรแกรม Composer กัน ความต้องการ สำหรับการใช้งาน Laravel นั้นมีความต้องการ PHP และ PHP Extension ต่างๆ ดังต่อไปนี้ PHP >= 5.6.4 OpenSSL PHP Extension PDO PHP Extension Mbstring PHP Extension Tokenizer PHP Extension XML PHP Extens...
การใส่ Font TH Sarabun ใน mPDF
สำหรับบทเรียนรู้นี้เรามาใส่ Font TH Sarabun ใน mPDF เพื่อสร้างเอกสาร PDF กันครับ ซึ่งส่วนใหญ่แล้วงานราชการจะนิยมใช้ Font TH Sarabun กัน โดยเราสามารถดาวน์โหลด Font ได้จาก 13 ฟอนต์ (Font) มาตรฐานสำหรับใช้ในหน่วยราชการ เมื่อเปิดใน C:\Windows\fonts จะเห็นรายการ font ต่างๆ ให้คลิกเข้าไปที่ TH Sara...
Upgrade Joomla 3.6.5 สู่ Joomla 3.7 แบบออนไลน์
สำหรับในบทเรียนรู้นี้เรามา upgrade website joomla 3.6.5 ไปเป็น joomla 3.7 ในแบบ online กันนะครับ ซึ่งก็มีขั้นตอนที่ไม่ซับซ้อน มาเริ่มกันเลยครับ ตรวจสอบสิทธิ์การอ่านเขียนไฟล์ ในขั้นตอนนี้หากเราต้องการ upgrade joomla นั้นเราต้องตรวจสอบสิทธิ์การอ่านเขียนไฟล์ของ joomla ได้หรือเปล่า เพราะ serve...
สร้าง PDF ภาษาไทยไฟล์แรกด้วย mPDF
ในบทเรียนรู้นี้เรามาทดลองการสร้างไฟล์ PDF เพื่อทดลองใช้งานภาษาไทย ในที่นี้จะใช้ข้อความจาก http://lorem.in.th/ ซึ่งเป็น Website ไว้สร้างข้อความทดสอบนั่นเอง เอาล่ะครับมาดู Code โปรแกรมกันเลยดีกว่า ในที่นี้เราสร้างไฟล์ index.php ใน project ของเรา ดังนี้ ใน mPDF นั้นมี Font ที่แสดงผลภ...
Simple URL Slug ด้วย Yii Framework 2
หลายๆ เว็บไซต์ จะเห็น URL ที่มีข้อความ เช่น www.example.com/post/view/1/ทดสอบ เป็นต้น ซึ่งเราจะเห็นว่ามีคำว่า ทดสอบ อยู่ใน URL ด้วย ส่วนใหญ่แล้ว คำว่า ทดสอบ นั้นจะเป็นคำที่อยู่ใน หัวเรื่อง (Title) นั่นเอง ทั้งนี้การทำ Slug นั้นมีจุดประสงค์ด้านการตอบสนองต่อ Search Engine เนื่องจาก Search Eng...
กำหนดให้ Autocomplete แสดงใน Modal
ปัญหาของ Autocomple ที่แสดงใน Modal คือ เมื่อมีการพิมพ์รายการ รายการต่างๆ ที่มีให้เลือกมันจะแสดงผลอยู่ข้างหลัง Modal ดังนั้นเราจะต้องนำมันออกมาข้างหน้า Modal ด้วยการตั้งค่าต่อไปนี้ 'appendTo'=>'#form-id', ตัวอย่าง <?= $form->field($model, 'name')->widget(AutoComplete::classN...
เริ่มต้นกับ mPDF
mPDF คืออะไร mPDF เป็น PHP Package Class สำหรับการสร้างไฟล์ PDF จาก HTML ซึ่งตอบสนองการจัดรูปแบบต่างๆ ผ่าน Web Application ได้ สำหรับ PHP Developer นั้นสามารถใช้ Package นี้ในการสร้างรายงานในรูปแบบ PDF ได้ง่ายเมื่อเทียบกับ Package อื่นๆ mPDF ถูกสร้างมาจาก FPDF และ HTML2PDF ซึ่งนำมารวม Pack...
สร้าง .htaccess เพื่อกำหนดให้ใช้งาน SSL (https://) อัตโนมัติ สำหรับ Yii Framework 2
สำหรับการใช้งาน domain ที่เป็น SSL ใน Yii framework 2 นั้นเราสามารถกำหนดใน server ที่เป็น apache ด้วยการเขียน .htaccess แล้ววางใน root ของ project backend/ common/ frontend/ .htaccess โดยสร้างไฟล์ดังนี้ Options -Indexes RewriteEngine on RewriteRule (^backend) backend/web/$1...
แสดงข้อมูลจาก Google Analytic Real-time และ AnalyticsReporting ด้วย Yii Framework 2
สำหรับบทเรียนรู้นี้เรามาทดลองการแสดงข้อมูลจาก Google Analytics มาแสดงใน Web Application ของเราผ่าน API ของ Google ซึ่งมีขั้นตอนต่อไปนี้ ติดตั้ง Google API Client ทำการติดตั้ง Google API Client กันก่อน โดย copy คำสั่งไปวางใน composer.json "google/apiclient": "^2.0", จากนั้นก็ส...
สังคมนักพัฒนาซอฟต์แวร์
117 M.9 Nongmueng Subdistrict, Muangsamsib District, Ubonratchathani Province 34140