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
أي | حافة | فايرفوكس | الكروم | سفاري |
|---|---|---|---|---|
| لا يدعم | الإصدارين الأخيرين | الإصدارين الأخيرين | الإصدارين الأخيرين | الإصدارين الأخيرين |
feat ميزات جديدةfix المشكلات / الخطأstyle يرتبط نمط الكود وليس له أي تأثير على نتائج التشغيل.perf /تحسين الأداءrefactorrevert التعديلاتtest اختبار ذات الصلةdocs / الملاحظاتbuild بإجراء تغييرات على نظام البناء أو التبعيات الخارجيةchore /تعديل تكوين السقالات، وما إلى ذلك.workflowcitypes التغييرات في ملف تعريف النوعwip قيد التطوير
