ปัจจุบัน Sencha Ext JS เป็นกรอบการพัฒนาแอปพลิเคชัน JavaScript ที่ทันสมัยที่สุดในโลกที่รองรับหลายแพลตฟอร์มและหลายอุปกรณ์ ก่อนอื่นมาดูประวัติโดยย่อเกี่ยวกับการพัฒนาของ Ext JS
1 ประวัติโดยย่อของการพัฒนาของ Ext JS
1. Jack Slocum ผู้แต่ง Yui-Ext ตั้งใจที่จะปรับแต่งห้องสมุดผู้ใช้ Yahoo (YUI) ตามโปรโตคอล BSD แต่ต่อมาเขาเคยถูกบดบัง Yui พ่อของเขา;
2. ในตอนท้ายของปี 2549 Yui-ext ได้ง่ายขึ้นจนถึง Ext ซึ่งสะท้อนให้เห็นถึงวุฒิภาวะและความเป็นอิสระของมันเป็นกรอบ บริษัท ก่อตั้งขึ้นในต้นปี 2550 และตอนนี้เป็นใบอนุญาตคู่โดยใช้ LGPL และใบอนุญาตประกอบธุรกิจ
3. ในวันที่ 1 เมษายน 2550 รุ่นอย่างเป็นทางการของ 1.0 ได้รับการปล่อยตัวและเวอร์ชันปัจจุบันคือ 6.0;
4. เริ่มต้นจาก 4.0, MVC/MVVM Application Application Architecture และ SCSS ได้รับการแนะนำ;
5. เริ่มต้นจาก 5.0 เบราว์เซอร์เก่าไม่ได้รับการสนับสนุนอีกต่อไปเช่น IE5, 6, 7, ฯลฯ ;
6. เริ่มต้นจาก 6.0, Sencha Touch และ Extjs รวมกันเป็นหนึ่งเดียวซึ่งบ่งชี้ว่าผู้ใช้สามารถพัฒนาแอพพลิเคชั่นที่สามารถรองรับทั้งเดสก์ท็อปและแท็บเล็ตหรือโทรศัพท์มือถือ
2 การเตรียมการพัฒนา
1. ก่อนอื่นคุณต้องดาวน์โหลด Ext JS SDK ดาวน์โหลดเวอร์ชันอย่างเป็นทางการของ EXTJS 6.0 SDK GPL https://www.sencha.com/legal/gpl/ หากคุณต้องการแอปพลิเคชันเชิงพาณิชย์โปรดดาวน์โหลดเวอร์ชันเชิงพาณิชย์ เปิดเครื่องซิปไปยังดิสก์ D.
2. ดาวน์โหลดเครื่องมือ Sencha สมมติว่าไม่ได้ติดตั้ง JRE7+ ในระบบของคุณโปรดดาวน์โหลดเครื่องมือ Sencha ด้วยเวอร์ชัน JRE และติดตั้งได้สำเร็จ
3 การสร้างโครงการ
1. เปิดบรรทัดคำสั่งด้วยผู้ดูแลระบบและใช้ cd /dd:/ext-6.0.0 เพื่อเข้าสู่ไดเรกทอรี SDK
2. ใช้ sencha -sdk ./ext-6.0.0 เพื่อสร้างแอพ -classic cmmpwebui ./cmpwebui คำสั่งเพื่อสร้างแอพชื่อ Cmmpwebui ตามรุ่น Ext -6.0.0 พร้อมเส้นทางโครงการของ ./cmpwebui
สร้างไฟล์โครงการ CMPWEBUI ในไดเรกทอรี d: /ext-6.0.0 โครงสร้างไฟล์มีดังนี้:
3. ป้อนไฟล์โครงการและใช้ แอพ Sencha เพื่อดู ตัวอย่างโครงการ หมายเลขพอร์ตคือ 1841 โดยค่าเริ่มต้น หากมีอยู่ในปัจจุบันจะเพิ่มขึ้น ที่นี่พอร์ตคือ 1842
ป้อน http: // localhost: 1842/ในเบราว์เซอร์เพื่อดูตัวอย่าง มันแตกต่างจากสิ่งที่ฉันคาดไว้ในตอนแรก มันมีตัวอย่างอย่างเป็นทางการ คุณสามารถคลิก [ดูตัวอย่าง] เพื่อดูได้
แล้วโครงการที่คุณสร้างขึ้นเองอยู่ที่ไหน? คุณสามารถป้อน http: // localhost: 1842/cmpwebui/เพื่อดู
4. การเปิดตัวโครงการรวบรวมด้วย Sencha App Build
หลังจากการรวบรวมเสร็จสมบูรณ์คุณจะเห็นโครงการที่เผยแพร่ภายใต้ไฟล์บิลด์ภายใต้ ext-6.0.0
5. เมื่อโครงการ IIS ได้รับการปล่อยตัวคุณต้องใส่ใจกับการกำหนดค่า IIS เพื่อแยกวิเคราะห์ JSON มิฉะนั้นเว็บไซต์จะไม่ได้รับการแสดงตัวอย่าง
จริงๆแล้วมันง่ายมากที่จะทำงาน ตราบใดที่คุณสามารถสร้างไฟล์ *.JSON ที่แยกวิเคราะห์โดยเว็บเซิร์ฟเวอร์ IIS7 จะใช้เป็นตัวอย่าง
1) ติดตั้งการสนับสนุน IIS7 ASP
แผงควบคุม -> โปรแกรมและคุณสมบัติ -> เปิดและปิดคุณสมบัติ Windows -> บทบาท -> เพิ่มบริการบทบาท -> การพัฒนาแอปพลิเคชัน -> เลือก ASP
2) เพิ่มประเภท MIME ลงในเว็บไซต์เริ่มต้น
เพิ่ม-> ส่วนขยายไฟล์คือ JSON, ประเภท MIME คือข้อความ/JSON (หรือแอปพลิเคชัน/X-JavaScript ก็โอเค)
3) ติดตั้งการแมปสคริปต์สำหรับเว็บไซต์เริ่มต้น
การจับคู่แบบ Handler -> เพิ่มการแมปสคริปต์ เส้นทางคำขอคือ *.json ไฟล์ที่เรียกใช้งานได้คือ %Windir %/System32/InetSrv/ASP.dll ชื่อคือ JSON
4) เพิ่ม index.html ลงในเอกสารเริ่มต้น
5) สร้างแอปพลิเคชัน Senchatouch ภายใต้เว็บไซต์เริ่มต้นซึ่งเรียกว่าไดเรกทอรีเสมือนจริงภายใต้ IIS6
6) ดูตัวอย่างด้วย chome (เช่นไม่รองรับ)
หลังจากการกำหนดค่าเสร็จสมบูรณ์คุณจะเห็นว่ามี web.config เพิ่มเติมในโฟลเดอร์
เพียงรีเฟรชหน้าเว็บ:
บทความข้างต้น Sencha Ext JS 6 การเริ่มต้นอย่างรวดเร็ว (ต้องอ่าน) เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น