乐趣区

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

退出移动版