Bootstrap

前端实现流程图效果_前端小白伪装大神的三款神器AntDesignPro/Umi/AntDesignLanding

为了Spring Batch Admin这个开源项目,鹏哥现在也开始学习前端知识了,对于7年专注Java 开发来说,前端我一直处在幼儿园水平,所以一直想找个简单易学的框架,来满足一下我成为全栈的欲望,找来找去,发现了三款神器。

Ant Design Pro

依托于Ant Design 强大的功能,Ant Design 团队推出来Ant Design Pro - 一个企业级中后台前端/设计解决方案。

Ant Design Pro 秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈,我们将持续迭代,逐步沉淀和总结出更多设计模式和相应的代码实现,阐述中后台产品模板/组件/业务场景的最佳实践。

基于上述目标和提供了以下的典型模板,并据此构建了一套基于 React 的中后台管理控制台的脚手架,它可以帮助你快速搭建企业级中后台产品原型。

- Dashboard - 分析页 - 监控页 - 工作台- 表单页 - 基础表单页 - 分步表单页 - 高级表单页- 列表页 - 查询表格 - 标准列表 - 卡片列表 - 搜索列表(项目/应用/文章)- 详情页 - 基础详情页 - 高级详情页- 结果 - 成功页 - 失败页- 异常 - 403 无权限 - 404 找不到 - 500 服务器出错- 个人页 - 个人中心 - 个人设置- 图形编辑器 - 流程图编辑器 - 脑图编辑器 - 拓扑编辑器- 帐户 - 登录 - 注册 - 注册成功

前序准备

你的本地环境需要安装 yarn、node 和 git。技术栈基于 ES2015

;