页面放在 ui 模块中:
- resources/static: 静态资源文件,如css/js/image,放在这里
- resources/templates: html相关页面
- views: 业务相关的页面
- 定义:
- 页面/index.html: 这个index.html表示的是这个业务对应的主页面
- 页面/模块/xxx.html: 若主页面又可以拆分为多个模块页面进行组合,则在这个页面下,新建一个模块目录,下面放对应的html文件
- article-category-list: 对应 分类文章列表页面,
- article-detail: 对应文章详情页
- side-float-action-bar: 文章详情,左边的点赞/收藏/评论浮窗
- side-recommend-bar: 文章详情右边侧边栏的sidebar
- article-edit: 对应文章发布页
- article-search-list: 对应文章搜索页
- article-tag-list: 对应标签文章列表
- column-detail:对应专栏阅读详情页
- column-home: 对应专栏首页
- home: 全站主页
- login: 登录页面
- notice: 通知页面
- user: 用户个人页
- 定义:
- error: 错误页面
- components: 公用的前端页面组件
- views: 业务相关的页面
css 放在 static/css 中:
- components: 公共组件的css
- navbar: 导航栏样式
- footer: 底部样式
- article-item: 文章块展示样式
- article-footer: 文章底部(点赞、评论等)
- side-column: 侧边栏(公告等)
- views: 主页面css(直接在主页面内部引入)
- home: 主页样式
- article-detail: 详情页样式
- ...
- three: 第三方css
- index: 第三方css集合
- ...
- common: 公共组件的css集合 (直接在公共组件components/layout/header/index.html内引入)
- global: 全局样式(全局的样式控制,注意覆盖问题,直接在公共组件components/layout/header/index.html内引入)