teaching assistant system

導入

本システムは主に教師側フロントエンドプロジェクト、生徒側フロントエンドプロジェクト、バックエンドインターフェースプロジェクトの3つで構成されます（2018年版）。

開発環境 macOS 10.13.4 nodejs 8.9.3 Mongodb 3.4.2

テクノロジースタック

バックエンド:nodejs + Express

フロントエンド: vue2.0 + Element-ui + Mint-UI + vuex + vue-router + axios + es6/7

データベース: mongodb + マングース

ローカルで実行

1. mongodb サービスを開始し、データベースに接続します。

2. プロジェクトディレクトリに入る

• サーバーディレクトリに入り、サーバーを起動します:node bin/www
• 教師または生徒のディレクトリに入り、フロントエンドを開始します: npm run dev
  • 教師側アクセス: http://localhost:8080
  • 学生のアクセス: http://localhost:8082

システムデモンストレーション

Classroom Teaching Assistance System-Demonstration Video をクリックすると、再生時間 03:08 が表示されます。

機能一覧

開発ノート

詳細については、「教室教育支援システム - 開発ノート」を参照してください。現在のプロジェクト コード構造のロジックにはいくつかの欠陥があります。より明確なプロジェクト構造については、Vue プロジェクト構造を参照してください。

参考文献

オープンソース プロジェクト: vue + element-ui ベースのバックエンド管理システム vue2 + vuex ベースの 45 ページの大規模なシングルページ アプリケーションを構築

ブログメモ:

• node.js モジュール --formidable - CSDN ブログ
• Node.js が js-xlsx を使用して Excel ファイルを処理する方法の詳細な説明
• 遺伝的アルゴリズムを解説する例題 - 遺伝的アルゴリズムによる自動検査システム【実践編】 - artwl - Blog Park
• 自動ボリューム形成における遺伝的アルゴリズムの応用 - CSDN ブログ
• node.js-formidable はファイルのアップロードとダウンロードを実装します - フロントホイール - SegmentFault Sifu
• nodejs のミドルウェア—Multer - CSDN ブログ
• vue+element-uiの簡易インポート・エクスポート機能 - 個人記事 - SegmentFault Sifu
• 手を携えて、vue を使用してバックエンド シリーズ 2 をプレイする方法 (ログイン権限) を説明します - CSDN ブログ
• ノードの読み書きExcelファイル探索と実践 Aotu.io「Aotu Lab」
• フロントエンドとバックエンドの分離の達人 - MVVM モデル - DOM Brother - Blog Park
• Webアプリケーションシステムのセキュリティ設計
• Vue の落とし穴を乗り越える道 (8) - Echarts を使用してチャートを作成する - WiseWrong - Blog Park
• Nodejs プロジェクトを Alibaba Cloud にデプロイする

---

注1: ​​このプロジェクトは卒業プロジェクトであるため、個人の権利と利益を保護するために、サーバーバックエンドの関連コードは当面共有されません。

注 2: このプロジェクトは学習のみを目的としており、プロジェクト内で使用されているすべてのアイコン、画像、およびその他の関連著作権はデザイナーに帰属します。