導入

3 年間の熱心な作業を経て、長年にわたって社内で保守および使用されてきた UI フレームワーク Ly-Admin-ui がオープンソース化されました。

Ly-Admin-uiは、Vue + Element-UI + Vue-Rapテクノロジースタックをベースにした、ユーザーフレンドリーで包括的な管理バックエンド・フロントエンドフレームワークです。最新のフロントエンドテクノロジースタックを活用し、Element-UIをベースに数多くの実用的なコンポーネントとレイアウトを追加しています。プロジェクト全体で最新のVue-Rapフローアプリケーションテクノロジーを採用しているため、ビルドやダウンロードを必要とせず、直接デプロイできます。

• デモアドレス: http://lyadminui.magcloud.net/
• ログインアドレス: http://lyadminui.magcloud.net/portal/login
• ドキュメントアドレス: http://lyadminui.magcloud.net/

注目のコンポーネント

• N メインレイアウトには一致するオプションのみがあります
• メニュー、構成項目、ドキュメントのグローバル検索機能をサポートします。
• ドラッグ アンド ドロップ検証やテキスト選択など、複数の検証方法をサポートします。
• 使いやすい操作ガイド
• ドロップやクリップボード アクセスなどの簡単なファイルアップロードをサポートします。
• 遅延ロードポップアップでは、ポップアップ内のコードを現在のページに書き込む必要はありません。
• 1行のコードをチャートで表示する
• 非常に強力なテーブルコンポーネントとテーブル関連コンポーネント
• 包括的な権限検証機能
• 他にもたくさんあります、多すぎるほどです...

インストール方法

LyAdminUIファイルをダウンロード

ディレクトリ構造

 ├─ ポータルフロントエンドルートディレクトリ
│ ├─comp コンポーネントはプロジェクト固有のものであり、パブリック コンポーネントとして抽出されません。
 │ ├─utils ユーティリティファイル
│ │ ├─area.json ( 動かない)
 │ │ ├─state.js 状態管理
│ │ ├─menus .json これはメニュー設定ファイルです。
 │ ├─ly LYUI フレームワークディレクトリ（ 移動しないでください）
 │ ├─その他のカスタムモジュールその他のカスタムモジュール
│ ├─グローバル.js エントリ js ファイル
│ ├─index.html エントリポイント HTML 。 通常はバックエンドによってレンダリングされ、返されます。
 ├─静的フロントエンド静的ファイル
│ ├─ly LYUI の必須静的ファイル（ 移動しないでください）
 │ ├─imgs 静止画像
│ ├─libs が参照するサードパーティの JavaScript ライブラリ

取得したディレクトリ構造は推奨構造であり、実際のニーズに応じて調整できます。

「移動禁止」とマークされたディレクトリには、LyUIフレームワークファイルが含まれています。このディレクトリを変更したり、他のプロジェクトファイルを配置したりしないでください。

フレームワークの更新

プロジェクトを再取得し、/portal/ly と /static/ly の 3 つのディレクトリを上書きします。

プロジェクトのスクリーンショット