Post Views: 852
โจทย์คือ ต้องสร้างระบบ เพื่อให้ผู้ใช้ สร้าง โครงสร้างแบบฟอร์ม ด้วย Excel แล้วต้องแปลงให้เป็น Web Page ซึ่ง จะต้องการตกแต่งด้วย Bootstrap
หน้าตาต้นแบบเป็นแบบนี้ (ในที่นี้ใช้ Google Sheets แต่ก็ทำวิธีการเดียวกันกับ MS Excel)
![](https://sysadmin.psu.ac.th/wp-content/uploads/2020/04/image-6-1024x465.png)
ถ้า ใช้วิธี Save As เป็น HTML ตรง ๆ จะได้หน้าตาประมาณนี้
![](https://sysadmin.psu.ac.th/wp-content/uploads/2020/04/image-7-1024x546.png)
ซึ่งจะยุ่งยากมาก ในการจัดการ และการควบคุมการแสดงผล
วิธีการคือ !!!
1 Save As เป็น CSV
2 เปิดเว็บ
http://www.convertcsv.com/csv-to-html.htm
3 แล้ว Upload ไฟล์ หรือจะ Copy Paste ก็ได้
4 ก็จะได้ plain HTML
![](https://sysadmin.psu.ac.th/wp-content/uploads/2020/04/image-11-1024x500.png)
5 เอาไปประกอบกับ Bootstrap ได้สบาย (ในภาพ ใช้ django template tag ด้วย เลยได้ widget ตามที่กำหนด)
![](https://sysadmin.psu.ac.th/wp-content/uploads/2020/04/image-12-1024x492.png)
หวังว่าจะเป็นประโยชน์ครับ