当前位置: 首页 > 后端技术 > Node.js

ant-simple-pro,包含3个主流框架的中台方案

时间:2023-04-03 10:39:51 Node.js

ant-simple-pro,包含3个主流框架的中台解决方案介绍ant-simple-pro是一个vue3.0支持,react,angular,typescript等多框架支持中端前端方案,ui框架采用ant-design实现,采用最新的前端技术栈,内置i18n国际化方案,动态路由,响应式设计,openOut开箱即用,助您快速搭建企业级中后台产品原型。无论你是vueer、reactor还是angular开发者,都可以在这里找到你想要的版本。为什么写ant-simple-pro可以说是兴趣所致,然后对自己的技术不够自信,想通过做一个开源项目来充实自己,提高自己的技术。目前这样的项目当然有很多,但它们都是基于单一的技术栈。本项目用各个主流框架实现,对系统学习前端很有帮助。我是Vueer,我也是Reacter。做一个双开前端不是很难。在多个框架之间找到平衡和突破,是一件快乐而有意义的事情。正好朋友有同样的想法,于是利用业余时间完成了ant-simple-pro的乞丐版(诚然第一个版本功能很少,但后面肯定会完善)。为什么选择ant-design作为UI生态,生态,生态,重要的事情说三遍,antd的生态可以说是全国UI组件库生态最强大的代表,antd官网下,可以看到相关资源很多,pc端,移动端,图表,动画,设计资源等等。背景雄厚——antd团队可以说是国内最有实力的团队之一。能加入antd团队的人是非常有实力的,antd团队开发的产品服务了阿里上百个项目,可以说在前端领域是非常有经验的,另外就是团队资金雄厚。毕竟背靠支付宝,大家都得用花呗。社区-antd社区非常强大和活跃,国内很多厂商都在使用。在antd的支持下,出现了很多基于antd的实用功能组件,极大的方便了开发者。UI美观——视觉风格非常适合中端项目,全链路开发设计工具系统让开发设计更便捷,我个人觉得还挺漂亮的(在UI设计师眼里就是丑,这个我也没什么可吐槽的,毕竟不是一类人,哈哈)为什么最近几年引入了TypeScript,TS在前端圈越来越流行,无论是服务端(Node.js)还是前端框架(Angular都要用TS,React+TS标配,Vue3提供更好的TS支持),越来越多的项目使用TS开发。无论是社区还是各种文章,都可以看出,总体来说,正面信息大于负面信息。TS的引入可以在开发阶段避免很多代码层面的问题,提高代码质量和可读性,也让后续的维护更加容易。作为一名前端程序员,TS已经成为一项必备技能。预购准备本地环境(必备):Node.jsv10以上,Git预知:ES6+,Ant-Design,Typescript,Webpack,Babel三大框架:Vuevue3新语法,如composition-apivue全家桶,vue-cli4x,vue-router4x,vuex4xReactreact基本语法,比如class组件,函数组件,renderprops,hoc,hooks等react全家桶,create-react-app,react-router-domreact状态管理,主要是redux,然后一些redux插件redux-saga、redux-thunk等Angular基础语法,如html模板、指令、组件等。Angular的全家桶,angular-cli,@angular/routerrun#cloneprojectgitclonehttps://github.com/lgf196/ant-simple-pro.git#进入项目目录cdant-simple-pro#选择自己喜欢的版本#安装依赖npminstall#启动服务npmrundev详情参考文档ant-simple-pro-document。ant-simple-pro在server端的server接口没有使用mock模拟数据,而是使用ts+node+mysql+docker提供接口。由于暂时数据不是很复杂,所以没有使用orm框架来操作数据库。而是直接由原生SQL语句操作。服务器虽然不是很复杂,但是涉及到60%以上的常见业务需求,CURD、分页、jwt认证、文件上传、文件下载等├──public#存放静态资源文件├──src#源码│├──config#数据库配置文件│├──controllers#业务层,控制器│├──interface#ts接口│├──middleware#中间件│├──routes#路由│├──types#全局类型声明│├──utils#实用函数│└──index.ts#入口文件├──.gitignore#git提交忽略文件├──tsconfig.json#项目全局ts配置文件└──package.json#详细信息package.json,请参考文档ant-simple-pro-document。后期版本当前版本为1.0版本,也是一个初始版本。可以肯定的是,很多常用功能将无法使用。我们会在以后的版本中不断更新,比如代码的质量,这个项目的整体布局。希望大家不要着急,耐心等待。该项目将继续维护。不用担心没人维护的问题。对于本项目的bug,大家可以去issues提问,我们会在一周内,回复大家的反馈。在以后的版本中,ant-simple-pro的生态会增加桌面端、移动端、ssr同构等,敬请期待。结语项目地址:ant-simple-pro文档地址:ant-simple-pro-document