Skip to content

RyzenPan/smart-block-editor

Repository files navigation

智搭 Vue3 低代码可视化搭建基座

基于以下技术构建:

Ant Design Vue

Vue 3

Vite

项目已处于可用状态,更多的功能会持续增加,直到与云货优选鲁班搭建式系统同步!大家也可以提提意见~

功能特点

智搭可视化搭建是基于Vue3编写的低代码平台,配置端使用Ant design Vue编写配置表单表格,项目提供基础的搭建系统结构,开发者可通过二次开发,根据自身企业业务需求,增加组件和其他功能。

🎉 可扩展, 智搭使用主流前端框架Vue开发,配合Ant Design Vue组件库和vuedraggable拖拽库开发,编辑器支持对接不同的服务端语言,实现标准化接口(自带后台服务使用nodeJS驱动)。此外提供组件开发指南和最佳实践,以满足不同企业的业务需求。

📦 开箱即用, 智搭内置了**表单渲染器(FormRender)、页面渲染器(ViewRender)、动态加载内核(Dynamic)**等,提供完善的前端基座功能。企业拿到手即可安排中级/初级工程师进行组件开发,无需耗费时间和精力在基础架构上。

🚀 大量自研, 包含整个编辑器架构、组件设计、文档、请求库封装,后台管理系统等,满足日常项目的周边需求。

📱 多端扩展,项目能提供H5页面的渲染能力,生成的页面可以用在浏览器/webView,同时开发者也可以通过生成的JSON Schema在小程序端/客户端中编写原生组件,实现端渲染能力

🖥 质量保证,项目基于云货优选低代码平台鲁班(React)进行重写,鲁班经历1年多迭代,为云货生成了超过1000页的活动页面,累计访问UV超过20亿,开源版本使用Vue重写,让中小企业更易接入,降低开发门槛

🚄 与时俱进, 我们将不断更新智搭平台,提供后续的更新服务,同时接纳企业意见,不断迭代。

项目准备

你需要先安装 nodeGit 工具,项目依赖有vuevue-routervuexvite

项目架构

项目截图

开始

# clone the project
git clone https://github.com/RyzenPan/smart-block

# enter the project directory
cd smart-block

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:3000

构建

npm run build

在线Demo

稍后部署

支持我

如果项目对你有帮助,麻烦帮我点个Star就好了,哈哈哈~~~

鸣谢

云货优选正在招聘高级 / 资深Web前端开发,欢迎大佬们投递简历 -

License

MIT

Copyright (c) 2021-Present Ryzen

About

智搭开源低代码编辑器,基于Vue3构建的移动端页面搭建基座,开箱即用,开发者只需根据自己企业需求开发组件即可!

Resources

License

Stars

Watchers

Forks

Packages

No packages published