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 8.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

Stargazers

West avatar  avatar hughZhuang avatar David.Gao avatar  avatar Hehaonan avatar  avatar  avatar rox avatar xiaosa avatar  avatar PPSite avatar  avatar daivin avatar join avatar leo avatar kaniel avatar  avatar WendellWang avatar 叶俊青 avatar Lo avatar dgtask avatar  avatar hawk avatar  avatar  avatar Zhan Dong avatar  avatar  avatar 杨洋 avatar  avatar frontYang avatar

Watchers

 avatar hughZhuang avatar  avatar  avatar  avatar

brick's Issues

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.