最近一直在做前端可视化和低代码相关的项目和技术分享。刚刚找到了几个开箱即用的基于vue3和vite的中后台管理模板，可以在可视化项目中使用，所以这里特地做一个总结分享给大家。我们都知道vue3已经发布一年多了，相关的生态也在慢慢建立。很多公司也在尝试使用vue3开发自己的应用系统。但由于生态不完善，缺乏成熟的方案实施，vue3的应用还在小范围探索和测试中。好在开源界的大佬们提前做了很多探索和尝试，比如vue3的UI组件库elementPlus，ant-design-vue等，同时基于这些UI库，另一批大佬封装了针对业务场景的中后台管理模板，方便我们高效搭建业务系统。下面我就把这些强大的管理后台模板一一列举出来，说说它们的特点。如果你恰好有这样的需求，不妨参考一下。1.VuevbenadminVueVbenAdmin是一款免费开源的中后台模板。采用vue3、vite2、TypeScript等最新主流技术开发，开箱即用的中后台和前端解决方案，也可作为学习参考。特点最新技术栈：使用Vue3/vite2等前沿技术TypeScript：应用级JavaScript语言主题：可配置主题国际化：内置完善的国际化方案Mock数据内置Mock数据方案权限内置完善的动态路由权限生成scheme组件封装了多个常用的组件接口，用于二次展示。可以左右滑动切换图片：）2.ant-simple-proant-simple-pro是一个支持vue3.0、react、angular、typescript等多种框架的中端前端解决方案，ui使用antd实现，使用最新的前端技术栈，内置i18国际化方案，动态路由，响应式设计，开箱即用，我们编写了很多支持vue3的插件和库，可以帮助你快速搭建企业级中后台产品原型，无论你是vue开发者，react还是angular，都可以在这里找到你想要的版本。序言需要在本地安装node和git，异步请求数据使用axios，所有异步接口都是node+typescript+mysql+docker实现的，所以最好先了解以下知识：的新语法vuevue3.0，如setup、hooks等合成APIvue-cil、vue-router、vuex等全家桶react的基本语法，如hooks、类创建组件、函数创建组件等React家族buckets大家应该都不陌生，比如react-router-dom、create-react-app、react-transition-group等react数据状态库，redux、redux-saga、reselect、react-redux等typescript下FC模式下的react等Angular的基本语法，如html模板、指令、组件等Angular的全家桶，如angular-cil、Rx等typescript基本语法界面展示，左右滑动切换图片:)3.vue3-template-adminvue3-template-admin是一个b基于vue3+vite+element+管理模板的ackground，集成了我们业务开发的大部分功能，比如文本编辑器，全站搜索，权限管理，可视化图表等。使用的插件/库eslint-plugin-vueeslint-plugin-vueaxios强大的前端请求库fues.jsfues.js前端模糊搜索echartechart数据可视化antvantv蚂蚁数据可视化xlsxxlsxSheetJSjszipjszip优秀的前端压缩库mockjsmockjs模拟和交互数据wangeditorwangeditor富文本编辑器fullcalendarfullcalendar富日历插件界面展示，可以左右滑动切换图片:)4.vue-admin-boxvue-admin-box是一个免费开源的中后台管理系统模板。使用最新版vue3+vite+element-plus开发，目的是解决通用业务中后台系统配置复杂的问题。功能特点适合中后端开发路由配置，状态管理机制（状态默认支持本地存储），封装完善的axios和api管理机制非常方便可扩展的主题配置功能，默认支持三种典型的中后端风格简单配置对于页面缓存功能，只需要配置noCache属性即可，不需要配置其他任何属性，比如组件名、路由名等，很多框架都需要配置。典型的增、删、改、查三类业务表。详见“页面栏目”“业务表单”、“分类联动表单”、“树联动表单”支持缓存页面刷新。目前已知的大部分框架都不支持缓存页面的刷新。它是一种方便且可扩展的国际化解决方案，并提供两套非国际化的解决方案。基础模板和两套国际化基础模板（ts版/js版）手写版各类自定义命令经过多个中后台业务测试。表格常用组件和弹窗常用组件。详见“页面栏目”展示中的“业务表单”、“分类联动表单”、“树联动表单”界面，可左右滑动切换图片：）更多优秀项目推荐，而今天的分享就到这里了，如果你对可视化感兴趣，或者对构建或者低代码/零代码感兴趣，也可以参考我之前在趣谈前端的文章或者交流一下自己的想法和经验评论区，欢迎一起探讨前端真技术，本文转载自微信公众号《趣谈前端》
