Ein minimalistisches Fragebogensystem, das Ihnen dabei helfen kann, Ihre fragebogenbezogenen Anforderungen mit nur wenigen einfachen Konfigurationen zu erfüllen.
Wichtigste Front-End-Frameworks und Bibliotheken: Vue, Element, Vuex, Vue-Router
Wichtigste Back-End-Frameworks und Bibliotheken: Express, Mongodb, Mongoose
Administratoranmeldung (PS: Steuern Sie das Ein- und Ausschalten der Low-Polygon-Hintergrundanimation. Das Einschalten der Hintergrundanimation in der aktuellen Version ist ein großer Test für die Computerleistung, daher wird empfohlen, sie auszuschalten.)
Richten Sie eine Fragebogenvorlage ein.
Wählen Sie eine Vorlage aus, um einen Fragebogen zu erstellen.
Benutzer füllen den Fragebogen aus.
Statistikfragebogen.
Laden Sie den Code git clone https://github.com/no5no6/questionnaire.git
.
Um Backend-Abhängigkeiten zu installieren, führen Sie npm install
im Projektstammverzeichnis aus.
Um die Front-End-Abhängigkeiten zu installieren, führen Sie npm install
im Projekt-Fragebogen_web-Verzeichnis aus.
Um die Datenbank zu konfigurieren, bestätigen Sie zunächst, dass mongodb korrekt auf diesem Computer installiert und normal auf diesem Computer gestartet wurde. Erstellen Sie die questionnaire
lokal, legen Sie den Benutzernamen des Anmeldekontos auf ky1
und das Passwort auf 123
fest (PS: Wenn Sie den Datenbanknamen, den Benutzernamen und das Passwort ändern müssen, öffnen Sie bitte die Datei questions/models/index.js und suchen Sie nach Der entsprechende Standort 'mongodb://ky1:123@localhost:27017/questionnaire'
kann geändert werden.
(1). Öffnen Sie das Terminalfenster (Terminal).
(2) Geben Sie mongodb über die Befehlszeile ein, geben Sie mongo
ein und führen Sie es aus.
(3) Fragebogendatenbank erstellen, use questionnaire
eingeben und ausführen.
(4). Benutzer erstellen, eingeben und ausführen
db.createUser({
user:'ky1',
pwd:'123',
roles:[{
"role" : "readWrite",
"db": "questionnaire"
}]
})
Starten Sie den Back-End-Dienst und führen Sie node questionnaire
im Projektstammverzeichnis aus.
Administrator erstellen
(1). Öffnen Sie das Terminalfenster (Terminal).
(2) Geben Sie mongodb über die Befehlszeile ein, geben Sie mongo
ein und führen Sie es aus.
(3) Fragebogendatenbank erstellen, use questionnaire
eingeben und ausführen.
(4). Benutzer erstellen, eingeben und ausführen
db.users.insert({
name: "admin",
password: "123",
organization: 'test'
})
Starten Sie den Front-End-Dienst und führen Sie npm run dev
im Projekt-Fragebogen_web-Verzeichnis aus.
Öffnen Sie den Browser und besuchen Sie localhost:8080/#/questionList. (PS: Senden Sie beim Ausfüllen des Fragebogens einfach die Anzeigeadresse an alle Benutzer, die den Fragebogen ausfüllen müssen.)
├── 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 // 项目主进程