owl-ui 使用手册
本文导航
owl-ui 使用手册
@bit-labs.cn/owl-ui 是后台前端的框架包，不是一个能单独打开的业务站点。它提供路由、布局、登录态、权限、HTTP 封装和子系统扩展点。真正的页面放在宿主或子系统里，由宿主调用 createFlexAdmin() 启动。
本手册按两级目录组织。一级是分类，二级是具体章节。建议按分类顺序读，每一章都带能对上源码的写法。
目录
| 一级 | 读完能做到 |
|---|---|
| 认识 owl-ui | 分清框架、宿主、子系统，并能按启动顺序排查 |
| 子系统 | 写出一个能被宿主挂上的子系统，视图路径能对上后端菜单 |
| 路由与菜单 | 说清静态路由、动态菜单和组件匹配 |
| 状态与权限 | 知道登录态存哪，按钮该用哪套判断 |
| 请求与接口 | 用 http.request 发请求，并理解令牌和错误提示 |
| 布局、主题与配置 | 改 platform-config、布局和站点品牌 |
| 写页面 | 把一个列表页放对位置，并能排查空白页 |
三个先记住的词
- 宿主：调用
createFlexAdmin()的那个 SPA。它提供index.html、构建配置和public/platform-config.json。 - 子系统：
defineSubsystem()的返回值，在createFlexAdmin({ subsystems })里传入。业务页面放这里。 - 视图模块：
import.meta.glob的结果。框架用它把后端菜单里的路径对到 Vue 组件。
后端菜单、角色和接口权限在 owl-admin。本手册只讲前端怎么消费这些数据。
暂无上一篇
暂无下一篇
评论
加载评论中…