1. オープンソースプロジェクトの紹介
ASエディター
Vue3.x ベースのビジュアルなドラッグ アンド ドロップ編集、ページ生成ツール。フロントエンドの開発効率が向上し、JSON を定義することでモバイル プロジェクトに統合して UI インターフェイスを直接生成できます。
2. オープンソース契約
MIT オープンソース ライセンスを使用する
3. インターフェース表示
4. 機能概要
Vue をベースにしたビジュアルなドラッグ アンド ドロップ編集、ページ生成ツール。フロントエンドの開発効率が向上し、JSON を定義することでモバイル プロジェクトに統合して UI インターフェイスを直接生成できます。
強力な
vue の視覚的なドラッグ アンド ドロップ編集に基づいたページ生成ツール。フロントエンドの開発効率が向上し、JSON を定義することでモバイル プロジェクトに統合して UI インターフェイスを直接生成できます。
シンプルな構成
開始するには最小限の構成が必要です。
完全にオープンソース
コミュニティ主導で、協力してアイデアを改善します。
公式の生態
プロジェクト
説明する
ASエディター
Vue2のバージョン
Vue2ベースのASエディター
ASエディター
Vue3版
Vue3ベースのASエディター
AS-エディター-H5
AS-Editor-H5 は、定義された JSON を通じて Vue ページを生成できるモバイル Vue テンプレートです。
5. テクノロジーの選択
インストールチュートリアル
- npm install (node_modules モジュールのインストール)
- npm runserve (実行)
- npm run build (パッケージ化)
- npm update (仕様範囲に基づいてパッケージを最新バージョンに更新するために使用されます)
カスタムコンポーネントが表示可能
src/layout/home/index.vue //編集ページファイル src/components/sliderassembly/index.vue //左側コンポーネントファイル src/components/componentscom //左側コンポーネントディレクトリ src/components/rightslider //右側コンポーネントディレクトリ src/utils/componentProperties.js // コンポーネント データ
componentProperties (コンポーネント データ) フィールドの注釈
{
コンポーネント: 'custommodule', // 携帯電話コンポーネントテキストの中間部分の名前
: 'カスタムモジュール', // コンポーネントテキストの説明
タイプ: '1-14', // data-tpye
active: true, / /
スタイルが選択されているかどうか : 'custommodulestyle', // 右側のコンポーネントによって設定された名前
setStyle: {} // コンポーネントの動的データ
}