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哦,谢谢 😀

目录
相关文章
|
23天前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
20 0
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
5月前
|
JavaScript 前端开发 开发工具
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
163 1
|
Kubernetes 容器
Kubernetes部署Dashboard(WEB UI管理界面)
Kubernetes部署Dashboard(WEB UI管理界面)
Kubernetes部署Dashboard(WEB UI管理界面)
|
3月前
|
存储 前端开发 Java
谈谈企业级 Web 应用里各种不同的 UI 组件设计思路
谈谈企业级 Web 应用里各种不同的 UI 组件设计思路
28 0
|
5月前
|
前端开发 JavaScript C#
基于TDesign风格的Blazor企业级UI组件库
基于TDesign风格的Blazor企业级UI组件库
48 0
|
11月前
|
边缘计算 运维 Cloud Native
探索 Web 管理之路,OpenYurt 社区 UI/CLI SIG 正式启动
探索 Web 管理之路,OpenYurt 社区 UI/CLI SIG 正式启动
10186 0
|
消息中间件 数据安全/隐私保护
解决第一次安装后无法访问RabbitMQ的UI管理界面问题#127.0.0.1:15672无法访问#localhhost:15672无法访问
解决第一次安装后无法访问RabbitMQ的UI管理界面问题#127.0.0.1:15672无法访问#localhhost:15672无法访问
507 0
|
SQL 前端开发
IDEA+SSM+SpringBoot+Vue+Element UI实现班级管理增删改查
IDEA+SSM+SpringBoot+Vue+Element UI实现班级管理增删改查
303 0
IDEA+SSM+SpringBoot+Vue+Element UI实现班级管理增删改查
|
前端开发 JavaScript 容器
Element UI 整合 vue 的那些细节【学生管理/用户管理】
Element UI 整合 vue 的那些细节【学生管理/用户管理】
194 0
Element UI 整合 vue 的那些细节【学生管理/用户管理】
how drop down list description is displayed by UI framework
how drop down list description is displayed by UI framework
156 0
how drop down list description is displayed by UI framework

热门文章

最新文章