questionnaire

daftar pertanyaan

Sistem kuesioner minimalis yang dapat membantu Anda menyelesaikan kebutuhan terkait kuesioner hanya dengan beberapa konfigurasi sederhana.
Kerangka kerja dan pustaka front-end utama: Vue, Element, Vuex, Vue-Router
Kerangka kerja dan pustaka back-end utama: express, mongodb, mongoose

logika bisnis

1. Pengguna harus membuat template kuesioner terlebih dahulu di halaman pengelolaan template, lalu memilih template untuk membuat kuesioner baru di halaman pengelolaan kuesioner.
2. Satu template dapat berhubungan dengan beberapa kuesioner (masalah). Misalnya, template survei konsumsi dapat berhubungan dengan kuesioner survei konsumsi bulan Januari, kuesioner survei konsumsi bulan Februari, kuesioner survei konsumsi bulan Maret, dll., namun hanya satu kuesioner (masalah) yang diperbolehkan dalam kuesioner tersebut. templat yang sama.
3. Klik tombol Lihat pada halaman pengelolaan kuesioner untuk mendapatkan link pengisian kuesioner. Link ini dikirimkan kepada seluruh pengguna yang perlu mengisi kuesioner ini, maka Anda tidak dapat mengisinya kembali.
4. Statistik kuesioner saat ini hanya dapat menghitung data pemungutan suara pada periode tertentu, dan saat ini tidak didukung untuk menggunakan templat sebagai badan utama untuk menghitung data pemungutan suara komprehensif dari beberapa periode di bawah templat.

Fungsi utama

1. Login administrator (PS: Mengontrol menghidupkan dan mematikan animasi latar belakang poligon rendah. Mengaktifkan animasi latar belakang di versi saat ini merupakan ujian yang bagus untuk kinerja komputer, jadi disarankan untuk mematikannya)
   

2. Siapkan templat kuesioner.
   

3. Pilih template untuk menghasilkan kuesioner.
   

4. Pengguna mengisi kuesioner.
   

5. Kuesioner Statistik.
   

Penggunaan dan instalasi

1. Unduh kode git clone https://github.com/no5no6/questionnaire.git .

2. Untuk menginstal dependensi backend, jalankan npm install di direktori root proyek.

3. Untuk menginstal dependensi front-end, jalankan npm install di direktori proyek questioner_web.

4. Untuk mengkonfigurasi database, pertama-tama konfirmasikan bahwa mongodb telah diinstal dengan benar di mesin ini dan dimulai secara normal di mesin ini. Buat database questionnaire secara lokal, atur nama pengguna akun login menjadi ky1 , dan kata sandi menjadi 123 (PS: Jika Anda perlu mengubah nama database, nama pengguna, dan kata sandi, silakan buka file kuesioner/models/index.js dan temukan lokasi yang sesuai 'mongodb://ky1:123@localhost:27017/questionnaire' dapat dimodifikasi).
   (1). Buka jendela terminal (Terminal).
   (2). Gunakan baris perintah untuk masuk ke mongodb, masuk dan jalankan mongo .
   (3). Buat database kuesioner, masukkan dan jalankan use questionnaire .
   (4). Buat pengguna, masuk dan jalankan

     db.createUser({
       user:'ky1',
       pwd:'123',
       roles:[{
         "role" : "readWrite",
         "db": "questionnaire"
       }]
     })
   

5. Mulai layanan back-end dan jalankan node questionnaire di direktori root proyek.

6. Buat administrator
   (1). Buka jendela terminal (Terminal).
   (2). Gunakan baris perintah untuk masuk ke mongodb, masuk dan jalankan mongo .
   (3). Buat database kuesioner, masukkan dan jalankan use questionnaire .
   (4). Buat pengguna, masuk dan jalankan

     db.users.insert({
       name: "admin", 
       password: "123", 
       organization: 'test' 
     })
   

7. Mulai layanan front-end dan jalankan npm run dev di direktori proyek questioner_web.

8. Buka browser dan kunjungi localhost:8080/#/questionList. (PS: Saat mengisi kuesioner, cukup kirimkan alamat melihat ke seluruh pengguna yang ingin mengisi kuesioner)

Struktur proyek

 ├── db                 // 备份数据库脚本
├── models             // 数据库模型目录
├── public
│   └── web            // 前端打包后运行文件目录
│
├── questionnaire_web  // 前端目录
│   ├── src
│   │   ├── components // 组件目录
│   │   ├──router      // 路由目录（vue-router）
│   │   ├── store      // 模型目录(vuex)
│   │   ├── views      // 视图目录
│   │   └── main.js    // 前端入口文件
│   ├── index.html     // 首页
│   └── package.json   // 前端包管理文件
│
├── router             // 接口目录
├── package.json       // 后端包管理文件
└── questionnaire.js   // 项目主进程