vite vue3 lowcode
1.0.0
中国語| 英語
PS: 此项目为个人半年以前做的实验性小玩具，使用的都是最新的技术栈，后面由于个人时间问题，没有持续维护和完善，暂时计划于2022年下半年开始对项目进行整体的重构和重新设计，实现一个基本可用的简易低代码平台。感谢关注~
最も単純な構造から見ると、モデル駆動型ビュー システムには次の要素が含まれます。
モデル
ビュー
これは、ほとんどのシーンに適用できる非常にシンプルなレンダリング モードです。
git clone --single-branch https://github.com/buqiyuan/vite-vue3-lowcode.git
or
git clone --depth=1 https://github.com/buqiyuan/vite-vue3-lowcode.git cd vite-vue3-lowcode
pnpm install
pnpm servepnpm build現在フォームを使用する場合は、関連する表单控件表单容器内に配置し、按钮表单容器に配置して、按钮的type表单提交按钮に設定し、送信ボタンをクリックして自動的に実行する必要があります。フォームコンテナ内のすべてのフィールドと値を収集します。
// 在vant文档中 chrome控制台输入以下代码，快速生成组件属性
let propObj = {
string : ( config ) => `createEditorInputProp( ${ JSON . stringify ( config ) } )` ,
number : ( config ) => `createEditorInputNumberProp( ${ JSON . stringify ( config ) } )` ,
boolean : ( config ) => `createEditorSwitchProp( ${ JSON . stringify ( config ) } )` ,
} ;
JSON . stringify (
$$ ( '#props + table tbody tr' ) . reduce ( ( prev , curr ) => {
const children = curr . children ;
const key = children [ 0 ] . textContent . replace ( / -([a-z]) / g , ( all , i ) => i . toUpperCase ( ) ) ;
const child3Text = children [ 3 ] . textContent ;
const defaultValue = [ 'true' , 'false' ] . includes ( child3Text )
? child3Text
: `' ${ child3Text == '-' ? '' : child3Text } '` ;
const value = ( propObj [ children [ 2 ] . textContent ] ?? propObj [ 'string' ] ) ( {
label : `' ${ children [ 1 ] . textContent } '` ,
defaultValue ,
} ) . replaceAll ( '"' , '' ) ;
prev [ key ] = value ;
return prev ;
} , { } ) ,
) . replaceAll ( '"' , '' ) ; // 在vant文档中 chrome控制台输入以下代码，快速生成组件事件
JSON . stringify (
$$ ( '#events + table tbody tr' ) . reduce ( ( prev , curr ) => {
const children = curr . children ;
const event = {
label : children [ 1 ] . textContent ,
value : children [ 0 ] . textContent ,
} ;
return prev . concat ( [ event ] ) ;
} , [ ] ) ,
)
. replaceAll ( / (?<!:)"(?!,|}) / g , '' )
. replace ( / " / g , "'" ) ; ローカル開発の場合は、 Chrome 80+ブラウザを使用することをお勧めします。
最新のブラウザをサポートしますが、IE はサポートしません
IE | 角 | Firefox | クロム | サファリ |
|---|---|---|---|---|
| サポートしません | 過去 2 つのバージョン | 過去 2 つのバージョン | 過去 2 つのバージョン | 過去 2 つのバージョン |
feat新機能を追加しますfixstyleコード スタイルは関連しており、実行結果には影響しません。perf最適化/パフォーマンスの向上refactorreverttestテスト関連docs /ノートbuildビルド システムまたは外部依存関係に変更を加えますchore更新/スキャフォールディング構成の変更などの雑務。workflowワークフローの改善ci継続的インテグレーションtypesタイプ定義ファイルの変更wip開発中です
