brick 是一个无代码开发平台,采用 React+Typescript+Lowcode-engine 开发。
🏠 Homepage
✨ 演示地址
git clone https://github.com/brick-family/brick.git
pnpm i
- 本地开发(使用本地物料库)
1. pnpm i
2. pnpm run watch 开启监听
3. pnpm run dev:ui:local 启动低代码平台
4. pnpm run dev:lc 启动物料组件
5. 访问 http://localhost:8000
pnpm run test
-
pnpm 7.x
-
node 16.x
包名称规则
b-
开头的 package 是基础包,都是提供基础服务c-
开头的包,是大型业务组件或者模块lowcode-
开头的项目,是 web 页面
├── b-biz-component 提供业务组件
├── b-component 提供基础组件
├── b-core 核心模块,提供通用的Processor,请求等
├── b-processor 各模块通用的Processor
├── b-services 提供接口请求
├── b-types 通用TS类型
├── b-utils 工具类
├── c-lowcode-editor 低代码引擎编辑器
├── c-ui-material 物料库(供低代码引擎使用)
├── c-workflow 工作流模块
├── lowcode-admin 无代码后台管理系统
├── lowcode-h5 无代码h5平台
└── lowcode-platform 无代码平台
-
第一次运行,需要执行
- pnpm run pkg 编译下依赖包
-
本地开发(使用本地物料库)
- pnpm i
- pnpm run watch
- pnpm run dev:ui 启动低代码平台
- pnpm run dev:lc 启动物料组件
- 访问 http://localhost:8000
本平台支持多租户, 主要功能包含表单管理,工作流,仪表盘大屏等。
- 租户管理
- 应用管理
- 权限管理
- 租户权限
- 应用权限
- 表单设计
- 各类型字段
- 单行文本
- 多行文本
- 数字
- 日期
- 单选按钮组
- 复选框组
- 下拉框
- 下拉复选
- 关联数据
- 富文本
- 子表单
- 用户选择器
- 图片
- 附件
- 布局
- 流程表单
- 工作流的设计
- 工作流节点内容
- 创建数据
- 修改数据
- 删除数据
- 审批
- 抄送
- 跳转
- 条件
- 子流程
- xxxx
- 大屏设计
- 图表组件类型
- 柱状图
- 折线图
- xxxx
- 企业微信
- 钉钉
- 飞书
项目用 React umi 开发框架,采用 typescript 编写,对各模块功能做了详细拆分,低代码搭建使用的是lowcode-engine
,提供基础能力。
技术栈和依赖项
技术 | 说明 | 官网 |
---|---|---|
typescript | JavaScript 的一个超集,支持 ECMAScript 6 | https://www.tslang.cn/ |
umi | 插件化的企业级前端应用框架。 | https://umijs.org/zh-CN |
immer | 创建不可变数据 | https://immerjs.github.io/immer/docs/introduction |
@legendapp/state | Legend-State 是一个超快速且强大的 JavaScript 应用状态库 | https://github.com/LegendApp/legend-state |
ahooks | 提供了大量自应用的高级 Hooks | https://github.com/alibaba/hooks |
@antv/x6 | 提供简单易用的节点定制能力和开箱即用的交互组件,方便我们快速搭建流程图、DAG 图、ER 图等图应用 | https://github.com/antvis/x6 |
@ant-design/pro-components | 基于 antd,对组件最了封装,简单易用 | https://procomponents.ant.design/ |
xxxx | xxxxx | xxxx |
建立了一个微信交流群,请添加微信号brickmaster1
,备注brick
,我会拉你进群