最近、開発プロセスを大幅に簡素化し、効率を向上させる、非常に使いやすいローコード可視化プラットフォームを発見しました。この記事では、このプラットフォームの機能、利点、そしてダッシュボードを迅速に開発するための使い方を紹介します。オープンソースの作者は本当に素晴らしいです。このプロジェクトを通して、ビッグデータ可視化ダッシュボード、運用データダッシュボード、メンテナンス監視ダッシュボードなど、独自のダッシュボードを作成できます。

Go-viewとは何ですか？

GoViewは、チャートやページ要素を基本コンポーネントにカプセル化する、高性能なドラッグ＆ドロップ方式のローコードデータ可視化開発プラットフォームです。コードを記述することなくデータダッシュボードを作成できるため、精神的な負担を軽減できます。もちろん、ローコードは万能薬ではありませんので、皆様がこの技術に合理的にアプローチしていただければ幸いです。

テクノロジースタック

技術的なポイント:

• フレームワーク: Vue3 フレームワーク上に構築され、フックを使用して一部のロジックを抽出し、コード構造を明確にします。
• 型: 型制約に TypeScript を使用すると、未知のエラーの可能性が減り、ロジックを大胆に変更できるようになります。
• パフォーマンス: 遅延読み込み、動的コンポーネント登録、データスクロールなどの方法を使用した複数のパフォーマンス最適化により、ページのレンダリング速度が向上します。
• ストレージ: ローカル メモリがあり、一部の構成項目はユーザー エクスペリエンスを向上させるためにローカルに保存されます。
• カプセル化: プロジェクトでは、ルーティング、ストレージ、暗号化/復号化、ファイル処理、テーマ、NaiveUI グローバル メソッド、コンポーネントなどのユーティリティ クラスの詳細なカプセル化を実装しました。
• 注: GoView はバックエンドシステムを持たない純粋なフロントエンドプロジェクトです。axios がプリインストールされています。バックエンドが必要な場合は、ご自身で開発してください。

開発環境:

完成したチャート:

サーバーの展開方法

デプロイには、ワンクリックでデプロイできる docker-compose を使用することをお勧めします。

（1）まず、ソースコードをクローンし、プロジェクトのルートディレクトリに移動します。

 mkdir -p /go-view && cd /go-view git clone --recursive https://gitee.com/AHEAD4/go-view-docker

--recursive は必須です。そうでない場合、ソース コードが失われます。

（2）docker-compose up -dを実行してサービスを起動し、バックグラウンドで実行します。

 cd /go-view/go-view-docker docker-compose up -d

（３）ブラウザでhttp://127.0.0.1:7080/にアクセスします。

• ユーザー名とパスワードは両方ともadminです
• 注: データベースは永続的ではありません。永続性を有効にするには、ボリュームまたはホストディレクトリをマウントしてください（ymlファイル内の db で注釈が付けられたボリューム設定を参照してください）。

効果のデモンストレーション

オープンソースの作者であるRunning Noodlesに感謝します

著者の文書アドレス: https://www.mtruning.club/