ts vue questionnaire

マイクロアンケート調査システム TypeScript版

学校や単元に適したアンケート調査システムは、事前に参加者を導入する必要があり、制御可能な範囲でアンケート調査を実施できることが特徴である。

関数

1. アンケートの作成、アンケートの編集、アンケートの削除、アンケートの期限の変更
2. 結果の統計、サンプルデータ、リサイクルステータス、および単一の質問の相互分析を表示できます。
3. Excel を使用してユーザーの一括インポート、ユーザーの一括削除、ユーザーの管理を行う
4. アンケートページはモバイル端末に対応しています
5. TypeScript のサポート

ディレクトリ構造

├── public                     # public static assets (directly copied)
│   │── favicon.ico            # favicon
│   └── index.html             # index.html template
├── src                        # main source code
│   ├── api                    # api service
│   ├── assets                 # module assets like fonts, images (processed by webpack)
│   ├── components             # global components
│   ├── config                 # config of enum etc.
│   ├── filters                # global filter
│   ├── plugins                # third party packages
│   ├── router                 # router
│   ├── store                  # store
│   ├── types                  # namespace declaration
│   ├── utils                  # global utils
│   ├── views                  # views
│   ├── App.vue                # main app component
│   ├── global.d.ts            # third types declaration
│   ├── main.ts                # app entry file
│   ├── shim-request-proper-
        ty.d.ts                # bind $axios on Vue property
│   ├── shims-tsx.d.ts         # type definition shims
│   └── shims-vue.d.ts         # type definition shims
├── tests/                     # tests
├── .browserslistrc            # browserslist config file (to support Autoprefixer)
├── .editorconfig              # editor code format consistency config
├── .env.xxx                   # env variable configuration
├── .eslintrc.js               # eslint config
├── babel.config.js            # babel config
├── jest.config.js             # jest unit test config
├── package.json               # package.json
├── tsconfig.json              # typescript config
└── vue.config.js              # vue-cli config 

プロジェクト運営

依存関係をインストールする

yarn install

開発とデバッグ

yarn run serve

実稼働環境の展開

yarn run build

カスタム Vue 構成

「構成リファレンス」を参照してください。

サードパーティのプラグイン

• xlsx
• ファイルセーバー
• 要素 ui
• eチャート
• QRコード
• クリップボード

一括インポート

ユーザーのバッチ インポート テンプレート ファイルについては、 /Import_Template.xlsを参照してください。

APIとデータベース

.env.開発

ローカル環境の場合は、ルート ディレクトリにある.env.developmentファイル内のVUE_APP_BASE_API 、ローカル デバッグ用のバックエンド デプロイメント アドレスに変更してください。

.env.production

運用環境の場合は、ルート ディレクトリの.env.productionファイル内のVUE_APP_BASE_APIオンライン バックエンド デプロイメント アドレスに変更してください。

vue-questionnaire-api を確認してください。

バックエンド コードは見苦しいため、リファクタリングされる予定です。

ライセンス

マサチューセッツ工科大学

奨励する