beanui

怒っているbeanui

Javabeanを通じてWeb UIを開発するためのフレームワーク

次のシナリオがあなたの仕事に表示されるかどうか：

• 私はJava開発者であり、Webテクノロジーに習熟していませんが、今日は簡単なページを開発するように手配されました。
• 2か月のJavaバックエンドサービス（主にバックエンド）プロジェクト。チームの誰もフロントエンドに熟練していないため、ページを作成するのに1か月かかりました。
• 2年前に図書館管理システムを構築しました。昨年、調達管理システムを構築し、今年はユーザー管理システムを構築しました。
• 私はJava開発者であり、Web開発に参加することに本当に興味がありません。

現在人気があるWeb UIフレームワークは何ですか？

私が上で述べたのは、私がよく遭遇する混乱です。フロントエンドとバックエンドの分離の現在の傾向では、JavaはWeb UIフレームワークへの投資をほぼ断念しています。 Java開発者としても、StrutsやJSFなどのJava UIフレームワークを使用して開発することはめったにありません。JSPはめったに書かれていません。しかし、Javaerの日常生活では、たとえ100人がそうしたくないとしても、彼らはまだUIの需要に遭遇しますが、検索エンジンを開くとき、彼らは次々と出現する新しいテクノロジーでいっぱいです。おそらく、その中にいる人でさえ、現在人気のあるWebフレームワークとは何かを説明することは困難です。

フロントエンドとバックエンドの分離

フロントエンドの分離といえば、これは私がよく考えているシナリオでもあります。 UI装備システムを単に分割するだけで、2つのカテゴリに開発します。

• 外部システム（ポータル、ブログなど）
• 内部システム（管理システムなど）

その後、外部システムは、プロのUIスタッフやUIチームに責任を負うことがよくありますが、内部システムは必ずしもそうではありません。この時点で、フロントエンド開発のタスクはバックエンドエンジニアにあります。

この場合、フロントエンドとバックエンドの分離はあまり美しくなりません。つまり、次のことを意味します。

• さまざまなフロントエンドフレームワーク（jQuery、Reactjs、Vue、Angular）を学ぶ
• フロントエンドテスト方法（ユニット、モック）を学ぶ
• フロントエンドのコンピレーションとパッケージを学びます
• 実際、理解すべき理論と概念はまだたくさんあります
• フロントエンドの知識の総量は間違いなくバックエンドに劣り、バックエンドでの学習の難しささえ上回っています。

最後に、知識を構成した後、フロントエンドページを作成するために多くの努力を費やしましたが、それでも批判される可能性があります。

Javaerの理想的な内部UI開発プロセス

• フロントエンドに関するあらゆる種類の知識を知る必要はありません
• バックエンドコード（Restful Serviceなど）を開発した後、ページをレンダリングするための簡単な構成のみが必要です

私たちの内部システムは、多くの場合、素晴らしい効果、複雑なアニメーション、または高度にカスタマイズされた構造を必要としません。これは、バックエンドサービスへの入り口にすぎたり、構成を管理したり、いくつかの単純なデータオブジェクト（ユーザー、注文、製品など）を管理したり、いくつかの一般的な2次元レポートを提示したりする場合があります。彼らのほとんどの操作は、単にデータオブジェクトの原因です。したがって、Javaを介してフロントエンドコードを逆に生成できるかどうかを考えました。それ以前は、GWTなどのフレームワークがこれを行っていますが、コードは侵襲的すぎます。

Beanuiの特徴について

• 純粋な構成、 UI説明のためにJavaアノテーションを完全に採用します
• 非侵襲的コードUIの説明は、バックエンドのRestful Serviceプロジェクトに影響しません
• 急速な発展
• 特定のレベルのUIカスタマイズ機能があります

依存関係

1. NPMをインストールする必要があります：NodeJS 10.0.0またはNPM 6.2.0をインストールします。
2. Apache Mavenをインストールする必要があります。

Beanuiをインストールします

1. git clone https://github.com/magic-bunny/beanui
2. cd beanui
3. mvn install

Beanuiの例をインストールして実行します

1. beanui/vueディレクトリを任意のディレクトリにコピーする%your_vue_path%
2. cd %your_vue_path%およびnpm install
3. 構成node <workPath>%your_vue_path%</workPath> beanui-maven-pluginプラグインpom.xmlに追加
4. cd beanui/demoおよびmvn install
5. java -jar demo-1.0.jar
6. ブラウザを開き、 http://localhost:8080を入力します

開発モードでBeanui試験を実行します

1. pom.xmlファイルの実行モードをdev <mode>dev</mode>に変更する
2. cd beanui/demo
3. mvn install

プログラムエントリ

beanuiプロジェクトの構築を開始し、router.ymlを構築する必要があります

注：router.ymlは必要ありません。構成されていない場合、フレームワークは@Componentを含む注釈付きクラスをすべてスキャンして変換します。この時点で、 path属性を構成する必要があります。構成されていない場合、 /

最も単純なBeanuiプロジェクトが必要な場合は、シングルデモを参照してください

シングルページルーターインスタンス

 path : /test
component : demo.view.layout.card.CardComponent

左側のメニュールーター付き

 name : root
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent

ログインページとメニュールーター付き

 path : /login
component : demo.view.LoginComponent
children :
  - title : home
    icon : star
    component : demo.view.layout.card.CardComponent 

Javabean Annotation Instructions

各コントロールがJavabeanでどのように書かれているかを理解する必要がある場合は、クリックしてください

注：要素UIが使用されるため（ELE.ME）、要素UIのコンポーネントの説明をほぼ完全に参照できます。

Beanui Mavenプラグインの説明

Mavenプラグインの使用を理解するには、クリックしてください

拡張ライブラリの使用方法を知る必要がある場合は、クリックしてください

ライセンス

BeanuiはMITライセンスの下でライセンスされています。詳細については、ライセンスを参照してください。