ウィズダムPG（pgting）
https://www.pgting.com
目次
序文
ローコードは昔から大手メーカーが開発するキーテクノロジーであり、現在も良い製品がたくさんあります。対照的に、中小企業がシステム ソース コードを展開できないこと、カスタム コンポーネントのコストが高いこと、アクセス テクノロジ スタックの制限、実行できないことなど、使用プロセスには特定の問題点があります。二次開発など。では、小さくて美しいシステムプラットフォームは存在するのでしょうか?
当社の技術チームは、技術研究と過去の経験をもとに、ページ構築システムSmart PG (pgting)を設計、開発しました。
次にスマートPG（pgting）を以下の5つの側面から紹介していきます。
-
概要
-
デザインのコンセプト
-
システム機能
-
テクノロジーアーキテクチャ
-
使い方
1. はじめに
Wisdom PGは、ページ生成 (英語の略語 pgting) から取られ、ページが生成されていることを意味します。
Smart PG（pgting）は、主に中小企業や個人団体向けに開発されたもので、ドラッグ＆ドロップ構築を採用し、データ可視化のための大画面構築や中期構築、h5ページ構築にも対応した設計となっています。オンライン サンドボックス レンダリング アーキテクチャを採用し、マルチフレーム統合をサポートするシステム 設計コンセプトは、リソースの統合、すぐに使用できる、システム粒度の削減、コンポーネントの共有、構成の簡素化です。pgting はシステムをコンポーネント化し、既存のリソースをコンポーネントに統合したり、他の人が共有するコンポーネントを使用したりして、開発コストを削減し、効率を向上させることができます。Pgting には、多数の自社開発アルゴリズム、自社開発フォーム エンジン forake (オープン ソース)、ブラウザ サンドボックス コンパイル エンジンが組み込まれており、強力な拡張性を備えています。
pgting はコンポーネント、中間段階のアカウント所有権を提供し、ユーザーは pgting 上に独自のシステムを構築でき、展開や二次開発のために pgting 全体を民営化することもできます。
2. デザインコンセプト
Smart PG の設計コンセプトは次の点にあります。
1. すぐに使用できるリソースの統合
現在、オープンソースのコンポーネントライブラリは数多くありますが、従来は開発環境を構築し、リソースを導入して自社製品を開発し、オンラインで公開するという方法が一般的でした。これらのリソースがテクノロジー スタックに制限されずに直接使用できれば、効率が大幅に向上し、技術的な障壁が軽減されます。
Wisdom PG は統合開発環境を提供しており、ビジネスコンポーネントを開発する必要がある場合は、これらのオープンソースライブラリのケースを直接使用できます。たとえば、pgting では、コードをコピーして構成を変更するだけで、echarts チャートを直接使用したり、bizcharts チャートを使用したりできます。開発環境を構築する必要も、公開してオンラインにする必要もありません。Smart PG はワンストップの統合を提供し、さまざまなリソースの統合と使用をサポートします。
2. システムの粒度を下げる
Smart PGは、ミドルプラットフォームとページを分解し、最終的にコンポーネントに変換し、ユーザーがコンポーネントを直接ドラッグ＆ドロップして構築したり、特徴的なコンポーネントを開発してビルディングブロックの構築を完了することができます。
3. コンポーネントの共有
ビジネス シナリオが異なればコンポーネントも異なります。一部の共通コンポーネントを除いて、ビジネス コンポーネントの開発はコストが増加します。多くのビジネスでは、一部のコンポーネントは共通または類似している可能性があります。Smart PG はコンポーネント共有メカニズムを提供します。ユーザーは次のことを行うことができます。自社開発したコンポーネントをパブリックコンポーネントとして設定し、パブリックコンポーネントを利用してシステムを構築することも可能で、相互利益・Win-Winのメリットが得られます。
特徴的なコンポーネントをユーザーが作成して事業者が有償で利用することもでき、また、事業者がコンポーネント要件を公開することもでき、システム開発業務を行うためのリソースドッキングサービスを提供します。
4. 構成の簡素化
ローコードプラットフォームは研究開発コストをある程度削減できますが、厄介なのは設定ファイルの数が多く複雑で、操作が多い設定ファイルであることです。私たちの技術チームは、コンポーネントの構成パネルの定義など、これまでの作業でこの点を深く理解していましたが、json 構成は特に面倒でした。
Wisdom PG は製品の開始時にこれを考慮し、構成ファイルの特定の意味を可能な限り弱め、一般的な意味を保持し、視覚的に編集できる構成ファイルを提供しました。Smart PG は、フォーム構造のドラッグ アンド ドロップ構成を提供し、より良いサービスを提供するためにフォーム エンジン formake をオープンソース化します。
3. システム機能
大型ビジュアル画面の構築、中期構築、h5構築に対応したスマートPG設計で、操作が簡単ですぐに始められます。操作ドキュメントについては、Smart PG マニュアルを参照してください。
1. 視覚的な大画面の構築:
Smart PG はビジュアルな大画面エディタを提供しており、ユーザーは必要なコンポーネントを選択し、ドラッグ アンド ドロップでビルドし、データ インターフェイスに入力するだけで大画面が表示されます。
2. 中間プラットフォームの構造
中間段階の手順: 新しいフォーム ページを作成 => 新しい中間段階のリスト ページを作成し、フォーム ページを指定 => 新しい中間段階のナビゲーションを作成し、リスト ページを指定
Wisdom PG は、ドラッグ アンド ドロップでリスト ページを構築し、詳細なフォームを指定できるミドルエンド エディター (まだオープンしていません) を提供します。
Smart PG はフォーム エディターを提供し、ドラッグ アンド ドロップでフォームを構築します
3、h5工事
ユーザーは、h5 エディターを使用して h5 ページをすばやく作成できます。一部のイベント ページでは、マーケティング ページが非常に役立ちます。
4. 技術アーキテクチャ
1. 技術スタック
Smart PG は、フロントエンドに人気の React + TypeScript、サーバーに Nest + TypeScript + Mysql + Redis を使用しており、フロントエンドとバックエンドの開発言語が統合されており、導入コストが低く、そして拡張性も強力です。
2. 全体構成
Smart PG の全体的な設計は、ダイナミック レンダリングとオンライン コンパイルの 2 つの部分で構成されます。オンライン コンパイルは複数のフレームワークをサポートし、ユーザーは自分で選択できます。使用するテクノロジ スタックがない場合は、参加を申請して、使用することができます。審査に合格してからです。
オンライン コンポーネントはローカル開発環境も提供し、ユーザーはローカルで直接開発して公開できます。
ローカルコンポーネントスマートPGの組み込みコンポーネントは、ダイナミックレンダリングによってロードされます。
5. 使用方法
Smart PG は、sass モードとプライベート展開の 2 つの使用方法を提供します。
ユーザーは Smart PG 上に直接構築でき、独自のシステムをカスタマイズしたい場合は、二次研究開発のためにプライベートに展開することもできます。
Wisdom PGの無料体験、基本的な会員構築は無料ですので、ぜひお試しください。