三、界面介绍
数友接龙商家后台 UI 主要分为侧边栏、顶栏及主体区域，各区域协同工作，为用户提供便捷高效的操作体验。
3.1 侧边栏
侧边栏呈现为树状可折叠菜单，其具体展示的菜单内容依据登录用户所拥有的权限而定。拥有不同权限的用户，如管理员、普通操作员等，看到的菜单选项会有所差异。例如，管理员可能拥有 “用户管理”“商品管理”“订单管理” 等全面的菜单选项，而普通操作员可能仅能看到与自身工作相关的部分菜单，如 “订单处理”“商品库存查看” 等。用户可通过点击菜单右侧的箭头图标展开或折叠子菜单，方便快速定位所需功能。
3.2 顶栏
左上角：包含风琴图标，点击此图标可实现侧边栏的折叠与展开操作。当侧边栏处于展开状态时，点击风琴图标，侧边栏会收缩至最小宽度，仅显示图标，为主体区域腾出更多显示空间；再次点击，侧边栏则恢复展开状态。紧邻风琴图标的是面包屑导航，它以层级形式展示用户当前所在页面的位置，方便用户快速了解页面路径，并可通过点击面包屑中的节点快速返回上级页面。例如，若用户当前位于 “商品管理 - 商品列表” 页面，面包屑导航会显示 “首页 > 商品管理 > 商品列表”，用户点击 “商品管理” 即可返回商品管理的上级页面。下图展示了整个侧边栏折叠后的界面。
右上角：从左至右依次排列着五个图标和 “个人中心菜单”。
全屏图标：点击该图标，可将商家后台页面切换至全屏模式，使页面展示更加专注，减少其他干扰。再次点击则退出全屏模式。
菜单搜索图标：点击此图标，会弹出搜索框，用户可在其中输入菜单名称或关键词，系统将快速筛选出相关的菜单选项，方便用户快速查找所需功能，尤其适用于侧边栏菜单较多的情况。
文字大小图标：点击后，会出现文字大小调整选项，用户可根据自身需求选择合适的文字大小，如小号、中号、大号，以优化页面文字的可读性。
多语言切换图标：若商家后台支持多语言，点击该图标可在不同语言之间进行切换，满足不同地区用户的语言需求。例如，可在中文、英文等语言之间切换，方便跨国业务操作。
站内消息图标：当有新的站内消息时，该图标会显示未读消息数量。点击图标，可查看详细的站内消息列表，包括系统通知、业务提醒等信息。
个人中心菜单：显示当前登录用户的昵称与头像，点击菜单可展开，显示 “个人中心”“锁定屏幕”“退出系统” 三个菜单项。点击 “个人中心”，可进入用户个人信息管理页面，在此可修改个人资料、密码等信息；点击 “锁定屏幕”，页面将进入锁定状态，需要重新输入密码才能解锁，保障账号安全；点击 “退出系统”，则会退出当前登录状态，返回登录页面。
3.3 主体区域
3.3.1 标签区
页面标签：类似于浏览器的标签页，每打开一个新页面，都会在标签区生成一个对应的页面标签。用户可通过点击不同的页面标签快速切换至相应页面，方便在多个页面之间进行操作。例如，在进行用户管理时打开了 “用户列表” 页面，又打开了 “新增用户” 页面，标签区会显示这两个页面的标签，用户可随时在两个页面之间切换。
滚动按钮：当打开的页面标签过多，一行无法完全显示时，会出现向左与向右滚动的按钮。点击向左滚动按钮，可将标签页向左滚动，显示被隐藏的左侧标签；点击向右滚动按钮，可将标签页向右滚动，显示被隐藏的右侧标签。
刷新按钮：用于刷新当前显示的页面标签对应的页面内容。建议用户在此处点击刷新按钮进行页面刷新，而不要使用浏览器内置的刷新按钮，因为后台页面的一些功能可能依赖于特定的页面交互逻辑，使用后台自带的刷新按钮能更好地确保页面功能的正常运行。
功能菜单：点击标签区的功能菜单按钮，会展开一个菜单，包含 “重新加载”“关闭标签页”“关闭左侧标签页”“关闭右侧标签页”“关闭其他标签页” 及 “关闭所有标签页” 等菜单项。点击 “重新加载”，可重新加载当前页面；点击 “关闭标签页”，会关闭当前选中的页面标签及其对应的页面；点击 “关闭左侧标签页”，会关闭当前选中标签左侧的所有标签及其对应的页面；点击 “关闭右侧标签页”，会关闭当前选中标签右侧的所有标签及其对应的页面；点击 “关闭其他标签页”，会关闭除当前选中标签外的所有标签及其对应的页面；点击 “关闭所有标签页”，会关闭标签区的所有页面标签及其对应的页面。
搜索区
显示当前功能对应的搜索表单，包含多个字段，具体字段内容因功能而异。例如，在用户管理页面，搜索表单可能包含 “用户昵称”“手机号码”“归属部门” 等字段，方便用户根据不同条件进行搜索。搜索区还设有 “搜索”“重置”“新增”“导出” 等按钮。点击 “搜索” 按钮，系统会根据用户在搜索表单中填写的条件进行搜索，并在列表区显示搜索结果；点击 “重置” 按钮，可将搜索表单中的所有字段内容清空，方便用户重新输入搜索条件；点击 “新增” 按钮，会唤出与当前功能相关的新增对话框，如在部门管理页面点击 “新增”，会弹出新增部门的录入窗口；点击 “导出” 按钮，可将列表区当前显示的内容导出，通常支持导出为 Excel 等格式，方便用户进行数据备份或进一步分析。[此处需插入搜索区截图，展示搜索表单字段及各按钮]
列表区
用于显示搜索结果。
功能按钮列：通常最后一列（最右侧）为功能按钮，如 “详情”“修改” 等。点击 “详情” 按钮，可查看列表中对应记录的详细信息；点击 “修改” 按钮，可对对应记录进行修改操作。
状态切换列：有时列表中间某一列会显示为一个滑动开关，用于切换当前记录的特定状态，如 “启用”/“关闭”。
分页功能：列表区右下角为分页功能，包括当前记录数、每页记录数（可修改）、页码跳转及一个输入框。用户可在输入框中直接输入想跳转的页码，然后点击 “跳转” 按钮或按下回车键，即可快速跳转到指定页码的页面；也可通过点击页码跳转按钮（如 “上一页”“下一页”“首页”“尾页”）进行页面切换；还可通过修改每页记录数，调整每页显示的记录数量，以满足不同的查看需求。
多个列表：在某些页面，列表区可能不止一个列表，此时会以标签页的形式展示。以商品管理页为例，其列表包括 “出售中”“仓库中”“已售罄”“警戒库存” 及 “回收站” 等 5 个标签页，用户可通过点击不同的标签页查看不同状态的商品列表。
当表格包含太多列时：当列表中的列过多时，列表下方会出现水平滚动条。用户可通过拖动该滚动条向左或向右移动，从而查看被隐藏的列。在此过程中，最右侧的功能按钮列将始终固定在屏幕最右侧，确保用户随时能够便捷地操作相关功能，如点击 “详情”“修改” 按钮等。
