OnlineSurvey

Survei Online

Desain Wisuda 2020, Website Kuesioner Online

Alamat demo (Demo): https://survey.yonatan.cn/

Akun pengguna/kata sandi: demo/202005
Akun/kata sandi administrator: admin/123456

Pengenalan fungsi

• Buat kuesioner: Buat kuesioner kosong atau templat. Templat tersebut berasal dari kuesioner yang diterbitkan oleh pengguna lain di sistem.

• Edit kuesioner: Menyediakan komponen jenis pertanyaan umum dan bank soal, mendukung penyortiran drag-and-drop, dan melihat garis besar kuesioner dan pratinjau kuesioner secara real time (PC, Tata letak telepon)

• Bagikan kuesioner: bagikan kuesioner melalui tautan web atau kode QR

• Kuesioner Statistik: Statistik profil pemulihan kuesioner (tingkat pemulihan, waktu rata-rata), sumber kuesioner (IP, provinsi, peralatan, metode pembagian) dan status pengisian setiap pertanyaan (grafik statistik), mendukung pemilihan dua item pada kuesioner Pilih topik untuk analisis silang

• Ekspor data: pengunduhan laporan (JPG), pencetakan kuesioner (PDF)

lingkungan pengembangan

• jdk 13
• Sepatu Musim Semi
• mysql8
• simpul v12.14.1
• lihat 2

Alat pengembangan: IntelliJ IDEA 2019.3.1 x64 |. Visual Studio Code 1.45.1 |

Terapkan dan jalankan

$ docker-compose up -d

atau

$ 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 : nama host/IP basis data mysql
• MYSQL_PORT : port database mysql, defaultnya adalah 3306
• MYSQL_USER : nama pengguna mysql
• MYSQL_PASSWORD : kata sandi mysql

Persiapan pembangunan

1. Buat database bernama "surveydb" dan impor file surveydb.sql.

2. Buka proyek survei online, ubah informasi koneksi database, dan mulai proyek. Konfigurasi defaultnya adalah sebagai berikut:

    # 配置文件： 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

3. Buka proyek surveyui, jalankan npm install di folder untuk membangun dependensi, dan jalankan npm run serve untuk memulai proyek. Header permintaan default adalah sebagai berikut:

    // 默认接口和域名: surveyui/src/request/http.js 
   axios . defaults . baseURL = "http://localhost:39000" ;
   const domain = axios . defaults . domain = "http://localhost:8080"

   BaseURL dikonfigurasi sebagai api. Selama pengembangan (mode dev), gunakan vue.config.js -> devServer -> proxy sebagai proxy selama penerapan, gunakan nginx untuk meneruskan.

   domain adalah nama domain, digunakan untuk menghasilkan alamat pratinjau kuesioner

4. Buka browser dan kunjungi http://localhost:8080

   Administrator: admin/123456 Pengguna biasa: demo/202005