页面放在 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: 公用的前端页面组件

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内引入）