2

私のサイト主に3つのパーツ、ランディングページ、管理パネルとExpressのバックエンドで複数のレイアウトで角度JSを構造化する方法を

マイファイル構造が2つのフォルダ

を分割しているユーザーのダッシュボードを持っている

/クライアント=>角度のフロントエンド /サーバー=>特急APIバックエンド

私が消費しています

通常の角度で1つの特急バックエンドAPIは、アプリケーションのクライアント側の単一のindex.htmlファイルがあると私たちは私たちにありますすべてのルーティングでそれを使用する

しかし、これをモジュールとして分割するには、着陸、管理、ダッシュボードなどのさまざまな部分に対してindex.htmlのレイアウトを1つ作成します。各モジュールが独自のasssetsを持っているので、リソース..単一のHTMLページの良いアプローチのすべてのリソースを含む?

どうすればこの問題を解決できますか?

この問題の任意のアイデアは、あなたのプロジェクトでこれを扱うことができるか、どのように管理パネルを実装することができますなど

が私の目標であるか、同じAPIを使用し、それらを維持しながら、私は複数のSPAを使用し、それらを一緒に接続することができます...クライアントフォルダ /クライアント /管理 ... index.htmlを /着陸 のためにそのようなものを持っているのindex.html /ダッシュボード ... index.htmlを

ありがとうございます

+0

また、実際に別のサイトに移動したい場合は、別のサイトに分割することもできます。 1つのアプリにすべてを組み込みたい場合は、必要なものを持っている州が異なる必要があります。 index.htmlページがたくさんあると言います。あなたはこれの理由を説明できますか?多分私はより多くの情報であなたを助けることができるかもしれません。 – joncodo

+0

@joncodo答えをありがとう。私はそれを調べようとするだろう。最初に、ユーザーは着陸ページをヒットし、認証後、彼らは着陸からダッシュボードに行くことができ、また、我々は全体のアプリケーションを管理する管理パネルを持って私はすべての着陸のために、ダッシュボードと管理モジュールが全く異なるレイアウトとリソースを持っていると考えました。一つの主要なindex.htmlから提供することは悪いアプローチなのでしょう。なぜなら、各パートのアプリ、セッションなどの共通データを共有したい – invincible

答えて

0

私はこれにui-routerを使用しています。

https://angular-ui.github.io/ui-router/site/#/api/ui.router

だからあなたはアプリと呼ばれるルートを作ります。次に、それぞれのフォルダに状態を作成します。状態をapp.client、app.admin、およびapp.otherに設定します。

次に、各ページで必要なものを継承します。すべての一般的なものはindex.htmlにあります。

それは意味がありますか?

structure

このプロジェクトは、あなたが始めるのに役立つかもしれない:https://github.com/joncodo/SailsAngularStarter

それは急行ラップ帆を使用しています。ご不明な点がございましたら、問題を開いてお手伝いしてください。

このプロジェクトでは、appフォルダにはすべてのフロントエンドのものとapiフォルダのすべてのバックエンドのものが格納されています。 apiルートはconfig/routesにあります。ビューはapp/statesにあります。

現在、内部状態とログイン状態をサポートしています。

関連する問題