OnlineSurvey

Enquête en ligne

Conception de remise des diplômes 2020, site Web de questionnaire en ligne

Adresse de démonstration (Démo) : https://survey.yonatan.cn/

Compte utilisateur/mot de passe : démo/202005
Compte administrateur/mot de passe : admin/123456

Présentation de la fonction

• Créer un questionnaire : Créez un questionnaire vierge ou modèle. Le modèle provient des questionnaires publiés par d'autres utilisateurs dans le système.

• Modifier le questionnaire : fournissez des composants de type de question courants et des banques de questions, prenez en charge le tri par glisser-déposer et affichez le plan et l'aperçu du questionnaire en temps réel (PC, disposition du téléphone)

• Distribuer le questionnaire : partagez le questionnaire via un lien Web ou un code QR

• Questionnaire statistique : Les statistiques du profil de récupération du questionnaire (taux de récupération, temps moyen), la source du questionnaire (IP, province, équipement, méthode de partage) et l'état de remplissage de chaque question (graphique statistique), soutiennent la sélection de deux éléments. sur le questionnaire Sélectionner les sujets d'analyse croisée

• Exportation des données : téléchargement du rapport (JPG), impression du questionnaire (PDF)

environnement de développement

• jdk13
• Botte de printemps
• MySQL 8
• nœud v12.14.1
• vue 2

Outils de développement : IntelliJ IDEA 2019.3.1 x64 | Visual Studio Code 1.45.1 | Google Chrome 81.0.4044.138

Déployer et exécuter

$ docker-compose up -d

ou

$ 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 : nom d'hôte/IP de la base de données MySQL
• MYSQL_PORT : port de la base de données mysql, la valeur par défaut est 3306
• MYSQL_USER : nom d'utilisateur MySQL
• MYSQL_PASSWORD : mot de passe mysql

Préparation au développement

1. Créez une base de données nommée "surveydb" et importez le fichier Surveydb.sql.

2. Ouvrez le projet onlinesurvey, modifiez les informations de connexion à la base de données et démarrez le projet. La configuration par défaut est la suivante :

    # 配置文件： 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. Ouvrez le projet Surveyui, exécutez npm install dans le dossier pour créer des dépendances et exécutez npm run serve pour démarrer le projet. Les en-têtes de requête par défaut sont les suivants :

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

   La baseURL est configurée en tant qu'API. Pendant le développement (mode développement), utilisez vue.config.js -> devServer -> proxy comme proxy pendant le déploiement, utilisez nginx pour le transfert.

   domain est le nom de domaine, utilisé pour générer l'adresse d'aperçu du questionnaire

4. Ouvrez le navigateur et visitez http://localhost:8080

   Administrateur : admin/123456 Utilisateur ordinaire : demo/202005