首先，后台管理系统一定要前后端分离，一方面提高前端技术选型的灵活性，再一方面也可以解决后端人员使用模版语言的麻烦。其次，后台管理系统都会有较复杂的数据交互和组件化的需求，react是个合适的选择，mvvm的框架要么概念太多、要么模版语言偏命令式。选择了react之后，再搭配antd，将会是个很好的选择。react-bootstrap也是不错的选择，但是相对于antd来讲，它的组件较少，需要自己封装一些通用组件。数据流方面，慎用redux，在大部分的场景，使用组件state比用redux来的简单快捷。构建工具一定得用webpack，生成的前端资源最好在一个目录下，这样可以方便前端的自动化发布。

    然后，后台管理系统的外壳，去百度一个好看些的主题，将样式临摹下来就可以，最好找那些与antd样式相近的主题。在多人开发的情况下，router和左侧菜单的代码非常容易冲突，要考虑进行隔离以及抽离成json。可以将外壳的逻辑（其中包括外壳的样式、router的定义、左侧导航的定义）封装成一个frame组件，每次业务开发将它作为最上层的组件。这样，开发页面时，配置好router和左侧菜单，定义好自己的业务组件，然后引入frame组件，整体开发就有个清晰的流程，再加之antd组件的丰富，即使是开发经验在一年以下的前端，经过培训之后也可以轻松的胜任后台系统的开发。

    最后附上一个demo，公司目前所用的后台管理系统是在这个demo上开发的

     下一篇的主题是 — 前端自动化发布

版权声明：本文为zonghuan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/zonghuan/p/6741202.html