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