Ant Design Pro

原文: GitHub开源的超棒后台管理面板 Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用。 1. AdminLTE GitHub Star 数 24969 ， GitHub 地址： https://github.com/almasaeed2010/AdminLTE 非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。 2. vue-Element-Admin GitHub Star 数 19546， GitHub 地址： https://github.com/PanJiaChen/vue-element-admin 一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。 3. tabler GitHub Star 数 15870， GitHub 地址： https://github.com/tabler/tabler 构建在 BootStrap 4 之上的免费的 HTML 控制面板框架。 4. Gentelella GitHub Star 数 15654， GitHub 地址： https://github.com/puikinsh/gentelella 一个基于 Bootstarp 的免费的后台控制面板。 5. ng2-admin GitHub Star 数

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程（63 个视频） UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #1 开始玩起来 「07:43」 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #2 了解项目源码并尝试修改 「07:21」 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #3 继续了解项目源码并修改代码 「07:24」 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #4 如何修改 footer 及其原理 「08:15」 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #5 关于 footer 和 layout 「07:27」 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #6 如何好好利用 ant-design-pro-layout 「Pro」「10:09」 UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #7 如何下载和使用区块 「Pro」「07:17」 UmiJS &

前言 一直想找一套喜欢的UI组件，最后还是看上了阿里的Ant Design Pro。详见： https://pro.ant.design 。准备后续将其作为 MyClouds 的前端缺省解决方案。今天先搭个开发环境，体验一下子。 步骤 1. 先把代码搞下来。（咱得有个git吧） $ git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project $ cd my-project 2. 安装node 包依赖。（得先装个nodejs吧） $ npm install 3. 启动，访问： http://localhost:8000 $ npm start 预览 后记 ： MyClouds微服务治理及快速开放平台 来源： oschina 链接： https://my.oschina.net/u/729512/blog/3033821

背景 很多优秀的程序员和技术人员喜欢写技术文章和技术博客，通过这样的方式分享传播知识和经验，扩大自己的知名度和影响力，吸引粉丝关注，甚至有些技术博主还通过写文章来获取广告收入，很多优秀的博主还通过这种方法获得了出版书的机会以及工作机会。因此，写技术文章是一件非常值得投入的事情，帮助了自己，也让大众受益。 但是，写技术文章通常也很耗时，特别是一些优质文章，不仅需要旁征博引、构思文章结构、照顾读者受众，还需要做很多前期工作，例如搭建环境、写demo代码、测试代码等等。一篇优质技术文章通常需要3-6个小时来完成。然而，花了很多时间来写文章，最终发布出来的文章得不到很多人的关注是一件相当令人沮丧的事情。我们认为，优质文章值得获取关注和传播，让更多的技术工作者通过阅读文章获取知识获益。 每个技术博主都有自己喜欢的技术媒体平台，例如掘金、CSDN、微信公众号等等。很多技术博主也喜欢将文章发布在不同的平台上，寻求最大的关注度，同时也防止自己辛辛苦苦写的文章被别人复制粘贴盗版过去。然而，在多个平台上发文是一件麻烦的事情：博主需要同时登陆多个媒体平台，将自己的文章复制一个一个粘贴过去；更麻烦的是，有些平台只支持Markdown，有些平台只支持富文本，博主需要在这两者之间来回转换，这增加了工作量。 一文多发平台ArtiPub就解决了这样的问题

前言 目前Ant Design 提供 React 和 Vue 两种整合开发框架，开箱即用的中台前端/设计解决方案，可适合中小公司统一后台开发技术栈，本来只是业务信息系统，不要重复造轮子 AntDesign of React 教程： https://ant.design/docs/react/introduce-cn 项目一：ant-design-pro-react 使用 React/umi/dva/antd 等前端前沿技术开发，提炼自中后台应用的典型页面和场景 代码&安装地址： https://github.com/ant-design/ant-design-pro/ 预览地址： https://preview.pro.ant.design/ AntDesign of Vue 教程： https://vuecomponent.github.io/ant-design-vue 项目一：ant-design-pro-vue 基于 Ant Design of Vue 实现的 Ant Design Pro Vue 版 代码地址： https://github.com/sendya/ant-design-pro-vue 预览地址： https://pro.loacg.com/user/login?redirect=%2F 项目二:vue-alain 使用 vue-cli 3.0 ,

实战：为Ant Design Pro提供后端接口 之前章节已经了解了Akka HTTP的路由定制、数据序列化等内容，是时候开始一个比较完整的Web应用示例了。这里我们将使用 Akka HTTP 来集成 Ant Design Pro ，Ant Design Pro是一个开箱即用的中台前端/设计解决方案，它由蚂蚁金服开发，官方地址： https://pro.ant.design/index-cn 。 本文假定用户已经熟悉并会使用 Ant Design Pro，若还未接触过可以从官方文档开始： https://pro.ant.design/docs/getting-started-cn 。 本文使用 Ant Design Pro 2.0版本 设置 Ant Design Pro Ant Design Pro 已经是一个完整的后台前端应用，我们只需要使用 Akka HTTP 为其提供后端API接口服务支持和静态资源文件的HTTP获取功能。 创建API Akka HTTP 的 Routing DSL 是从上到下一级一级的匹配路由的，当前一个路由不匹配时才判断下一个路由，这样一直到最后一个。利用这个特性，我们可以在整个路由定义的最后来设置返回React SPA需要的静态资源文件。 def route: Route = pathPrefix("api") { pathGet(