《大营销平台系统设计实现》 - 运营后台 第1节：初始后台运营页面

作者：小傅哥
博客：https://bugstack.cn (opens new window)

沉淀、分享、成长，让自己和他人都能有所收获！😄

• 本章难度：★★☆☆☆
• 本章重点：基于蚂蚁集团 Ant Design Pro 初始搭建一套大营销的运营管理后台页面。
• 课程视频：https://t.zsxq.com/iH3gW (opens new window)

版权说明：©本项目与星球签约合作，受《中华人民共和国著作权法实施条例》 (opens new window) 版权法保护，禁止任何理由和任何方式公开(public)源码、资料、视频等内容到Github、Gitee等，违反可追究进一步的法律行动。

一、本章诉求

基于蚂蚁集团 Ant Design Pro 初始搭建一套大营销的运营管理后台页面，并带着读者一起初步了解 Ant Design Pro 框架的使用。

关于前端的页面开发，会涉及到 React、HTML、Div、CSS，等知识点，并在 Ant Design Pro 框架的包装加下，还会额外提供一些组件。

这一阶段并不是面试重点，Java 面试中也不会考察关于前端技术的使用。但对于自身积累，扩展技术栈使用，可以尝试学习下。你只需要能大部分看懂这些代码，并可以基于已有的代码复制出你要的页面即可。

初学者可以通过 React 提供的最佳实践教程，了解 React 使用，教程地址：https://zh-hans.react.dev/learn (opens new window)

二、关于后台

运营后台的搭建不只有 Ant Design Pro，而是还有非常的框架可以选择。比如你可以在 github 搜索， react admin；

以上这些，包括你可以在网上搜索好用的 react/vue 运营管理后台，都可以搜索到非常多，有些是官网开发的，也有个人提供的。咱们之所以选择 Ant Design Pro 不只是为了搭建一个运营后台，也是为了让大家学习到企业中更多的选择方案，这样的锻炼也可以在企业中使用。

1. 基础环境

• 你需要确保自己本机安装了 nodejs 这样才能使用 Ant Design Pro
• 推荐使用 WebStorm 开发运营后台，这样你会基本以使用 IntelliJ IDEA 的习惯使用 WebStorm，对于 Java 程序员来说基本没有跨软件成本。

2. 框架地址

• Ant Design https://ant-design.antgroup.com/index-cn (opens new window) - 是一套设计语言与组件库
• Ant Design Pro https://pro.ant.design/zh-CN (opens new window) - 是一套解决方案，就类似于小傅哥给大家提供的 DDD 脚手架一样，帮你把基础的东西安装好。