Get Adobe Flash player

jirayut.l

การสร้าง Chart ใน Devexpress ASP.NET C#

 

  1.  ทำการค้นหา WebChartControl  ใน Toolbox

 

2.  เมื่อลากลงมาใส่ในโปรเจค แล้วคลิกจะมีแถบขึ้นดังนี้ แล้วให้ทำการไปเลือก Database ที่ต้องการเชื่อม ถ้าไม่มีให้ทำการสร้าง SqlDataSource แล้วทำการเลือก Database เมื่อเลือกเสร็จให้คลิก

Run Designer

 

3.  เมื่อคลิก Run Designer จะได้ดั้งภาพ

 

4.  ให้ทำการกด เพิ่มตรง Series ที่มีรูปเครื่องหมายบวกเพื่อเพิ่ม Chart และให้ทำการเลือก Chart ที่ต้องการ

 

5.  เมื่อเลือกเสร็จจะได้ Chart ดั้งภาพ

6.  และไปที่ ช่อง Dataในรูป   เพื่อนำ field มาใส่ใน Chart

7.  ทำการลากข้อมูลลงมาใส่ โดยในที่นี้เอาfield คณะ/หน่วยงานมาใส่ใน Argument  และนำfield นับจำนวน มาใส่ใน Value แล้วกด OK

8.  เมื่อกด OK แล้วจะได้กราฟดังภาพ

Let’s encrypt For IIS Windows Server 2012

  1. ใช้เครื่องมือที่ชื่อว่า win-acme ดาวโหลดที่นี่  ที่ใช้ทำ  Let’s Encrypt Certificate  โดยจะมีอัพโหลดเวอร์ชั่นใหม่ ๆ อยู่เสมอ
  2.  ดาวน์โหลดไฟล์มาแล้ว Extract ไปไว้ที่ C:\LetsEncrypt

 

3.  จากนั้นคลิกขวา Run as administrator  ในไฟล์ wacs.exe

4.  เมื่อรันจะมีหน้าเมนูดังนี้

 

5.  โดนพิมพ์ N ใส่ลงไป  คือการ Create new certificate

6.  โปรแกรมจะถามว่าเราจะสร้างแบบไหน  ในที่นี้เราจะทำการสร้างเพียง 1 sit เท่านั้น โดยพิมพ์ 1 ลงไป

7.  จะมีเว็ปขึ้นมาที่รันอยู่บน IIS โดยให้ทำการเลือก เว็ปไซต์ที่ต้องการทำ SSL

 

8.  โดยขั้นตอนหลังจากนี้ อาจจะมีสอบถามอีเมล  จะใส่หรือไม่ใส่ก็ได้ และจะมีให้ตอบ  ให้เราตอบ Yes ทั้งหมด

9.  และเมื่อเสร็จจะได้หน้าตาแบบนี้


10.  โดยเราสามารถไปเช็คใน IIS ได้ว่า มี Let’s Encrypt ติดตั้งแล้วใช่หรือไม่  โดยดูได้จาก iis site bindings

 

วิธีการแก้ปัญหา {{}} ในLaravel บน VS code

ปัญหาก็คือถ้าเราพิม {{}} ใน tag html ตัว tag นั้นจะขยับไปข้างหน้าทำให้เราต้องจัดใหม่อยู่เสมอวิธีแก้คือ

 

  1. ทำการเปิด Vscode แล้วกด F1 แล้วค้นหาคำว่า Setting (UI)

 

2. แล้วทำการคลิกรูปบนด้านขวาตามในภาพ

 

3. เมื่อคลิกกแล้วจะขึ้นมาดั้งในภาพและให้ทำใส่โค้ดลงไป

ส่วนของโค้ด

เราจะสามารถแก้ไขปัญหาได้

การ Set xampp ร่วมกับ IIS ได้Portไม่ชน

  1. เข้า Xampp และคลิก Config เลือก  httpd.conf

2. จะมี Notepad เปิดมาให้ทำการค้นหา

  • Listen 81  (81 คือ port ที่เราทำการเปลี่ยนปกติจะเป็น 80)
  • ServerName localhost:81  (81 คือ port ที่เราทำการเปลี่ยนปกติจะเป็น 80) และทำการเซฟ

3.กลับมาหน้าแรกและกด configเหมือนเดิมเลือก httpd-ssl.conf

4.  จะมี  Notepad เปิดขึ้นมา ทำการหาดังนี้

  • Listen 444
  • <VirtualHost _default_:444>
  • ServerName www.example.com:444  (444 เป็น port ที่ทำการเปลี่ยน ปกติจะ port 443)

จะทำให้สามารถใช้ได้ ทั้ง iis และ Xampp

การSet ค่าใน Report ตามที่เราต้องการ Devexpress XtraReport

  1. . ให้เราสร้าง XtraReport  และจัดให้เรียบร้อย

2. ให้เราทำการตั้งชื่อ ตัวแปลของเรา

3. จากนั้นเราไปที่ Code Behide ของ XtraReport   โดยในตอนแรก ตัวแปลของเรายังเป็น Private ให้เราปรับเป็น Public

4. เป็นขั้นตอนของการ Set ตัวแปลลง คือ  ให้เรา new Obj ของหน้า Report  เราจึงจะเห็นตัวแปลใน Class นั้น และเราสามารถเอาไปเทียบตัวแปลได้ดังในรูป

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

ต้องมี 3 อย่างนี้ก่อน

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

  1. คลิกที่ GridView และเลือก Show Edit Button

2. ไปที่ช่อง Column แก้ไข และเลือก ButtonRender Mode เพื่อปรับให้เป็น IMAGE และกด OK

3. ไปยัง Properties  SettingsCommandButton เพื่อตั้งค่ารูปที่ไว้ใช้กด

 

4. และปุ่มที่จำเป็นต้องตั้ง ได้แก่

UpdateButton =ปุ่มตอนกดแก้ไขข้อมูลเสร็จ

EditButton =ปุ่มที่ไว้ใช้กด แก้ไขข้อมูล

CancelButton= ไว้ยกเลิกตอน ไม่แก้ไข

เมื่อกดปุ่ม …  จะไปหน้ายันรูปภาพ เพื่อเลือกรูปที่ต้องการแทนปุ่ม

 

เมื่อตั้งค่าเสร็จจะได้ดั้งรูป

การใช้ alert Js SweetAlert ใน ASP.NET C#

1.การติดตั้ง

https://www.jsdelivr.com/package/npm/sweetalert2

2. เราจะใช้แค่ 2 ไฟล์ นี้

 

3.นำ TAG ไปใส่ ทั้ง CSS  JS

4 และใส่ โค้ด Script

โดยเราสามารถดูอ้างอิงจาก เว็ปได้

https://sweetalert2.github.io/

5. โดยวิธีเรียนใช้คือ

successalert1() คือฟังก์ชั่นที่เรียกใช้

วิธีนำ Font ภาษาไทยจาก Google Font มาใช้บน Web Application

1.เข้าเว็ป  https://fonts.google.com/ 

2. แล้วเลือก ภาษาไทย

 

3. เลือกฟอนต์ที่ต้องการและกด รูปบวก

   4. เมื่อกดรูป บวกแล้วจะมีหน้านี้ขึ้นเพื่อในนำ CSS ไปใส่ ดังภาพ

5. ให้นำโค้ด  ไปแปะบนหัวเว็ป

6. และนำ โค้ด CSS ไปใส่  ในส่วนที่ต้องการเปลี่ยนภาษาไทย ถ้า .fontkanit คือ class เอาไปใส่ใน class

ก็จะฟอนต์ภาษาไทยอย่างง่ายไปใช้งาน

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

ในส่วนนี้คือเป็นการชี้ Row ใน Gridview แล้วจะมีสีโฟกัสที่ Row นั้น

1  เข้าไปที่ SettingBehavior และไปที่ EnableRowHotTrack = True

2 ไปตั้งค่า ส่วนเสริมต่างๆเช่น สีที่เวลาชี้ไปหรือฟอนต์ ต่างๆ โดยเข้าไปที่ Styles
และ RowHotTrack   ถ้าต้องการ BackColor คือสีพื้นหลังก็เลือกตามที่ต้องการ

 

3. ผลลัพธ์ที่ได้