@ -0,0 +1,129 @@
|
|||||||
|
@startuml test3
|
||||||
|
|
||||||
|
' 设置图的方向为从左到右
|
||||||
|
left to right direction
|
||||||
|
|
||||||
|
' 定义基础模板类
|
||||||
|
class 基础模板 {
|
||||||
|
+ 顶部导航栏
|
||||||
|
+ 底部信息栏
|
||||||
|
+ 全局样式/脚本
|
||||||
|
+ 内容区域插槽
|
||||||
|
}
|
||||||
|
|
||||||
|
' 定义业务模板类
|
||||||
|
class 登录模板 {
|
||||||
|
+ 用户名输入框
|
||||||
|
+ 密码输入框
|
||||||
|
+ 登录按钮
|
||||||
|
+ 忘记密码链接
|
||||||
|
+ 注册入口
|
||||||
|
}
|
||||||
|
|
||||||
|
class 注册模板 {
|
||||||
|
+ 用户名输入框
|
||||||
|
+ 邮箱输入框
|
||||||
|
+ 密码输入框
|
||||||
|
+ 验证码模块
|
||||||
|
+ 注册协议勾选框
|
||||||
|
}
|
||||||
|
|
||||||
|
class 首页模板 {
|
||||||
|
+ 推荐文章轮播
|
||||||
|
+ 分类导航栏
|
||||||
|
+ 文章列表区域
|
||||||
|
}
|
||||||
|
|
||||||
|
class 文章详情模板 {
|
||||||
|
+ 文章信息展示
|
||||||
|
+ 作者信息展示
|
||||||
|
+ 互动功能区
|
||||||
|
}
|
||||||
|
|
||||||
|
class 文章编辑模板 {
|
||||||
|
+ 标题输入框
|
||||||
|
+ 富文本编辑区
|
||||||
|
+ 分类/标签选择
|
||||||
|
}
|
||||||
|
|
||||||
|
class 个人中心模板 {
|
||||||
|
+ 个人资料展示
|
||||||
|
+ 已发布文章列表
|
||||||
|
+ 收藏文章列表
|
||||||
|
}
|
||||||
|
|
||||||
|
class 归档模板 {
|
||||||
|
+ 筛选条件展示
|
||||||
|
+ 文章列表(带分页)
|
||||||
|
}
|
||||||
|
|
||||||
|
class 后台首页模板 {
|
||||||
|
+ 统计卡片
|
||||||
|
+ 近期操作日志
|
||||||
|
}
|
||||||
|
|
||||||
|
' 定义子模板/组件类
|
||||||
|
class 文章卡片子模板 {
|
||||||
|
+ 文章标题
|
||||||
|
+ 文章封面图
|
||||||
|
+ 文章摘要
|
||||||
|
+ 发布时间/阅读量
|
||||||
|
}
|
||||||
|
|
||||||
|
class 分类导航子模板 {
|
||||||
|
+ 分类名称
|
||||||
|
+ 分类下文章数量
|
||||||
|
}
|
||||||
|
|
||||||
|
class 评论列表子模板 {
|
||||||
|
+ 评论内容
|
||||||
|
+ 评论者信息
|
||||||
|
+ 评论时间
|
||||||
|
}
|
||||||
|
|
||||||
|
class 文章工具栏子模板 {
|
||||||
|
+ 点赞/收藏/分享按钮
|
||||||
|
+ 字体大小调整
|
||||||
|
}
|
||||||
|
|
||||||
|
class 富文本编辑子模板 {
|
||||||
|
+ 格式调整
|
||||||
|
+ 图片上传
|
||||||
|
+ 代码块插入
|
||||||
|
}
|
||||||
|
|
||||||
|
class 分类标签选择子模板 {
|
||||||
|
+ 分类下拉选择框
|
||||||
|
+ 标签多选组件
|
||||||
|
}
|
||||||
|
|
||||||
|
class 分页控件子模板 {
|
||||||
|
+ 上一页/下一页按钮
|
||||||
|
+ 页码跳转
|
||||||
|
}
|
||||||
|
|
||||||
|
' --- 定义关系 ---
|
||||||
|
|
||||||
|
' 1. 继承关系:所有业务模板继承自基础模板
|
||||||
|
登录模板 -|> 基础模板
|
||||||
|
注册模板 -|> 基础模板
|
||||||
|
首页模板 -|> 基础模板
|
||||||
|
文章详情模板 -|> 基础模板
|
||||||
|
文章编辑模板 -|> 基础模板
|
||||||
|
个人中心模板 -|> 基础模板
|
||||||
|
归档模板 -|> 基础模板
|
||||||
|
后台首页模板 -|> 基础模板
|
||||||
|
|
||||||
|
' 2. 聚合关系:复杂模板包含多个子模板/组件
|
||||||
|
首页模板 *-- 文章卡片子模板 : 包含
|
||||||
|
首页模板 *-- 分类导航子模板 : 包含
|
||||||
|
|
||||||
|
文章详情模板 *-- 评论列表子模板 : 包含
|
||||||
|
文章详情模板 *-- 文章工具栏子模板 : 包含
|
||||||
|
|
||||||
|
文章编辑模板 *-- 富文本编辑子模板 : 包含
|
||||||
|
文章编辑模板 *-- 分类标签选择子模板 : 包含
|
||||||
|
|
||||||
|
归档模板 *-- 分页控件子模板 : 包含
|
||||||
|
|
||||||
|
@enduml
|
||||||
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 124 KiB |
Loading…
Reference in new issue