การออกแบบการสำเร็จการศึกษาปี 2020 เว็บไซต์แบบสอบถามออนไลน์
ที่อยู่การสาธิต (สาธิต): https://survey.yonatan.cn/
บัญชีผู้ใช้/รหัสผ่าน: สาธิต/202005
บัญชีผู้ดูแลระบบ/รหัสผ่าน: admin/123456
สร้างแบบสอบถาม: สร้างแบบสอบถามเปล่าหรือเทมเพลต เทมเพลตมาจากแบบสอบถามที่เผยแพร่โดยผู้ใช้รายอื่นในระบบ
แก้ไขแบบสอบถาม: จัดเตรียมส่วนประกอบประเภทคำถามทั่วไปและคลังคำถาม รองรับการเรียงลำดับแบบลากและวาง และดูโครงร่างแบบสอบถามและดูตัวอย่างแบบสอบถามแบบเรียลไทม์ (พีซี เค้าโครงโทรศัพท์)
แจกจ่ายแบบสอบถาม: แบ่งปันแบบสอบถามผ่านทางเว็บลิงค์หรือรหัส QR
แบบสอบถามทางสถิติ: สถิติโปรไฟล์การกู้คืนของแบบสอบถาม (อัตราการฟื้นตัว, เวลาเฉลี่ย), แหล่งที่มาของแบบสอบถาม (IP, จังหวัด, อุปกรณ์, วิธีการแบ่งปัน) และสถานะการกรอกของแต่ละคำถาม (แผนภูมิสถิติ) รองรับการเลือกสองรายการ ในแบบสอบถาม เลือกหัวข้อเพื่อวิเคราะห์ข้าม
การส่งออกข้อมูล: ดาวน์โหลดรายงาน (JPG), การพิมพ์แบบสอบถาม (PDF)
เครื่องมือการพัฒนา: IntelliJ IDEA 2019.3.1 x64 |. Visual Studio Code 1.45.1 |. Google Chrome 81.0.4044.138
$ docker-compose up -d
หรือ
$ docker pull yont/onlinesurvey:v1.0.0
$ docker run -dt --name onlinesurvey --restart always
-p 39101:80
-e MYSQL_HOST= " 192.168.35.88 "
-e MYSQL_USER= " root "
-e MYSQL_PASSWORD= " 123456 "
yont/onlinesurvey:v1.0.0
MYSQL_HOST
: ชื่อโฮสต์ฐานข้อมูล mysql/IPMYSQL_PORT
: พอร์ตฐานข้อมูล mysql ค่าเริ่มต้นคือ 3306MYSQL_USER
: ชื่อผู้ใช้ mysqlMYSQL_PASSWORD
: รหัสผ่าน mysql สร้างฐานข้อมูลชื่อ "surveydb" และนำเข้าไฟล์ exploredb.sql
เปิดโครงการ onlinesurvey ปรับเปลี่ยนข้อมูลการเชื่อมต่อฐานข้อมูล และเริ่มโครงการ การกำหนดค่าเริ่มต้นจะเป็นดังนี้:
# 配置文件: onlinesurvey/src/main/resources/application.properties
spring.datasource.url =jdbc:mysql://localhost:3306/surveydb? serverTimezone =GMT%2B8
spring.datasource.username =root
spring.datasource.password =mysql
spring.datasource.driver-class-name =com.mysql.jdbc.Driver
เปิดโปรเจ็กต์ Surveyui รันการติดตั้ง npm ในโฟลเดอร์เพื่อสร้างการขึ้นต่อกัน และรัน npm run ให้บริการเพื่อเริ่มโปรเจ็กต์ ส่วนหัวคำขอเริ่มต้นมีดังนี้:
// 默认接口和域名: surveyui/src/request/http.js
axios . defaults . baseURL = "http://localhost:39000" ;
const domain = axios . defaults . domain = "http://localhost:8080"
baseURL ได้รับการกำหนดค่าเป็น api ในระหว่างการพัฒนา (โหมด dev) ให้ใช้ vue.config.js -> devServer -> พร็อกซีเป็นพร็อกซี ในระหว่างการปรับใช้ ให้ใช้ nginx สำหรับการส่งต่อ
โดเมนคือชื่อโดเมนที่ใช้ในการสร้างที่อยู่ตัวอย่างแบบสอบถาม
เปิดเบราว์เซอร์และไปที่ http://localhost:8080
ผู้ดูแลระบบ: admin/123456 ผู้ใช้ทั่วไป: demo/202005