Lite UI Framework-让你快速的实现企业级管理型业务

简介: lite ui framework 的初衷是让开发者可以快速的搭建一些轻量化的管理型业务页面,它基于react+umi+antd+gantd开发并开源

lite ui framework 的初衷是让开发者可以快速的搭建一些轻量化的管理型业务页面,它基于react+umi+antd+gantd开发并开源。

仓库地址:https://github.com/gantFDT/lite-ui-framework

官网: http://favori.gitee.io/lite-ui-framework-landing/

预览:http://favori.gitee.io/lite-ui-framework

文档:https://www.yuque.com/favori/lite-ui-framework

快速开始:

git clone git@github.com:gantFDT/lite-ui-framework.git
cd lite-ui-framework
npm i
npm run start

特性:

功能层面

1、动态Dashboard和widget体系

对于一个业务范围确定并且单一的产品来讲,dashboard按照产品的核心意志展现即可,而对于业务范围不确定并且需要多领域多维度的产品来讲,Dashboard长什么样其实应该让终端用户决定,让用户决定dashboard的数量、布局、内容可以提升软件的自由度和用户体验,Lite UI Framework 中的Dashboard可以满足你对dashbord的一些设想。
dash.gif

2、基于SmartTable的实现的增删改查模板

smarttable.gif

企业级管理型业务通常是围绕着Table和Form展开,基于这两种组件可以实现大部分的业务场景,我们可以基于特定的Table和Form页面模板来快速开发一些轻量化的管理型业务页面。

3、基于SchemaForm实现的详情页面模板

smartdetail.gif

对于详情页面(一个对象的详细信息),我们在基于SchemaForm的基础上做了Submenu和Anchor的加持,布局状态也可由终端用户自由自切换。

4、基于CSS变量实现的自由定制主题机制

对于运行时切换主题,我们几乎尝试过所有的解决方案,最终发现css var 才可能是终极的解决方案,同学不妨可以和我们共同尝试下
theme.gif

5、基于百度翻译实现的一键国际化脚本,客制化语言显示机制

在大多数的国际化方案中,国际化语言字典的id是以一长串点语法构成的,维护一套国际化语言字典,有时候id甚至比value还长,如

'app.welcome.link.fetch-blocks': 'Get all block'

维护这些个id不知道你有没有觉得麻烦?

而在业务开发时候,你或许不知道你写的语言文字将会在什么时候出现,或许为了给你的一个语言文字命名一个id要思考半天。

Lite UI Framework 简化思路,让你不再为国际化而烦恼。

业务中预置:

tr('中文字符')

编译国际化语言字典:

npm run locale

locale.gif

……

全局层面

1、编译时和运行时前置自定义配置机制

2、简化路由和菜单的逻辑,拆分成支持分模块配置,更利于远程配置菜单的逻辑

3、UI显示的紧凑度提升

4、新增全部菜单平铺显示、路由历史记录

5、新增快捷键组件支持

6、全局水印功能

……

链接

本文相关链接:

仓库地址:https://github.com/gantFDT/lite-ui-framework

官网: http://favori.gitee.io/lite-ui-framework-landing/

预览:http://favori.gitee.io/lite-ui-framework

文档:https://www.yuque.com/favori/lite-ui-framework

其他相关链接:

GantD: http://gant.design

如果感觉Lite UI Framework对你有用,记得star哦,谢谢 😀

目录
相关文章
|
JavaScript 前端开发 开发工具
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
301 1
|
Kubernetes 容器
Kubernetes部署Dashboard(WEB UI管理界面)
Kubernetes部署Dashboard(WEB UI管理界面)
Kubernetes部署Dashboard(WEB UI管理界面)
|
7月前
|
Kubernetes Oracle 关系型数据库
实时计算 Flink版产品使用合集之web ui能否在线管理数据source和处理数据
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。
|
SQL 前端开发
IDEA+SSM+SpringBoot+Vue+Element UI实现班级管理增删改查
IDEA+SSM+SpringBoot+Vue+Element UI实现班级管理增删改查
357 0
IDEA+SSM+SpringBoot+Vue+Element UI实现班级管理增删改查
|
前端开发 JavaScript C#
基于TDesign风格的Blazor企业级UI组件库
基于TDesign风格的Blazor企业级UI组件库
101 0
|
边缘计算 运维 Cloud Native
探索 Web 管理之路,OpenYurt 社区 UI/CLI SIG 正式启动
探索 Web 管理之路,OpenYurt 社区 UI/CLI SIG 正式启动
10232 0
|
消息中间件 数据安全/隐私保护
解决第一次安装后无法访问RabbitMQ的UI管理界面问题#127.0.0.1:15672无法访问#localhhost:15672无法访问
解决第一次安装后无法访问RabbitMQ的UI管理界面问题#127.0.0.1:15672无法访问#localhhost:15672无法访问
644 0
|
前端开发 JavaScript 容器
Element UI 整合 vue 的那些细节【学生管理/用户管理】
Element UI 整合 vue 的那些细节【学生管理/用户管理】
231 0
Element UI 整合 vue 的那些细节【学生管理/用户管理】
【直播回顾及资料下载】Fusion Design - 企业级UI解决方案揭秘
专家:钱陈(潕量)Fusion 是一套企业级UI的解决方案。解决传统项目流程中设计和前端之间工作协同、体验一致性等方面的问题。Fusion 从大量的中后台场景中沉淀出通用的基础组件,再对基础组件进一步提取、拆解需要变更的部件,打造出一套可以定制的设计系统。
6762 0
有律师提出,UI只包含移动APP的设计页面,并不包含管理移动APP的电脑PC管理页面,此问题是否正确? 请问如何举证?
有律师提出,UI只包含移动APP的设计页面,并不包含管理移动APP的电脑PC管理页面,此问题是否正确? 请问如何举证?
1604 0