formily admin templateのダウンロード - formily admin templateソースコードのダウンロード

formily admin template

その他のカテゴリー

v1.0.1

ダウンロード

正式な管理者テンプレート

これは正式な管理者管理の背景です。バックエンドの構築に必要な Vue2/React および Element UI/Antd UI と、axios、iconfont、lint を組み合わせて選択できます。

機能サンプルは vue-element-admin プロジェクトから提供されています。このウェアハウスは、一般的な関数の一部を置き換えるために @formily 関連ライブラリを使用しているだけです。コンポーネントクラスはすべて機能サンプルプロジェクトによって提供されています。

Vue2 は[email protected]上に構築されています
React はwebpack@^4.41.5",に基づいて構築されています

Vue ビルドのセットアップ

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/vue2

# 安装依赖
npm install

# 启动服务
npm run dev

ブラウザアクセス http://localhost:9527

React ビルドのセットアップ

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/react

# 安装依赖
npm install --force

# 启动服务
npm run start

ブラウザアクセス http://localhost:3000

正式に設計可能な例

React プロジェクトには、正式に設計可能なサンプルが含まれており、designable を使用してプロジェクト内のページを変更できます。変更されたスキーマは、ページに戻った後に表示できます。

./react/designable ホームディレクトリ
./react/designable/components designableに登録されているプロジェクトコンポーネントのコンポーネント情報
./react/designable/decorator は、デコレータ設定を designable に追加します。定義された複数のデコレータから選択できます。
SchemaEditor ./react/designable/schemas コンポーネントとデコレーターのウィジェット構成
./react/designable/setters SchemaEditorWidget のコンポーネント
./react/designable/dn 設計可能なコントロールのコンポーネントリストと分類
./react/designable/formily antd コンポーネントとプロジェクトコンポーネントを含む、formly コンポーネントの概要
./react/designable/main designable のレンダリング

vueで使用する

現在の計画では、React を使用してデザイナー部分を完成させ、それを systemjs を通じて Vue にロードすることです。

React を使用して、さまざまなタイプのコントロールを定義し、コントロールのプロパティをマップし、EditorSchema を調整します。 (上記カタログ説明参照)
使用する必要があるモジュールを ./react/editor.tsx にエクスポートします。
cd ./react && npm run build:editor を実行すると、エディターの systemjs モジュールファイルが ./vue2/public ディレクトリに生成され、Vue プロジェクトのテンプレートとして直接使用できます。テンプレートにはエディターの systemjs importmap が含まれています
vue2/src/views/designable/index.vue を通じて設計可能なロード