base on 🚴‍♀️ 阿里 - 很易用的中后台「表单 / 表格 / 图表」解决方案 <p align="center"> <a href="https://xrender.fun/" target="_blank"><img src="https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png" alt="logo" width="20%"/></a> </p> <h1 align= "center"> <a href="https://xrender.fun/" target="_blank">XRender</a> </h1> <p align="center"> <a href="https://www.npmjs.com/package/form-render?_blank"> <img alt="npm" src="https://img.shields.io/npm/v/form-render.svg?maxAge=3600&style=flat-square"></a> <a href="https://github.com/alibaba/form-render/commits/dev"> <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/alibaba/form-render.svg?style=flat-square"></a> <a href="https://github.com/alibaba/form-render"> <img alt="GitHub repo size" src="https://img.shields.io/github/repo-size/alibaba/form-render"></a> <a href="https://github.com/alibaba/form-render/issues?utf8=%E2%9C%93&q="> <img alt = "GitHub closed issues" src="https://img.shields.io/github/issues-closed/alibaba/form-render.svg?style=flat-square"></a> <a href="https://npmjs.org/package/form-render"> <img alt = "NPM downloads" src="https://img.shields.io/npm/dm/form-render.svg?style=flat-square"></a> <a href="https://npmjs.org/package/form-render"> <img alt = "NPM all downloads" src="https://img.shields.io/npm/dt/form-render.svg?style=flat-square"></a> <a> <img alt = "PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square"></a> </p> > 中后台「表单 / 表格 / 图表」开箱即用解决方案 ## 优势 - <a href="https://xrender.fun/form-render" target="_blank">FormRender</a>：像写一个 input 一样写表单 - <a href="https://xrender.fun/table-render" target="_blank">TableRender</a>：协议生成 & 高度灵活的搜索列表 - <a href="https://xrender.fun/chart-render" target="_blank">ChartRender</a>：傻瓜式的图表绘制库 - <a href="https://xrender.fun/generator" target="_blank">FormGenerator</a>：中后台表单可视化搭建生成利器 <div style="max-width: 961px; margin: auto;"> <h2>谁在使用?</h4> <table style="border: none; background: #fff"> <tr> <td width="160" align="center"> <img src="https://gw.alicdn.com/bao/tfs/TB1mFZneMmH3KVjSZKzXXb2OXXa-748-467.png" width="160" /> </td> <td width="160" align="center"> <img src="https://gw.alipayobjects.com/zos/k/sx/kJRfKV.jpg" width="160" /> </td> <td width="160" align="center"> <img src="https://gw.alicdn.com/tfs/TB176rg4VP7gK0jSZFjXXc5aXXa-286-118.png" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/tfs/TB13DzOjXP7gK0jSZFjXXc5aXXa-212-48.png" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i1/O1CN01Uw1xNd1H1GnHYCaOr_!!6000000000697-2-tps-1920-1920.png" width="160" /> </td> <td width="160" align="center"> <img src="https://gw.alipayobjects.com/zos/k/dl/zJ2uhY.jpg" width="110" /> </td> </tr> <tr> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i4/O1CN01SUv7rt1gMfdYr2Bnc_!!6000000004128-0-tps-800-373.jpg" width="160" /> </td> <td width="160" align="center"> <img src="https://gw.alipayobjects.com/zos/k/9l/RZCG03.jpg" width="160" /> </td> <td width="160" align="center"> <img src="https://gw.alipayobjects.com/zos/k/rh/4PXvlp.jpg" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i3/O1CN01xDuypG1V78PWpnnPz_!!6000000002605-2-tps-600-120.png" width="160" /> </td> <td width="160" align="center"> <img src="https://gw.alipayobjects.com/zos/k/wu/TzIbI0.jpg" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i1/O1CN01K3AD1b1WZMSHolALT_!!6000000002802-0-tps-700-207.jpg" width="160" /> </td> </tr> <tr> <td width="160" align="center"> <img src="https://gw.alipayobjects.com/zos/k/w7/02gpTA.jpg" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i4/O1CN01BJ26gA1cYLKkfiaCG_!!6000000003612-2-tps-287-176.png" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i3/O1CN017E63ji1W3InNkUvJE_!!6000000002732-2-tps-1000-500.png" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i2/O1CN01Zu5QsE1OJm7GYKH06_!!6000000001685-2-tps-363-139.png" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i1/O1CN01RqiiQ81j0dUdUfoIN_!!6000000004486-2-tps-280-66.png" width="160" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i1/O1CN01B0UOM61lnIoMVJU6f_!!6000000004863-2-tps-500-397.png" /> </td> </tr> <tr> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i2/O1CN01DiuhTS1u3o0WsTsNb_!!6000000005982-2-tps-367-137.png" /> </td> <td width="160" align="center"> <img src="https://img.alicdn.com/imgextra/i3/O1CN01Vj8xN329If5dlvb50_!!6000000008045-2-tps-495-405.png" /> </td> </tr> </table> </div> 更多可见[使用场景](https://github.com/alibaba/form-render/issues/94)，也很欢迎提交～ ## 支持 - 如果你觉得 XRender 还不错，可以通过 [Star](https://github.com/alibaba/form-render/stargazers) 来表示你的喜欢 - 在公司或个人项目中使用 XRender，并帮忙推广给伙伴使用 ## 贡献 想贡献代码、解 BUG 或者提高文档可读性？非常欢迎一起参与进来，在提交 PR 前阅读一下 [Contributing Guide](https://github.com/alibaba/form-render/blob/master/CONTRIBUTING.md)。  感谢给 XRender 贡献代码的你们： <a href="https://github.com/alibaba/x-render/graphs/contributors"> <img src="https://contrib.rocks/image?repo=alibaba/form-render" /> </a> <br> https://user-images.githubusercontent.com/8736212/123383626-ff187a80-d5c5-11eb-803f-296762fe72d0.mp4 ## 协议 - 遵循 MIT 协议 - 请自由地享受和参与开源 ## 互助答疑群 <img style="height: 400px" src="https://img.alicdn.com/imgextra/i3/O1CN01HksNgs1DZNuQsORIp_!!6000000000230-0-tps-1242-1602.jpg"> ## Star 趋势 [](https://star-history.com/#alibaba/x-render&Date) ", Assign "at most 3 tags" to the expected json: {"id":"14299","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"