Abschlussdesign 2020, Website für Online-Fragebögen
Demo-Adresse (Demo): https://survey.yonatan.cn/
Benutzerkonto/Passwort: demo/202005
Administratorkonto/Passwort: admin/123456
Erstellen Sie einen Fragebogen: Erstellen Sie einen leeren Fragebogen oder einen Musterfragebogen. Die Vorlage stammt aus den Fragebögen, die von anderen Benutzern im System veröffentlicht wurden.
Fragebogen bearbeiten: Stellen Sie gängige Fragetypkomponenten und Fragendatenbanken bereit, unterstützen Sie die Drag-and-Drop-Sortierung und zeigen Sie den Fragebogenumriss und die Fragebogenvorschau in Echtzeit an (PC-, Telefon-Layout).
Fragebogen verteilen: Teilen Sie den Fragebogen per Weblink oder QR-Code
Statistischer Fragebogen: Statistiken über das Wiederherstellungsprofil des Fragebogens (Erholungsrate, durchschnittliche Zeit), die Quelle des Fragebogens (IP, Provinz, Ausrüstung, Freigabemethode) und den Ausfüllstatus jeder Frage (statistisches Diagramm) unterstützen die Auswahl von zwei Elementen auf dem Fragebogen Wählen Sie Themen für die Kreuzanalyse aus
Datenexport: Berichtsdownload (JPG), Fragebogendruck (PDF)
Entwicklungstools: IntelliJ IDEA 2019.3.1 x64 |. Visual Studio Code 1.45.1 |
$ docker-compose up -d
oder
$ 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
: Hostname/IP der MySQL-DatenbankMYSQL_PORT
: MySQL-Datenbankport, der Standardwert ist 3306MYSQL_USER
: MySQL-BenutzernameMYSQL_PASSWORD
: MySQL-Passwort Erstellen Sie eine Datenbank mit dem Namen „surveydb“ und importieren Sie die Datei „surveydb.sql“.
Öffnen Sie das Onlinesurvey-Projekt, ändern Sie die Datenbankverbindungsinformationen und starten Sie das Projekt. Die Standardkonfiguration ist wie folgt:
# 配置文件: 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
Öffnen Sie das SurveyUI-Projekt, führen Sie npm install im Ordner aus, um Abhängigkeiten zu erstellen, und führen Sie npm run Serve aus, um das Projekt zu starten. Die Standard-Anfrageheader lauten wie folgt:
// 默认接口和域名: surveyui/src/request/http.js
axios . defaults . baseURL = "http://localhost:39000" ;
const domain = axios . defaults . domain = "http://localhost:8080"
Die BaseURL ist als API konfiguriert. Verwenden Sie während der Entwicklung (Dev-Modus) vue.config.js -> devServer -> Proxy als Proxy. Verwenden Sie während der Bereitstellung Nginx.
domain ist der Domänenname, der zum Generieren der Fragebogen-Vorschauadresse verwendet wird
Öffnen Sie den Browser und besuchen Sie http://localhost:8080
Administrator: admin/123456 Normaler Benutzer: demo/202005