conversational ui

การสนทนา-UI

การทดสอบแอปพลิเคชันเว็บ UI การสนทนา สาธิต

ตั้งค่า

js/app.js

สร้างขึ้นบนโครงสร้าง Category -> Sub-category -> Info ตามที่กำหนดไว้ใน js/app.js นอกจากนี้ ให้ตรวจสอบไฟล์นี้เพื่อปรับแต่งการเลือกคำตอบ โดยสุ่มเลือกไว้ในแต่ละขั้นตอน ดู repo นี้สำหรับตัวอย่างในโลกแห่งความเป็นจริงโดยใช้ AJAX สำหรับเนื้อหา

ดัชนี.html

มุมมองเนื้อหาสำหรับขั้นตอนข้อมูลถูกกำหนดไว้ที่นี่ภายใต้ .content div รหัสจากเมนูและเมนูย่อยจะต้องรวมกัน

สร้าง

โปรเจ็กต์นี้ใช้ฟีเจอร์ ES2015 JavaScript เป็นหลัก สามารถเรียกใช้ใน Chrome หรือ Safari Technical Preview ได้โดยไม่ติดขัด แต่ต้องแปลงข้อมูลด้วย Babel สำหรับเบราว์เซอร์อื่นๆ ที่ใช้ Gulp

หากต้องการแปลงไฟล์ ให้ติดตั้ง Node.js และ Gulp หากคุณยังไม่ได้ติดตั้ง จากนั้นติดตั้งการพึ่งพาโครงการที่จำเป็นซึ่งแสดงอยู่ใน package.json ด้วย:

npm install

จากนั้นรันงาน transpile ที่กำหนดใน gulpfile.js :

gulp js

สิ่งนี้จะแปลงและลดขนาดเป็น js/app.min.js