Минималистичная система анкетирования, которая может помочь вам решить ваши потребности, связанные с анкетами, с помощью всего лишь нескольких простых настроек.
Основные интерфейсные фреймворки и библиотеки: Vue, Element, Vuex, Vue-Router.
Основные серверные фреймворки и библиотеки: express, mongodb, mongoose.
Вход администратора (PS: Управление включением и выключением низкополигональной фоновой анимации. Включение фоновой анимации в текущей версии — отличная проверка производительности компьютера, поэтому рекомендуется ее отключить)
Настройте шаблон анкеты.
Выберите шаблон для создания анкеты.
Пользователи заполняют анкету.
Статистическая анкета.
Загрузите git clone https://github.com/no5no6/questionnaire.git
.
Чтобы установить зависимости серверной части, выполните npm install
в корневом каталоге проекта.
Чтобы установить зависимости внешнего интерфейса, выполните npm install
в каталоге проекта questions_web.
Чтобы настроить базу данных, сначала убедитесь, что mongodb правильно установлен на этом компьютере и нормально запускается на этом компьютере. Создайте базу данных questionnaire
локально, установите имя пользователя учетной записи для входа в систему ky1
и пароль 123
(PS: если вам нужно изменить имя базы данных, имя пользователя и пароль, откройте файл анкеты/модели/index.js и найдите файл соответствующее местоположение 'mongodb://ky1:123@localhost:27017/questionnaire'
можно изменить).
(1) Откройте окно терминала (Терминал).
(2) Используйте командную строку для входа в mongodb, введите и выполните mongo
.
(3). Создайте базу данных анкет, введите и выполните use questionnaire
.
(4) Создайте пользователя, введите и выполните.
db.createUser({
user:'ky1',
pwd:'123',
roles:[{
"role" : "readWrite",
"db": "questionnaire"
}]
})
Запустите серверную службу и выполните node questionnaire
в корневом каталоге проекта.
Создать администратора
(1) Откройте окно терминала (Терминал).
(2) Используйте командную строку для входа в mongodb, введите и выполните mongo
.
(3). Создайте базу данных анкет, введите и выполните use questionnaire
.
(4) Создайте пользователя, введите и выполните.
db.users.insert({
name: "admin",
password: "123",
organization: 'test'
})
Запустите интерфейсную службу и выполните npm run dev
в каталоге анкеты_веб проекта.
Откройте браузер и посетите localhost:8080/#/questionList. (PS: При заполнении анкеты просто отправьте адрес просмотра всем пользователям, которым необходимо заполнить анкету)
├── 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 // 项目主进程