Giter Club home page Giter Club logo

brick's Introduction

Brick

Welcome to brick 👋

Version Documentation Maintenance License: MIT

brick 是一个无代码开发平台,采用 React+Typescript+Lowcode-engine 开发。

示例图

安装

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

项目目录

packages

包名称规则

  • 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   无代码平台

项目启动

  • 第一次运行,需要执行

    1. pnpm run pkg 编译下依赖包
  • 本地开发(使用本地物料库)

    1. pnpm i
    2. pnpm run watch
    3. pnpm run dev:ui 启动低代码平台
    4. pnpm run dev:lc 启动物料组件
    5. 访问 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,我会拉你进群

项目地址

📝 License

Copyright © 2024 brick.
This project is GPL3 licensed.

brick's People

Contributors

wizard-a avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.