OnlineSurvey

オンラインアンケート

2020年度卒業設計 オンラインアンケートサイト

デモアドレス（Demo）：https://survey.yonatan.cn/

ユーザーアカウント/パスワード：demo/202005
管理者アカウント/パスワード: admin/123456

機能紹介

• アンケートの作成: 空のアンケートまたはテンプレートのアンケートを作成します。テンプレートは、システム内の他のユーザーが公開したアンケートから取得します。

• アンケートの編集: 一般的な質問タイプのコンポーネントと質問バンクを提供し、ドラッグ アンド ドロップによる並べ替えをサポートし、アンケートの概要とアンケートのプレビューをリアルタイムで表示します (PC、電話レイアウト)。

• アンケートの配布: Web リンクまたは QR コードを介してアンケートを共有します

• 統計アンケート: アンケートの回復プロファイルの統計 (回復率、平均時間)、アンケートのソース (IP、州、設備、共有方法)、および各質問の回答状況 (統計グラフ) は、2 つの項目の選択をサポートします。アンケートでクロス分析するトピックを選択します

• データエクスポート：レポートダウンロード（JPG）、アンケート印刷（PDF）

開発環境

• jk 13
• スプリングブーツ
• mysql8
• ノードv12.14.1
• vue2

開発ツール: IntelliJ IDEA 2019.3.1 x64 | 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 runserve を実行してプロジェクトを開始します。デフォルトのリクエストヘッダーは次のとおりです。

    // 默认接口和域名: 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