关于后台的那些小事

这里是IT修真院产品分享课，今天要分享的是

【关于后台的那些小事】

1、什么是后台？

顾名思义，就是与前台相反的呗，前台咱们都知道是用户查看信息，提交信息的地方，那么后台相应的就是建立元素信息，存储信息，处理信息的地方，他也叫管理系统。

打个比方，前台就好像咱们去餐厅里，坐下来看菜单，而后告诉服务员咱们今天要吃什么，服务员就蹦蹦跳跳的到了后厨，告诉厨师要作哪些菜，厨师记下桌号和菜品，就开始制做了。这里的后厨实际上就是咱们所说的后台系统，而那个厨师就是后台管理员。

2、后台都能作什么？给谁用？

就像上面所说的后台一般的做用就是建立信息，存储信息与处理信息，他管理着整个产品的正常运转。在论坛里后台管理者能够删帖，发帖，封号，建立帐号，在门户网站能够添加新闻，增长栏目，增长评论，在电商系统里能够上下架产品，处理物流信息，作促销等等，功能强大吧。

不过强大的背后就会遇到问题，那就是越是功能强大，越不能一我的来完成全部部分，因此就有了「分权限管理」管理者能够细分红不少块，各司其职，提升效率。好比我正在编辑文章的微信后台，就包括管理者与运营者，运营者只能登陆与群发信息，更高级的操做须要管理员受权或是不开放，电商网站更是多角色的典型。

3、看看设计后台时是怎么思考的？

首先最头疼的问题就是——从哪里入手？记住一句话，跟随你的业务流程。找到流程中须要与系统交互的地方，那就是你想要找的东西。

OK，让咱们用一个简单的门户网站举例。

背景：A公司目前门户是静态的，老板为了拉融资要求对门户网站进行改版。

需求：在网站上要有新闻模块，首页须要有轮播图能够更换公司的大事件，给公司一个发声的地方，明年的重点须要扩大招商范围和规模，网站上最好有个招商板块，再有就是对公司总体有个业务介绍，最后，公司最近招人比较困难，若是官网有个招聘模块也许就能提升招聘的效率。

上线：给你一个月时间，网站就要上线。滚吧！产品汪。

就是这么多了，若是是你你会怎么作？

画原型吗？NO。先停一下，去把这个「喜讯」告诉全部「干系人」吧，让你们的信息对称一下。面对这个需求，咱们须要调动多少人？产品狗本身，UI一个，前端一个，后端1-2个，市场文案狗一个，人力资源辅助配合招聘模块1人，最后是网站后期运营者。想一想功能，想一想要完成的事情，大概就这么多了。

根据需求能够看出，大概功能并不复杂；作个功能列表，简单用语言包装一下你要作的东西，而后去挨个聊或者召集你们开会，让你们提供一个完成时间，这个完成时间不能超过Deadline，因此沟经过程中可能须要你去说服对方，提升效率，甚至可能加班，让你们有心理准备。

咱们先来作个简单的梳理

首页，会有一个轮播图方便后期更新，若是更新不频繁也能够作成静态，开发成本低。首页还会是一些公司竞争力介绍等等。

新闻，新闻会有运营人员不按期更新，就是须要建立信息，他就是须要在后台有这个功能。

招商加盟，看看招商网站多半是一些公司介绍，在底部会放一个联系方式提交的地方，询问老板后，他认为也须要这个模块，OK，须要传递信息，他也须要在后台有个功能。

招聘，看看招聘网站，功能仍是挺多的？那么咱们须要那么多吗？用户能够有个word简历经过网站上传给咱们，人力资源人员能够经过后台下载或预览？再来一个解决方案，在前台有不少表单可让用户填写，直接提交给后台。这些都是用户要与后台产生互动信息。

可是这些方案好像听起来不错，可是时间容许你这样作吗？成本你承受得起吗？那么不如用最原始的方式，虽然不那么酷可是后简单，前端只提供职位职责预览，并提供一我的力的邮箱，你们能够向里面投递简历，后台只作职位的简单发布。

业务介绍，属于静态页面，设计上去就OK了，这个不涉及到后台。

通过分析和沟通，咱们发现与后台有交集的地方分别是，首页轮播图，新闻，招商和招聘。这时候你能够去看看其余产品，在这些模块都会显示哪些字段信息，找到你决定有用的，把他填写到这些功能描述中，再去进行前台的产品设计；不过有时你会发现作着作着发现缺了某个字段，为了不这种事情的发生，就须要你在信息收集的过程当中，多去看几个产品，把他们的展现的内容都先罗列下来，再作删减。

前台不是今天说的重点，咱们直接进入后台设计。

我常觉得后台就是一个个的「仓库」

这个库里堆放着你想要管理的内容，后台的搭建就是建立一个又一个的库，而且将他们合理的链接起来。回看咱们要作的东西，能够简单的分为四个库，并对他们分别管理。

知道有哪些库了，咱们须要将他们合理的组合起来，造成”导航“。业务流程越长，功能越多这个组合的工做越很差，这就是为何须要信息架构师这种职位，不过面对简单的后台，产品们仍是能够直接应付。

整个后台的界面一般会有如下模块组成：后台导航——管理库(管理内容列表\管理的内容)，从最大的框架到最小元素。

新闻管理

轮播图管理（广告位管理）

加盟信息

招聘信息管理

知道有哪些库了，咱们须要将他们合理的组合起来，造成”导航“。业务流程越长，功能越多这个组合的工做越很差，这就是为何须要信息架构师这种职位，不过面对简单的后台，产品们仍是能够直接应付。

整个后台的界面一般会有如下模块组成：后台导航——管理库(管理内容列表\管理的内容)，从最大的框架到最小元素。

后台导航

在我接触的后台导航中常见的有几种。

1. 横向导航

2. 纵向树结构导航

3. 横向导航纵向树结构

横向导航会用在后台功能较少，层级不多的状况下，他的优点就是学习成本低，劣势就是可扩展性比较差。

纵向树结构导航，这个咱们看的实际上是比较常见的，不少电商网站的我的中心或是订单页面就是用的这种结构，逻辑清晰，可以很快的找到想要找的东西。

第三种比较复杂，适用于平台功能较多，功能模块相差不少的网站，会在最顶部的横向导航放置顶级功能导航，在某个功能下用树结构导航清晰的表现二级功能。

由于这一次咱们作的功能并不复杂实际上能够用横向导航，不过由于我是根据现有后台来制做，因此为了避免增长开发成本，因此依然延续横向导航纵向树结构。

管理库

决定了哪一种导航形式，来看看最重要的「管理库」，面对「库」你们记住，绝大部分状况都会有个「列表页」，而后就是对信息的「增删改查」，遇到商品或是轮播图还会有上下架，显示与隐藏的功能，基本上「库」都会这样的管理的。

那么这样想，是否是新闻的管理设计起来就容易多了。添加新闻，删除新闻，编辑新闻，搜索新闻，再加上一个新闻列表，列表中在显示一些须要的字段。

OK，其实整个管理列表页已经跃然纸上了，以后就是正文编辑了，用户能够从列表页或导航中的「添加新闻」进入，把能够实现功能的字段作到页面上，再加上文本编辑器，一个发布按钮，一个简单的新闻管理就搞定了。

那加盟信息怎么作呢？其实也很简单了，既然用户须要在前台提交信息，那么咱们的后台实际上就是一个接受信息的地方。咱们让用户在前台提交「姓名电话邮箱」等联系方式，在后台加盟管理中，利用列表页将这些信息进行展现，有新的加盟信息推送过来能够在导航上加一个数字角标，这个功能甚至都用不到详情页就能搞定。

像门户网站这种还算比较简单的了，不过为了方便管理，你能够给不一样的角色赋予不一样的权限，好比人力资源的同窗只可使用招聘发布，网站运营人员只能使用新闻发布等等，专人专项，分工明确。

4、角色划分与权限是怎么来决定呢？

一句话，跟随你的产品业务。好比拿电商而言一个商品从用户确认下单，支付以后，在后台会走过多少流程，我想每一个公司的业务流程都会不一样，可是在这个流程中必定会涉及到不少「角色」来处理订单，而这「角色」就是你来划分后台权限的依据，而功能亦是从业务需求中转化而成的。

让咱们短暂回顾一下

回顾一下后台的设计，咱们会发现他其实是一种面向信息的设计，对于信息进行审核，记录，阅读，操控等等。在作后台设计时你须要对业务流程有必定了解，知道哪一个环节会与系统产生交互，那么这个交互的点就是后台设计的「库」，咱们须要对这些库进行管理，有时候咱们还须要将这些库与另一些库进行链接，库与库之间互相调取数据。

好比电商网站作的促销管理，都会去调用「商品库」里面的数据。想要掌握后台产品的设计的核心就是处理好每一个库的划分与整个产品的运做逻辑。

先作前台仍是后台

这是我曾经很纠结的问题，不知道你是否是也是同样，当你慢慢了解以后，这个问题其实就不复存在了，找你熟悉的东西开始作，这样会让你有我已经完成了多少多少了的感受，而不是面对一个不熟悉的东西，痛苦的死磕，磕到对本身失去信心。

前台与后台共同构成了你的产品，缺乏一方，产品便没法运转，先把业务逻辑思考清楚，你会发现「哦，这里是给用户看的」「啊，这里是后台要处理的」当业务逻辑走向完整以后，我想你的先后台就都已经设计完成了。

【更多内容，欢迎加入交流群565763832与你们一块儿讨论交流】

【这里是技能树·IT修真院：IT修真院官网，初学者转行到互联网的汇集地】