シンプルな構成でアンケート関連のニーズを解決できるミニマルなアンケート システムです。
主なフロントエンド フレームワークとライブラリ: Vue、Element、Vuex、Vue-Router
主要なバックエンド フレームワークとライブラリ: Express、mongodb、mongoose
管理者ログイン (追記: ローポリゴンの背景アニメーションのオンとオフを制御します。現在のバージョンで背景アニメーションをオンにすることは、コンピューターのパフォーマンスに関する優れたテストとなるため、オフにすることをお勧めします)
アンケートのテンプレートを設定します。
アンケートを生成するテンプレートを選択します。
ユーザーはアンケートに記入します。
統計に関するアンケート。
コードgit clone https://github.com/no5no6/questionnaire.git
ダウンロードします。
バックエンドの依存関係をインストールするには、プロジェクトのルート ディレクトリでnpm install
実行します。
フロントエンドの依存関係をインストールするには、プロジェクトの question_web ディレクトリでnpm install
を実行します。
データベースを構成するには、まず、mongodb がこのマシンに正しくインストールされており、このマシンで正常に起動していることを確認します。 questionnaire
データベースをローカルに作成し、ログイン アカウントのユーザー名をky1
、パスワードを123
に設定します (追記: データベース名、ユーザー名、パスワードを変更する必要がある場合は、questions/models/index.js ファイルを開いて、対応する場所'mongodb://ky1:123@localhost:27017/questionnaire'
変更できます)。
(1) ターミナルウィンドウ(ターミナル)を開きます。
(2). コマンドラインを使用して mongodb を入力し、 mongo
入力して実行します。
(3). アンケートデータベースを作成し、 use questionnaire
入力・実行します。
(4) ユーザーを作成し、入力して実行します。
db.createUser({
user:'ky1',
pwd:'123',
roles:[{
"role" : "readWrite",
"db": "questionnaire"
}]
})
バックエンドサービスを起動し、プロジェクトルートディレクトリでnode questionnaire
を実行します。
管理者の作成
(1) ターミナルウィンドウ(ターミナル)を開きます。
(2). コマンドラインを使用して mongodb を入力し、 mongo
入力して実行します。
(3). アンケートデータベースを作成し、 use questionnaire
入力・実行します。
(4) ユーザーを作成し、入力して実行します。
db.users.insert({
name: "admin",
password: "123",
organization: 'test'
})
フロントエンド サービスを開始し、プロジェクト inventory_web ディレクトリでnpm run dev
を実行します。
ブラウザを開いて、localhost:8080/#/questionList にアクセスします。 (追記:アンケートに記入する際は、アンケートに記入する必要があるすべてのユーザーに閲覧アドレスを送信するだけです)
├── 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 // 项目主进程