フロントエンドでビジュアルアプリケーションを構築するためのアイデアを探る

I.はじめに

フロントエンドコミュニティでは、ローコード/ノーコードがよく議論されています。簡単に言うと、ローコードは少量のコードを書くだけでアプリケーションの開発と起動を完了することですが、ノーコードはローコードのサブセットで、コードを書かずに設定だけでアプリケーション全体の開発を完了できるものです。コード。現在、グループ内には JNPF、Yida、Yunfengdie などの多くのローコードプラットフォームがあります。一般的なノーコード構築プラットフォームには Jiandaoyun、Mingdaoyun などがあります。

2. ローコードとノーコード

まず第一に、ローコードかノーコードかに関係なく、それらはすべて、運用アクティビティページ、中間およびバックエンドフォーム、フォームページなど、またはさまざまな完全な情報プロジェクトなど、特定のシナリオまたは細分化を対象としています。 ERPやOA、CRM、EHRなどこれらのシナリオでのみ、フロントエンドの対話が比較的収束し、十分なコンポーネントマテリアルをデポジットできるため、視覚的な方法でコンポーネントをドラッグアンドドロップすることでページを直接構築できます。

ローコードとノーコードの違いがまだ分からない人も多いのではないでしょうか？わかりやすい例を次に示します。

タスクリストとタスクを追加するためのフォームを含む単純なタスク管理アプリケーションを作成するとします。

ゼロコードプラットフォームを使用する場合は、自分に合ったテンプレートを選択し、ドラッグアンドドロップを使用してタスクリストとフォーム要素を追加し、最後にいくつかの簡単なルールとパラメーターを設定して完全なアプリケーションを作成できます。ただし、拡張性が悪く、指定されたテンプレートしか利用できません。

また、ローコードプラットフォームを使用する場合は、すでに作成されたコンポーネントを使用してタスクリストとフォーム要素を作成し、簡単なコードを作成して自動リマインダーやデータ分析などの高度な機能を実装できます。この方法にはある程度のプログラミング経験が必要ですが、従来の純粋なコードプログラミング方法と比較して、時間とコストが大幅に削減されます。二次開発が容易になります。

3.ローコード機能の具体的なデモ

JNPFプラットフォームは、グループ内で優れたローコード構築プラットフォームとして、エンジンベースのソフトウェア迅速開発モデルを採用しており、プロセスエンジン、フォームエンジン、レポートエンジン、チャートエンジン、インターフェースエンジン、ポータルなどの可視化機能エンジンを搭載しています。エンジン、組織ユーザーエンジンで構成され、基本的にページの UI の視覚的な構築を実現します。何百もの機能コントロールと使用法テンプレートが組み込まれており、簡単なドラッグアンドドロップ操作でユーザーのパーソナライズされたニーズに最大限に応えることができます。JNPF プラットフォームの機能は比較的完成されているため、ローコードの利点をより直感的に理解できるように、この記事ではその機能を拡張するためにこのツールを選択しました。

公式サイト：JNPF

1. フォームデザイン

ゼロコード開発:

フォーム内の関連コントロールは、エンティティのフィールドを定義します。たとえば、給与情報の「名前 ID」の場合、文字列型フィールドはコンピュータフィールド 101 (名前) として自動的に表示されます。また、データベーステーブルも自動生成されますが、もちろん手動で生成したり修正を加えたりすることも可能です。

市場で販売されている帳票構成は各メーカーとも似ており、部品点数と基本機能が充実しているかどうかで決まります。JNPF には、無料でプレイできる 50 種類以上の再利用可能なコントロールと 1000 以上の UI チャート構成が装備されています。

ローコード開発：Mybatis-plus-generatorをベースにコードジェネレータ一式をカスタマイズし、データベースフィールドのコメントを設定することで、WEBフロントエンド(vue)、モバイル端末(vue)、バックエンド(コントローラ、エンティティ) 、mapperxml、service) などのコードにより、開発の難易度が大幅に軽減されます。

2. ワークフロー

ワークフローサービスは、JNPFが自社開発した一連のワークフローソリューションであり、プロセスフォームとプロセスエンジンの2つの部分で構成されており、プロセスフォームは視覚的に設計され、高度に設定可能であり、構造化されたフォームテンプレート設計と集中分析モード設計を採用しています。中国の国情におけるさまざまなシナリオのニーズに適応し、WYSIWYG構成、ローコード、ハイ構成。

3. ポータルのデザイン

新しいポータルのデザインは操作が簡単で、自由にドラッグアンドドロップでき、一度に編集して複数の端末に適応させることができるため、ユーザーの個別のニーズに完全に対応できます。

4.レポートのデザイン

コードを開発する必要はなく、ユーザーはインターフェース上で一連のパラメータを設定するだけで、複数種類のレポートの設定、レポート内容のオンラインレンダリング、レポートのエクスポート、印刷などの機能を実装できます。

5.サードパーティのログイン

すぐに使用できるサードパーティ認証ログインツールライブラリは、統合インターフェイスを提供し、あらゆる OAuth Web サイトへのアクセスをサポートし、OAuth ログイン機能を迅速に実装します。

4.最後に書く

機能アプリケーションの80％を統合・カプセル化し、ドラッグ＆ドロップ、ドラッグによる視覚的な操作だけで企業に必要なオフィスシステムを迅速に構築できるローコードプラットフォームです。このドラッグ＆ドロップ方式で構築されるオフィスシステムは業界共通の機能を持っていますが、特殊なシナリオのニーズがあれば業界共通の機能では絶対に満たせませんし、これもローコードです。ただし、この要件はシステムの綿密な二次開発を通じて実現できますので、ご安心ください。

今からソフトウェア開発に興味があるなら、JNPF は非常に良い土壌を提供してくれるでしょう。あらゆるレベルのユーザーに適したローコード学習プラットフォームで、経験豊富な開発者でもプログラミングの初心者でも、ここで自分に合った学習パスを見つけることができます。下のリンクをクリックして試してみてください。

アプリケーションアドレス： https: //www.jnpfsoft.com/?csdnxx