questionnaire

questionnaire

Un système de questionnaire minimaliste qui peut vous aider à résoudre vos besoins liés aux questionnaires avec seulement quelques configurations simples.
Principaux frameworks et bibliothèques front-end : Vue, Element, Vuex, Vue-Router
Principaux frameworks et bibliothèques back-end : express, mongodb, mongoose

logique métier

1. Les utilisateurs doivent d'abord créer un modèle de questionnaire sur la page de gestion des modèles, puis sélectionner le modèle pour créer un nouveau questionnaire sur la page de gestion des questionnaires.
2. Un modèle peut correspondre à plusieurs questionnaires (à problèmes). Par exemple, le modèle d'enquête de consommation peut correspondre au questionnaire d'enquête de consommation de janvier, au questionnaire d'enquête de consommation de février, au questionnaire d'enquête de consommation de mars, etc., mais un seul questionnaire (à problème) est autorisé dans le cadre du questionnaire. même modèle. Statut ouvert.
3. Cliquez sur le bouton Afficher sur la page de gestion du questionnaire pour obtenir le lien de remplissage du questionnaire. Ce lien est envoyé à tous les utilisateurs devant remplir le questionnaire. Si vous avez déjà rempli ce questionnaire, vous ne pouvez pas le remplir à nouveau.
4. Les statistiques du questionnaire ne peuvent actuellement compter que les données de vote d'une certaine période, et il n'est actuellement pas pris en charge d'utiliser le modèle comme corps principal pour compter les données de vote complètes de plusieurs périodes sous le modèle.

Fonctions principales

1. Connexion administrateur (PS : contrôlez l'activation et la désactivation de l'animation d'arrière-plan à faible polygone. L'activation de l'animation d'arrière-plan dans la version actuelle est un excellent test sur les performances de l'ordinateur, il est donc recommandé de la désactiver)
   

2. Configurez un modèle de questionnaire.
   

3. Sélectionnez un modèle pour générer un questionnaire.
   

4. Les utilisateurs remplissent le questionnaire.
   

5. Questionnaire statistique.
   

Utilisation et installation

1. Téléchargez le code git clone https://github.com/no5no6/questionnaire.git .

2. Pour installer les dépendances backend, exécutez npm install dans le répertoire racine du projet.

3. Pour installer les dépendances frontales, exécutez npm install dans le répertoire questionnaire_web du projet.

4. Pour configurer la base de données, confirmez d'abord que mongodb a été correctement installé sur cette machine et démarré normalement sur cette machine. Créez la base de données questionnaire localement, définissez le nom d'utilisateur du compte de connexion sur ky1 et le mot de passe sur 123 (PS : si vous devez modifier le nom de la base de données, le nom d'utilisateur et le mot de passe, veuillez ouvrir le fichier questionnaire/models/index.js et trouver le l'emplacement correspondant 'mongodb://ky1:123@localhost:27017/questionnaire' peut être modifié).
   (1). Ouvrez la fenêtre du terminal (Terminal).
   (2). Utilisez la ligne de commande pour entrer mongodb, entrez et exécutez mongo .
   (3). Créer une base de données de questionnaires, saisir et exécuter use questionnaire .
   (4). Créez un utilisateur, entrez et exécutez.

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

5. Démarrez le service back-end et exécutez node questionnaire dans le répertoire racine du projet.

6. Créer un administrateur
   (1). Ouvrez la fenêtre du terminal (Terminal).
   (2). Utilisez la ligne de commande pour entrer mongodb, entrez et exécutez mongo .
   (3). Créer une base de données de questionnaires, saisir et exécuter use questionnaire .
   (4). Créez un utilisateur, entrez et exécutez.

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

7. Démarrez le service frontal et exécutez npm run dev dans le répertoire questionnaire_web du projet.

8. Ouvrez le navigateur et visitez localhost:8080/#/questionList. (PS : lorsque vous remplissez le questionnaire, envoyez simplement l'adresse de consultation à tous les utilisateurs qui doivent remplir le questionnaire)

Structure du projet

 ├── 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   // 项目主进程