首页 > 代码库 > [创业公司做前端]一、后台管理系统

[创业公司做前端]一、后台管理系统

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

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

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

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

[创业公司做前端]一、后台管理系统