关于javascript:antsimplepro一款支持vue3reactangulartypescript等技术的中台解决方案

简介

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 年，新年快乐，牛年大吉。