JojiKoike / OMWebAppClientNG

OpenModelica Based Engineering Simulation Web Application FrontEnd

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

OMWebAppClientNG

demo

本ドキュメントの目的

動作環境、構成、アプリケーション起動手順、開発環境構築手順を示す。

動作環境

  • OS: Windows10, MacOSX
  • JavaScript処理系:Node.js LTS最新版

主なフレームワーク、ツール、ライブラリ

  • SPA Framework : Angular 7.0.0
  • CSSプリプロセッサ:SASS
  • UIコンポーネントライブラリ:PRIME NG 7.0.0
  • チャートライブラリ:D3.js 5.7.0

前提条件

  • Node.js LTS最新版がセットアップ済みであること
  • OMWebAppEngineがセットアップ済み、起動している事

稼働開始手順

  1. Angular CLIのセットアップ
    npm -g install @angular/cli@7.0.3

  2. ソースコードクローン
    git https://github.com/JojiKoike/OMWebAppClientNG.git

  3. 依存パッケージインストール
    npm install

  4. ビルド&起動
    ng serve --open

ディレクトリ構成

OMWebAppClientNG/
└src/
└app/
├core/: アプリケーションコアモジュール群
│ ├services/: 外部サービスアクセスモジュール群
│ └store/: 状態管理モジュール群
│ ├actions/: Action定義群
│ ├effects/: Effect定義群
│ └reducers/: Reducer定義群
├feature-modules/: 各機能モジュール群
│ └enctemp/: 密閉筐体温度計算機能モジュール
│ ├components/: UIコンポーネント定義群
│ │ ├container/: コンテナコンポーネント定義
│ │ ├page/: ページ全体のデザイン、レイアウト定義
│ │ └presentational/: UIパーツのデザイン、挙動定義
│ ├core/: コアロジック群(主にグラフ描画系)
│ ├services/: 外部サービスアクセスモジュール群
│ └store/: 状態管理モジュール群
│ ├actions/: Action定義群
│ ├effects/: Effect定義群
│ └reducers/: Reducer定義群
└shared/: 共有モジュール群
├components/: 共有コンポーネント定義
├pipes/: 共有Pipe定義
└validators/: 共有Validator定義

作者

Joji KOIKE

ライセンス

This project is licensed under the MIT License - see the LICENSE.md file for details

About

OpenModelica Based Engineering Simulation Web Application FrontEnd

License:MIT License


Languages

Language:TypeScript 80.8%Language:HTML 17.0%Language:SCSS 1.1%Language:JavaScript 1.0%