OnlineSurvey

OnlineSurvey

2020畢設，線上問卷調查網站

示範網址(Demo)：https://survey.yonatan.cn/

使用者帳號/密碼：demo / 202005
管理員帳號/密碼：admin / 123456

功能介紹

• 建立問卷：建立空白或範本問卷，範本來自系統內其他使用者公開的問卷

• 編輯問卷：提供常見題型組件和題庫，支援拖曳排序，即時查看問卷大綱和問卷預覽（PC、Phone佈局）

• 投放問卷：網頁連結或二維碼兩種方式分享問卷

• 統計問卷：統計了問卷的回收概況（回收率、平均用時)，問卷來源（IP、省份、設備、何種分享方式）和每題的填寫情況（統計圖），支持選擇問卷上的兩道單選題進行交叉分析

• 資料匯出：報表下載（JPG），問卷列印（PDF）

開發環境

• jdk 13
• Spring Boot
• mysql 8
• node v12.14.1
• vue 2

開發工具：IntelliJ IDEA 2019.3.1 x64 | Visual Studio Code 1.45.1 | Google Chrome 81.0.4044.138

部署運行

$ docker-compose up -d

或者

$ docker pull yont/onlinesurvey:v1.0.0

$ docker run -dt --name onlinesurvey --restart always 
             -p 39101:80 
             -e MYSQL_HOST= " 192.168.35.88 " 
             -e MYSQL_USER= " root " 
             -e MYSQL_PASSWORD= " 123456 " 
  yont/onlinesurvey:v1.0.0

• MYSQL_HOST : mysql 資料庫主機名稱/IP
• MYSQL_PORT : mysql 資料庫連接埠, 預設是3306
• MYSQL_USER : mysql 使用者名
• MYSQL_PASSWORD : mysql 密碼

開發準備

1. 建立名稱為「surveydb」 的資料庫，匯入surveydb.sql 檔案。

2. 開啟onlinesurvey 項目，修改資料庫連接訊息，啟動項目。預設配置如下：

    # 配置文件： onlinesurvey/src/main/resources/application.properties 
   spring.datasource.url =jdbc:mysql://localhost:3306/surveydb? serverTimezone =GMT%2B8
   spring.datasource.username =root
   spring.datasource.password =mysql
   spring.datasource.driver-class-name =com.mysql.jdbc.Driver

3. 開啟surveyui 項目，在資料夾下執行npm install 建置依賴，運行npm run serve 啟動專案。預設請求頭如下：

    // 默认接口和域名: surveyui/src/request/http.js 
   axios . defaults . baseURL = "http://localhost:39000" ;
   const domain = axios . defaults . domain = "http://localhost:8080"

   baseURL 配置成api，開發時(dev 模式)，用vue.config.js -> devServer -> proxy 做代理；部署時，用nginx 轉送

   domain 是域名，用於產生問卷預覽地址

4. 開啟瀏覽器造訪http://localhost:8080

   管理員：admin / 123456 普通使用者：demo / 202005