Redian新闻
>
京东又开源一款新框架,用起来真优雅!

京东又开源一款新框架,用起来真优雅!

公众号新闻

👉 这是一个或许对你有用的社群

🐱 一对一交流/面试小册/简历优化/求职解惑,欢迎加入芋道快速开发平台知识星球。下面是星球提供的部分资料: 

👉这是一个或许对你有用的开源项目

国产 Star 破 10w+ 的开源项目,前端包括管理后台 + 微信小程序,后端支持单体和微服务架构。

功能涵盖 RBAC 权限、SaaS 多租户、数据权限、商城、支付、工作流、大屏报表、微信公众号等等功能:

  • Boot 地址:https://gitee.com/zhijiantianya/ruoyi-vue-pro
  • Cloud 地址:https://gitee.com/zhijiantianya/yudao-cloud
  • 视频教程:https://doc.iocoder.cn

来源:网络


DripTable 是京东零售推出的一款用于企业级中后台的动态列表解决方案,项目基于 React 和 JSON Schema,旨在通过简单配置快速生成页面动态列表来降低列表开发难度、提高工作效率。

DripTable 目前包含以下子项目:drip-table、drip-table-generator。各个子项目具体介绍如下:

  • drip-table :动态列表解决方案的核心库,其主要能力是支持符合 JSON Schema 标准的数据自动渲染列表内容。
  • drip-table-generator :一个可视化的用于 DripTable 配置 JSON Schema 标准的配置数据的生成工具。

优势

  • 高效开发 :提高前端列表开发效率,实现 Lowcode 方式快速开发列表页。
  • 配置化渲染 :以简单的 JSON Schema 配置字段,自动渲染处所需要的列表,降低用户使用成本。
  • 动态可扩展 :支持自定义组件开发,通过API快速生成自定义的或者实现业务功能的单元格组件。
  • 界面框架自由 :表格界面框架支持多种主题包,另外还支持自定义主题包。

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/ruoyi-vue-pro
  • 视频教程:https://doc.iocoder.cn/video/

何时使用

  • 用于中后台 CMS 列表页的快速搭建,通过简单 JSON Schema 数据即可生成列表,无需硬编码。
  • 用于 Lowcode 列表搭建的前端 Table 预览以及实现,无需复杂前端代码,便可实现自定义的列表。

基于 Spring Cloud Alibaba + Gateway + Nacos + RocketMQ + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能

  • 项目地址:https://github.com/YunaiV/yudao-cloud
  • 视频教程:https://doc.iocoder.cn/video/

开始使用

DripTable 分为两种应用场景:配置端和应用端。配置端主要负责通过可视化方式和 low-code 方式进行 JSON Schema 标准数据的生成。应用端的职能则是将 JSON Schema 标准配置数据渲染成动态列表。

配置端

1  安装依赖

配置端依赖应用端,安装前先确保已安装 drip-table。

「yarn」

yarn add drip-table-generator  

「npm」

npm install --save drip-table-generator  

2  在文件开头引入依赖

import DripTableGenerator from "drip-table-generator";  
import "drip-table-generator/dist/index.min.css";  

3  在页面中引用

return <DripTableGenerator />;  

配置端正常渲染效果如下:

应用端

1  安装依赖

安装 drip-table:

「yarn」

yarn add drip-table  

「npm」

npm install --save drip-table  

2  在文件开头引入依赖

// 引入 drip-table  
import DripTable from "drip-table";  
// 引入 drip-table 样式  
import "drip-table/dist/index.min.css";  

3  引用

const schema = {  
  size: "middle",  
  columns: [  
    {  
      key: "columnKey",  
      title: "列标题",  
      dataIndex: "dataIndexName",  
      component: "text",  
      options: {  
        mode: "single",  
      },  
    },  
  ],  
};  
return (  
  <DripTable  
    schema={schema}  
    dataSource={[]}  
  />  
);  

应用端正常渲染效果如下:

开源地址

  • https://github.com/JDFED/drip-table

欢迎加入我的知识星球,全面提升技术能力。

👉 加入方式,长按”或“扫描”下方二维码噢

星球的内容包括:项目实战、面试招聘、源码解析、学习路线。

文章有帮助的话,在看,转发吧。

谢谢支持哟 (*^__^*)

微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
古诗词用起来——大诗人的作文魔法书供应链效率提升带来真低价 收入净利润均超市场预期 一图看懂京东集团二季度及中期业绩110㎡轻法式美宅,浪漫而不失优雅!【居住榜样】季票用起来!Wonderland万圣节专场要开了:儿童场很萌,夜场好吓人科研论文界卷起来真是不要命~Redis和MySQL双写一致性如何保证?这个方案够优雅!北约峰会未邀请乌克兰,泽连斯基:荒谬;福岛核“处理水”可以饮用?外交部:建议日方利用起来丨早报如何把旧衣服利用起来美国入境档案--张承哲,1910年旧金山网络犯罪分子层出不穷!数据泄露影响超4亿人,解决、预防措施用起来!牛仔裤与大妈气大模型中场之争:谁能先让企业把大模型用起来?学英语,靠听读|RAZ分级用起来~房车水电用起来方便么?我已经一个多月没给房车充电了湿气重、肩颈酸痛的都用起来!一机搞定刮痧+拔罐+精油spa,有它谁还去美容院啊?14 个超级 牛 X 的免费开源小工具,快用起来!比卫衣显瘦!比打底衫时髦!连帽衫秋冬氛围感拉满,气质又优雅!时髦精们都在穿!开学听不懂怎么办?新生必备神器用起来清华提出开源工具学习框架,接入真实世界 16000+API, 效果达 ChatGPT光能、风能谁是新能源一哥?你可能忽略了它!足不出户拿文凭、get新技能,这些资源好好利用起来,都会有收获!中山大学开源Diffusion模型统一代码框架,推动AIGC规模化应用男人的嘴,骗人的鬼它比黄金更贵气!比珍珠更优雅!30+的女人没它气质输一半!Python 失宠!Hugging Face 用 Rust 新写了一个 ML 框架,现已低调开源[电脑] 威联通TS-462C到手了,NAS的基本功能先用起来吧!这4种用起来很舒服的东西,其实非常危险300多元还接入了鸿蒙生态的智能拐杖,用起来咋样?搭载了HyperOS 的小米14,用起来到底怎么样?听到他们跟唱《你笑起来真好看》,中国小歌手李昕融说……玩转时尚,珍珠一戴温柔又优雅!荷兰人为什么要造风车?国产大模型开源一哥再登场,最强双语LLM「全家桶」级开源!340亿参数超越Llama2-70B一件搞定四季所有穿搭!百搭东方亚麻衬衫!减龄又优雅!烟火气(4)
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。