网站内容管理系统后台 设计(谢邀与展示页的最大方向分析方向来分析)

　　网站内容管理系统后台 设计(谢邀与展示页的最大方向分析方向来分析)

　　谢谢你。这两年几乎没做过展示页面（以下简称展示页面），一直在做后台、管理系统或者数据展示页面（以下简称管理系统），所以我可以简单总结一下我的经历。

　　管理系统与展示页面最大的区别在于展示页面更注重视觉效果，而管理系统的功能最为重要。简单来说就是展示页面要好看，管理系统要好用。基于易于使用的目标，我们从设计和实现（开发）两个方向进行分析。

　　设计

　　====

　　功能

　　----

　　功能点是从需求中提取出来的，分为两类：数据呈现和用户动作。

　　数据表示可能包括数据表、图表、列表和其他内容，例如文本、超链接或图像。该内容将在页面中显示为数据渲染模块。

　　用户操作可能包括：添加（表单、文件上传等）、编辑、删除等。这些内容将作为内容管理模块显示在页面中。

　　界面组件

　　----

　　有了以上两个模块，每一个展示或者功能模块都需要抽象成UI组件，比如图表组件（折线图、面积图、条形图、饼图等）、表格、表格等，方便前端-结束开发。

　　对于UI组件，如果公司有现成的UI库，可以直接使用。如果没有，请考虑使用开源 UI 组件库，例如 Bootstrap。如果自己开发，成本高，兼容性差，无法保证可持续发展。

　　其他

　　----

　　最重要的一点是保证UI风格一、简洁；

　　操作过程简单，功能层级尽量少，但不要把所有东西都堆在一起；

　　保证各个大模块之间的连通性，让用户可以直接从一个功能点飞到另一个模块的对应点。

　　草图、原型和演示

　　----

　　他们说我反对使用 Axure。因为你花了很多时间试图做一个丰富的原型，你把它交给我，让我安装一个插件；我导出了一堆代码，但我不能使用一行；丑是另一回事。我认为这个工具会浪费太多时间。

　　我信任的工具是 Google Doc。可以用PPT画线框，方便分享，保存编辑历史。如有必要，将线框交给设计师进行视觉设计。

　　然后交给前端，直接写页面的Live Demo（不用访问API）。前端制作的Live Demo效果是系统最终的样子，这个demo的开发时间不一定比Axure的demo长。最重要的是，几乎没有浪费任何一行代码。

　　当然，最重要的是沟通，沟通，沟通。

　　开发

　　====

　　后端

　　----

　　管理系统一般直接面向数据库，很*敏*感*词*类似于数据库管理系统（如phpMyAdmin）。复杂的数据库操作是管理系统后端承担的主要任务，要求后端高效、安全、稳定。如何保证？做后端的开发者应该比我更了解前端，所以我不会边学边卖。

　　前端

　　----

　　由于管理系统需要处理和展示大量数据，其逻辑复杂度和JS等代码是一般展示页面的数千倍。为了保证性能和开发效率，需要在整个技术架构上向前迈出一大步：

　　首先，页面相关的加载和渲染可以用纯前端技术（如Angular.js）来实现；

　　然后，后端仅用作数据接口（API，如 RESTful）。

　　====

　　以上是我的一些经验和知识，我将与大家分享和讨论。开发部分比较简单（因为是设计题目）。有兴趣的可以继续补充讨论。