Un sistema de cuestionarios minimalista que puede ayudarle a resolver sus necesidades relacionadas con los cuestionarios con solo algunas configuraciones simples.
Principales frameworks y bibliotecas front-end: Vue, Element, Vuex, Vue-Router
Principales frameworks y bibliotecas de back-end: express, mongodb, mongoose
Inicio de sesión de administrador (PD: controle el encendido y apagado de la animación de fondo con polígonos bajos. Activar la animación de fondo en la versión actual es una excelente prueba para el rendimiento de la computadora, por lo que se recomienda desactivarla)
Configure una plantilla de cuestionario.
Seleccione una plantilla para generar un cuestionario.
Los usuarios completan el cuestionario.
Cuestionario Estadístico.
Descargue el código git clone https://github.com/no5no6/questionnaire.git
.
Para instalar dependencias de backend, ejecute npm install
en el directorio raíz del proyecto.
Para instalar las dependencias de front-end, ejecute npm install
en el directorio cuestionario_web del proyecto.
Para configurar la base de datos, primero confirme que mongodb se haya instalado correctamente en esta máquina y se haya iniciado normalmente en esta máquina. Cree la base de datos questionnaire
localmente, establezca el nombre de usuario de la cuenta de inicio de sesión en ky1
y la contraseña en 123
(PD: si necesita cambiar el nombre de la base de datos, el nombre de usuario y la contraseña, abra el archivo cuestionario/models/index.js y busque el la ubicación correspondiente 'mongodb://ky1:123@localhost:27017/questionnaire'
se puede modificar).
(1). Abra la ventana de terminal (Terminal).
(2). Utilice la línea de comando para ingresar mongodb, ingresar y ejecutar mongo
.
(3). Cree una base de datos de cuestionarios, ingrese y ejecute use questionnaire
.
(4). Crear usuario, ingresar y ejecutar.
db.createUser({
user:'ky1',
pwd:'123',
roles:[{
"role" : "readWrite",
"db": "questionnaire"
}]
})
Inicie el servicio back-end y ejecute node questionnaire
en el directorio raíz del proyecto.
Crear administrador
(1). Abra la ventana de terminal (Terminal).
(2). Utilice la línea de comando para ingresar mongodb, ingresar y ejecutar mongo
.
(3). Cree una base de datos de cuestionarios, ingrese y ejecute use questionnaire
.
(4). Crear usuario, ingresar y ejecutar.
db.users.insert({
name: "admin",
password: "123",
organization: 'test'
})
Inicie el servicio front-end y ejecute npm run dev
en el directorio cuestionario_web del proyecto.
Abra el navegador y visite localhost:8080/#/questionList. (PD: al completar el cuestionario, simplemente envíe la dirección de visualización a todos los usuarios que necesiten completar el cuestionario)
├── 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 // 项目主进程