当前位置: 首页 > Web前端 > vue.js

ant-sime-pro发布了,支持vue3.0,react,angular,typescript,全网首发

时间:2023-03-31 19:27:51 vue.js

ant-sime-pro发布,支持vue3.0、react、angular、typescript,全网首发前端解决方案,ui使用antd实现,采用最新的前端技术栈,内置-ini18国际化解决方案,动态路由,响应式设计,开箱即用,可以帮助你快速搭建企业级中后台产品原型,无论你是vue开发者,react,angular,都能找到你想要的版本这里。为什么要写ant-simple-pro???答:技术太牛了,本人是个小码渣,有时候想系统的学习一个更好的项目,但是都是单框架的技术栈,像ui组件库有3大框架的支持,但是不适合初学者和中级开发者学习。源码有点难,网上的项目大多是单一技术栈项目。即使有多个项目,也不是很好。因此,为了锻炼自己,更好的学习前端,闲暇之余,翻了翻代码,ant-simple-pro(1.0)就诞生了。为什么选择ant-design作为UI???生态,生态,生态,重要的事情说三遍。antd的生态可以说是全民UI组件生态最有力的代表。如果你打开antd的官网启动,你会发现有很多相关的资源,包括pc、桌面、移动和自动化。背景雄厚——antd团队可以说是国内最有实力的团队之一。能加入antd团队的人是非常有实力的,antd团队开发的产品服务了阿里上百个项目,可以说在前端领域经验丰富,其中一个就是该团队资金雄厚。毕竟大家都要用花呗,因为有支付宝做后盾。社区——可能大多数人第一次使用antd是因为学习和了解react,而antd本身就是一个以react为首的UI组件。如果你没听说过antd,那你一定听说过react,大部分react开发都是用antd作为UI组件库的,功能丰富,功能强大。漂亮的UI——当然这是我个人的看法,我觉得antd比elementui漂亮。提醒我,我没有给antd-design打广告,但我真的觉得它更容易使用。当然element、vant等UI组件也很不错。序言需要在本地安装node和git,异步请求数据使用axios,异步接口全部用node+typescript+mysql+docker实现。本项目技术栈基于vue3.0,react,angular,typescrpt,antd等技术,所以最好先了解以下知识:vuevue3.0的新语法,如setup,hooks等.合成apivue-cil、vue-router、vuex等reactreact的基本语法,比如hooks、类创建组件、函数式创建组件等react全家桶应该都不陌生,比如react-router-dom、create-react-app、react-transition-group等react数据状态库,redux、redux-saga、reselect、react-redux等reactFC下typescriptangular等mode的基本语法,如htmltemplate,instruction,component等angular全家桶,如angular-cil、Rx等typescript基础语法

运行#clone项目gitclonehttps://github.com/lgf196/ant-simple-pro.git#进入项目目录cdant-simple-pro#选择自己喜欢的版本#安装依赖npminstall#启动服务npmrundev具体可以参考文档ant-simple-pro-document。ant-simple-pro在server端的server接口没有使用mock来模拟异步数据,而是从编写的server接口使用了ts+node+mysql+docker等技术,因为ant-simple-pro的server界面暂时不是很复杂,所以没有使用orm框架操作数据库,而是直接写了原始的sql语句。服务器虽然不是很复杂,但是涉及了60%以上的常见业务需求,增删改查,分页,token,图片上传,exec文档下载等。├──public#storestatic资源文件├──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等,敬请期待。Epilogue项目地址:ant-simple-pro文档地址:ant-simple-pro-文档技术交流群扫码进入,一起学习,一起成长:再次感谢永浩、甄等为本项目做出的贡献,以及这个项目虽然不是一个很高尚的项目,但是我们用心的编写和制作,就是为了让更多的前端爱好者知道如何学习前端,使用最新的技术。创作不容易,如果这个项目能帮到你,希望你能去github点个star,我们会很开心。最后祝大家新年快乐,2021年牛年大吉。