简介

ant-simple-pro 是一款反对vue3.0，react，angular，typescript等多框架反对的中台前端解决方案，ui应用antd实现的，它应用了最新的前端技术栈，内置了 i18 国际化解决方案，动静路由，响应式设计，开箱即用，它能够帮忙你疾速搭建企业级中后盾产品原型，不论你是vue开发者，还是react,或者angular，都能在这里找到你想要的版本。

为什么要写ant-simple-pro???

答：技术太菜了，以及自已是一个小码渣，有时候想零碎的学习一个好点的我的项目，然而都是单框架技术栈的，像ui组件库就有3大框架的反对，然而却不适宜老手和中级开发人员的学习，源码难度有点高，而后在看网络上也大部分是单个技术栈的我的项目，就算有多个的，也不是很全，因而为了锤炼自已和更好的学习前端，于是在空余工夫，代码撸起来，ant-simple-pro(1.0)就诞生了。

为什么要选用ant-design做为UI???

  • 生态，生态，生态，重要的事件说三遍，antd的生态能够说是国类UI组件生态中最弱小的代表，如果当你关上antd的官网的时候，你会发现有很多相干资源，pc,桌面，mobile，自动化全副有。
  • 弱小的背景 - antd的团队能够说是国类很厉害的团队之一，能进antd团队的人，实力十分的强，而且antd团队开发的产品，服务了阿里成百个我的项目，能够说在前端畛域很有教训，在一个就是团队资金雄厚，毕竟背靠支付宝，人人都得用花呗。
  • 社区 - 可能大部分人第一次应用antd，是来至于对react的学习和理解，而且antd自身就是以react为首的UI组件，如果你没听过antd,那么肯定听过react,大部分react开发者都会应用antd做为UI组件库，因为功能丰富且弱小。
  • UI丑陋 - 当然这个是我集体的认识，我感觉antd比element ui要丑陋些。

揭示

自己并未给antd-design打广告，只是自已真心感觉比拟好用，当然，element,vant等UI组件也是十分的棒的。

前序筹备

你须要在本地装置 node 和 git，异步申请数据用axios，所有的异步接口均采纳node+typescript+mysql+docker实现的，本我的项目技术栈基于vue3.0,react,angular,typescrpt,antd等技术，所以最好先理解如下常识：

vue

  • vue3.0的新语法，如setup,hooks等合成api
  • vue-cil,vue-router,vuex等全家桶

react

  • react根本语法，如hooks,class创立组件，函数式创立组件等
  • react全家桶要相熟，如react-router-dom，create-react-app,react-transition-group等
  • react数据状态库，redux,redux-saga,reselect,react-redux等
  • react在typescript下的FC模式等

angular

  • angular的根本语法，如html模板，指令，组件等
  • angular的全家桶，如angular-cil,Rx等
  • typescript的根本语法

<p align="center">

</p>

运行

# 克隆我的项目git clone https://github.com/lgf196/ant-simple-pro.git# 进入我的项目目录cd ant-simple-pro# 抉择你喜爱的版本# 装置依赖npm install# 启动服务npm run dev

具体内容请查看文档ant-simple-pro-document。

服务端

ant-simple-pro的服务端接口并未采纳mock来模仿异步数据的，而是采纳ts+node+mysql+docker等技术来自已写服务端接口的，因为ant-simple-pro的服务端接口临时不是很简单，所以并未采纳orm框架来操作数据库，而是间接原生sql语句来写，服务端尽管不是很简单，然而波及到了常见业务60%以上的需要，增，删,改,查,分页，token,图片上传，exec文档下载等

├── 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

再次感激永豪，珍等为该我的项目做出的奉献，同时此我的项目尽管算不上很高大尚的我的项目，然而都是咱们用心去编写和制作的，为了让更多的前端爱好者晓得怎么去学习前端和应用最新的技术。

创作不易，如果这个我的项目能帮忙到你，还心愿各位能去github，点个star,咱们就很开心了。

最初，祝愿大家在2021年，新年快乐，牛年大吉。