questionnaire

questionário

Um sistema de questionário minimalista que pode ajudá-lo a resolver suas necessidades relacionadas ao questionário com apenas algumas configurações simples.
Principais frameworks e bibliotecas front-end: Vue, Element, Vuex, Vue-Router
Principais frameworks e bibliotecas de back-end: express, mongodb, mongoose

lógica de negócios

1. Os usuários precisam primeiro criar um modelo de questionário na página de gerenciamento de modelos e, em seguida, selecionar o modelo para criar um novo questionário na página de gerenciamento de questionários.
2. Um modelo pode corresponder a vários questionários (questões). Por exemplo, o modelo da pesquisa de consumo pode corresponder ao questionário da pesquisa de consumo de janeiro, ao questionário da pesquisa de consumo de fevereiro, ao questionário da pesquisa de consumo de março, etc., mas apenas um questionário (de questões) é permitido no âmbito do questionário. mesmo modelo. Status aberto.
3. Clique no botão Visualizar na página de gerenciamento do questionário para obter o link de preenchimento do questionário. Este link é enviado a todos os usuários que precisam preencher o questionário. Se você já tiver preenchido este questionário, não poderá preenchê-lo novamente.
4. Atualmente, as estatísticas do questionário só podem contar os dados de votação de um determinado período e atualmente não há suporte para usar o modelo como corpo principal para contar os dados de votação abrangentes de vários períodos no modelo.

Funções principais

1. Login de administrador (PS: Controle a ativação e desativação da animação de fundo de polígono baixo. Ativar a animação de fundo na versão atual é um ótimo teste de desempenho do computador, por isso é recomendado desligá-lo)
   

2. Configure um modelo de questionário.
   

3. Selecione um modelo para gerar um questionário.
   

4. Os usuários preenchem o questionário.
   

5. Questionário de Estatística.
   

Uso e instalação

1. Baixe o código git clone https://github.com/no5no6/questionnaire.git .

2. Para instalar dependências de back-end, execute npm install no diretório raiz do projeto.

3. Para instalar as dependências de front-end, execute npm install no diretório question_web do projeto.

4. Para configurar o banco de dados, primeiro confirme se o mongodb foi instalado corretamente nesta máquina e iniciado normalmente nesta máquina. Crie o banco de dados questionnaire localmente, defina o nome de usuário da conta de login como ky1 e a senha como 123 (PS: se você precisar alterar o nome, nome de usuário e senha do banco de dados, abra o arquivo questionrio/models/index.js e encontre o arquivo local correspondente 'mongodb://ky1:123@localhost:27017/questionnaire' pode ser modificado).
   (1). Abra a janela do terminal (Terminal).
   (2). Use a linha de comando para entrar no mongodb, digite e execute mongo .
   (3). Crie um banco de dados de questionário, insira e execute use questionnaire .
   (4). Crie usuário, entre e execute.

     db.createUser({
       user:'ky1',
       pwd:'123',
       roles:[{
         "role" : "readWrite",
         "db": "questionnaire"
       }]
     })
   

5. Inicie o serviço de backend e execute node questionnaire no diretório raiz do projeto.

6. Criar administrador
   (1). Abra a janela do terminal (Terminal).
   (2). Use a linha de comando para entrar no mongodb, digite e execute mongo .
   (3). Crie um banco de dados de questionário, insira e execute use questionnaire .
   (4). Crie usuário, entre e execute.

     db.users.insert({
       name: "admin", 
       password: "123", 
       organization: 'test' 
     })
   

7. Inicie o serviço front-end e execute npm run dev no diretório question_web do projeto.

8. Abra o navegador e visite localhost:8080/#/questionList. (PS: Ao preencher o questionário, basta enviar o endereço de visualização para todos os usuários que precisam preencher o questionário)

Estrutura do projeto

 ├── 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   // 项目主进程