# 如何搭建整体框架

在明确系统功能分类和结构后,先选择合适的页面导航和布局,建立基础的中后台框架。

# 什么是中后台系统

中台系统主要指:响应前后台业务,实现双端的集中管理和价值提取,支持业务创新和精细化运营的数据处理系统。 后台系统主要指:对前端网站信息和数据进行管理的系统,主要面向企业内部的运营和管理人员。 在 Web 前端设计当中,中台与后台具有同质性,可看作同一类型来思考设计方法。通过 建模提供的组件能力快速搭建好用的中后台系统, 通常可以分三步:选择合适的页面框架-设计页面间的任务流程-合理使用组件。

# 中后台页面框架的选择

页面框架由「页面导航」与「页面布局」两部分组成。同时,建模提供常见的页面模版,可根据需要直接选择合适的模版。

# 一、页面导航

导航是指:在页面中引导用户找到功能和理解信息层级,可分为整站导航与区域导航两大类。

blockchain

blockchain

# 二、页面布局

页面布局是指:将导航和信息内容在页面中进行合理安排和分布,由「栅格」和「布局」组成。 不同布局的选择依据,通常为:1 功能模块的数量。2 功能与功能之间的相关性。 建模主要提供6种布局方式:通栏、左右结构、右侧栏、左侧栏、三栏、两栏。

# 通栏布局

常用于数据量较大的分页和平铺列表组件布局

blockchain

# 左右结构布局

常用于左树右列表、卡片的布局

blockchain

# 右侧栏/左侧栏布局

常用于详情页面中顶部简档 +表单、 关键路径、树、相关列表、卡片的布局组合

blockchain

# 三栏布局

常用于详情页面中图表和表单、相关列表的组合场景

blockchain

# 二栏布局

常用于详情页面及工作台页面中图表和表单、相关列表的组合场景

blockchain

# 三、常见的中后台页面

建模提供了中后台系统常见的页面模板,涵盖多种高频任务在页面中的典型布局方式。

blockchain