questionnaire

questionnaire

一個極簡的問卷系統，只需一些簡單的配置就可以幫您解決問卷相關需求。
前端主要框架與函式庫：Vue、Element、Vuex、Vue-Router
後端主要框架與函式庫：express、mongodb、mongoose

業務邏輯

1. 使用者需先在範本管理頁面建立問卷模板，再在問捲管理頁面，選取此範本建立新的問卷。
2. 一個模板可對應多個（期）問卷，例：消費調查模板可對應，1月份消費問卷、2月份消費問卷、3月份消費問卷等，但同一模板下只允許一個（期）問卷為打開狀態。
3. 點擊問捲管理頁面的查看按鈕，獲得問卷填寫鏈接，此鏈接發給所有需要做問卷調查的用戶，如果已填寫過此期問卷則不能重複填寫。
4. 問卷統計目前只能統計某一期的投票數據，暫不支持以模板為主體，統計此模板下多期綜合投票數據。

主要功能

1. 管理員登入(PS: 控制開啟、關閉低多邊形背景動畫。目前版本開啟背景動畫對電腦效能考驗較大，建議關閉)
   

2. 設定問卷模板。
   

3. 選擇模板生成問卷。
   

4. 使用者填寫問卷。
   

5. 統計問卷。
   

使用與安裝

1. 下載程式碼git clone https://github.com/no5no6/questionnaire.git 。

2. 安裝後端依賴，專案根目錄下執行npm install 。

3. 安裝前端依賴，專案questionnaire_web目錄下執行npm install 。

4. 設定資料庫,首先確認本機已經正確安裝了mongodb並在本機正常啟動。在本地建立questionnaire資料庫，設定登入帳號使用者名稱為ky1 ，密碼為123 (PS：如果需要更改資料庫名稱、使用者名稱、密碼，請開啟questionnaire/models/index.js文件，找到對應位置'mongodb://ky1:123@localhost:27017/questionnaire'修改即可)。
   (1). 開啟終端機視窗（Terminal）。
   (2). 用命令列進入mongodb，輸入並執行mongo 。
   (3). 建立questionnaire資料庫，輸入並執行use questionnaire 。
   (4). 建立用戶，輸入並執行

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

5. 啟動後端服務，專案根目錄下執行node questionnaire 。

6. 建立管理員
   (1). 開啟終端機視窗（Terminal）。
   (2). 用命令列進入mongodb，輸入並執行mongo 。
   (3). 建立questionnaire資料庫，輸入並執行use questionnaire 。
   (4). 建立用戶，輸入並執行

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

7. 啟動前端服務，專案questionnaire_web目錄下執行npm run dev 。

8. 開啟瀏覽器，存取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   // 项目主进程