問題タブ [page-flow]

アクション指向の Web アプリケーションに適用できる、ページ フローをグラフィカルに表現する最良の方法は何ですか?

ページ (ビュー) を含むページ フロー (ページ フロー図)、それらのビューでのユーザー アクション (イベント)、およびプロセスを表すために使用するモデルは何ですか?

これらの図は、ビジネス ドメインの専門家 (たとえば、e コマース Web サイトを指定する人)、テクニカル アナリスト (Web アプリケーションの設計を担当する人)、および Web 開発者 (ソリューションの実装を担当する人) 間の理解の出発点として機能する必要があります。 )

これらの図を描くのに役立つソフトウェア ソリューションを探しているわけでも、これらのページ フローをソフトウェアで実装できるようにする Web フロー フレームワークを探しているわけでもありません。

ただし、鉛筆と紙を使用してページフローを描くための良いスキームを探しています

たとえば、良い答えは次のようになります

• ラベルが CAPS の長方形はページを表します
• 小文字のラベルが付いた矢印は、ユーザー アクションを表します
• 大文字のラベルが付いたひし形はプロセスを表します
• エントリ ポイントは常に左から (矢印は左からページに入る)
• 終了ポイントは常に右から (矢印はページから右に出ます)

受け入れられた標準がある場合、またはこの問題領域が実際には標準が存在するより大きな問題領域の特定のケースである場合は、これを強調してください。

Stack Overflow の精神で、回答ごとに 1 つのスキームをお願いします。重複ではなく投票してください

Spring WebFlow のアイデアが気に入っています。特に、フロー定義が Spring Bean コンテナー内のコンポーネントから高レベルの Web フローを抽象化する方法が気に入っています。

フロー定義形式には、ビュー、アクション、トランジション、サブフロー、結果など、Web フローに必要なものがすべて含まれているようです。

Spring WebFlow フロー定義形式は、Spring 以外のフレームワークの Web フローを外部化するのに適していると思いますか? 基盤となるコンポーネントに Spring を使用しないもの、またはおそらく Java を使用しないもの。

一般的なワークフローや BPEL タイプのものではなく、特にページ フローのみを考えていることに注意してください。

WebCenterが提供するポートレットについて調査していますが、それらの間でパラメーターを転送することに関連する問題がいくつかあります。私のアイデアは、2つのポートレットを作成することでした。2番目のポートレットemployeesにパラメーターとして送信されるdepartmentIdを選択できる部門ポートレットなので、指定された部門の対応する従業員を含むテーブルを作成します。これらの2つのポートレットは、いくつかのページフローに基づいて構築されています。部門ポートレットは正常に機能しますが、従業員ポートレットでは、いくつかの問題があります。

従業員に対応するJSPページフラグメントには、バインド変数に基づくクエリを背後に持つViewObjectに基づくテーブルがあります。EmployeesBeanを作成しました。ここには、受け取ったパラメーターを受け取り、このバインド変数を使用してクエリを実行するメソッドがあります。コードは次のとおりです。

また、employees.jsffにgetEmployees（）メソッドをドラッグしたので、ページ定義に移動すると、イベントが表示されるたびに実行されるgetEmployeesメソッドを決定するバインディングがあります。イベントマッピングを作成すると、departments.jsffと混合されたこれらすべてが.jspxページで機能します

現在、このタスクフローをポートレットに変換しようとしています。ページフローのポートレットエントリを作成した後、ナビゲーションパラメータを作成する必要があり、これをemployees.xmlで実行しています。

すべて正常に動作しますが、これをWebCenterアプリケーションのポートレットとして使用しようとすると、departmentIdがemployeesポートレットに転送される部門を選択すると、selectDepartmentが呼び出されますが、getEmployees（）は呼び出されません（イベント伝播されない）、したがって、データは私のテーブルに返されません。私はポートレットの初心者ですが、何が問題なのかわかりません。誰かが私にいくつかのアイデアを与えることができますか？

私は4つのステップを持つページフローを持っています.

また、ページ フローで定義されていないナビゲーションを返す場合にフェールセーフ状態になるように、ページ フローにルール/状態を追加したいと考えています。

これの目標は、いくつかの事前定義されたリンクを含むテンプレートを定義できるようにし、ページ フローを中断することなく、テンプレートで定義された任意のリンクにジャンプできるようにすることです。

これは可能ですか？

ありがとう、私は助けに感謝します。

私のプレーで！アプリ、コントローラーをコーディングしました。セキュリティを次のように

ルートを次のように設定しました

pageX というページでログイン リンクをクリックすると、ログイン フォームが表示され、ログインできます。ビュー。これまでのところとても良い

しかし、pageX でログイン リンクをクリックすると、pageX に戻ることを期待します。代わりに、Application.index() メソッドが呼び出され、Application.index.html に移動します。行動？ログイン後に pageX にアクセスするにはどうすればよいですか?

アップデート：

セキュリティコントローラーの@Beforeを使用して、URLをフラッシュに保存しようとしました

ログインすると、これらの端末出力が表示されます

他のすべてのページに継承されるmain.htmlテンプレートにログイン/ログアウトリンクを配置しました

Play フレームワークを使用して構築された Web アプリには、ユーザーのショッピング カートとアドレス フォームを一覧表示するチェックアウト ページがあります。再利用できるように、アドレスフォームをタグ (addressform.html) として作成しました。

checkout.html:

住所フォームには form 要素があります#{form @setAddressInfo()}

以下のようにコントローラーメソッドを呼び出します

すべてがうまくいけば、支払いページに移動します。

addressformこの問題は、自分のページでを再利用したいときに発生しconfirmOrderます。

confirmOrder.html:

ここで、ユーザーが住所を変更してフォームを送信すると、setAddressInfo()メソッドは正常に完了すると支払いページを開きます。これは良くありません。ユーザーは支払い情報をまったく変更したくないかもしれません。また、支払い情報を変更したいユーザーのために、支払いページへのリンクを提供しています。ユーザーがSubmit Orderボタンをクリックできるように、同じ OrderConfirm ページが表示されるようにします。

では、どうすればいいですか？この場合、確かに住所フォームを再利用できますよね? この場合、ページ フローを管理する方法を理解するのを手伝ってもらえますか?

Briefly:

How do I lay out N columns of random height portlets all in CSS so that if the browser is resized, the number of is columns reduced (using @media (min-width:)) and the portlets still sit nicely together on the page with no gaps.

This is similar to Float multiple fixed-width / varible-height boxes into 2 columns but more general.

Detail:

I've built a web application (PHP / Zend Framework) with a "dashboard" page made of a series of portlets. The portlets can be arranged in 1, 2, 3 or 4 equal width columns (user selectable) in a fluid layout. When the user resizes the browser window, the columns expand to fill the available width and the portlets also expand horizontally. The vertical height of each portlet is defined by its content. Some are only 1-2 lines, others can be 30-40+ lines of text / tables / image etc.

I want to turn this into a "responsive design" so that the user doesn't have to select the number of columns. On a small screen (eg iPhone) only one column will display. On a wide screen they might have 4 or 5 columns. If the browser window is resized, the number of columns will adjust up or down to allow portlets to stay approx 300-400 pixels wide.

I think I can do this with a bit of jQuery and some server side support (PHP), but would prefer to do it all in CSS if possible (no / minimal javascript).

メイン製品画像の下: http://www.ivault.sg/shop/audio/speakers/bowers-wilkins-mm1-speakers CSS で指定されていない線と画像の間にスペースがあります。

firefox を使用して要素を検査しても、そのスペースを生成する css パディング/マージンは表示されません。

これを引き起こしているCSSプロパティはどれですか?

従来の Web アプリケーションとしてかなり複雑なページ フロー (100 ページ以上) を実装しようとしています。いくつかの選択肢を見つけましたが、どれも 100% 説得力のあるものではありません

1. コントローラーへのフローのハーコーディング、リダイレクトなどを行います。これは明らかにメンテナンスに最適な方法ではありません
2. JSF はフローを処理するだけでなく、JSF をビュー テクノロジとして使用する必要があります。私はこのロックインが好きではありません
3. 春のウェブフロー。現在のバージョン 2.3.1 では、保守が容易ではない XML でフローが定義されています。次の 3.0 リリースでは、純粋な Java で注釈を使用してフローを定義することが約束されていますが、タイムラインさえありません。さらに、プロジェクトの開発は過去数年間で大幅に減速しました。
4. GWT と Vaadin のコンセプトは、Web アプリケーションよりも従来のデスクトップ アプリケーションに近く、非常に便利ですが、私のプロジェクトには合いません。

さらに、次のような放棄されたプロジェクトを多数見つけました: http://javasteps.sourceforge.net/

なぜこれらすべてのプロジェクトが放棄されたのか、2012 年に複雑なページ フローを実装する方法は何ですか?