飞飞文章管理系统(FeiFeiCms)自定义页面功能说明

2024-11-23 15:47:40 250 复制链接 功能说明 feifeicms

第1步:创建自定义页面文件
FeiFeiCms1.2.2起支持自定义页面,具体方法为在单页模块的模板文件夹创建以操作名为基础的三个静态文件即可(view/default/blog/page/操作名.tpl|js|css),这里以(blog/page/index)为例进行说明。

  • view/default/blog/plage/index.tpl 模板文件
  • view/default/blog/plage/index.js JS文件
  • view/default/blog/plage/index.css CSS文件

第2步:自定义页面访问路径

  • 默认访问路径为:你的域名/blog/page/操作名。
  • 自定义页面也支持伪静态,只需要在“后台>系统设置>路由管理”添加路由规则即可,真实的路径为(blog/page/操作名)。
  • 可以将创建的自定义单页路径添加到主导航“后台>运营工具>导航菜单”,添加对应的名称与链接即可,active高亮类为blogpage操作名。

如何在模板内通过函数链接到指定的页面?

{:xfUrl('blog/page/操作名')}

一个调用推荐文章的自定义页面实例(操作名为index)

{extend name="../front" /}
{block name="head"}<title>推荐文章-{:config('site.name')}</title>
<meta name="keywords" content="精华文章,推荐文章,精品笔记" />
<meta name="description" content="{:config('site.name')}值得收藏的文章列表!" />{/block}
{block name="main"}
<main class="container">
  <div class="card card-with">
    <div class="card-body">
      <h2 class="card-title">推荐文章</h2>
      {volist name=":model('blog/Index','loglic')->all([
          'field'  => 'detail_id,detail_name,detail_slug,detail_excerpt,detail_create_time',
          'limit'  => 100,
          'cache'  => config('cache.expire_items'),
          'order'  => [
              'detail_id' => 'asc',
          ],
          'where'  => [
              ['detail_status','eq','normal'],
              ['detail_module','eq','blog'],
              ['detail_recommend','eq',1],
          ],
      ])" id="item"}
      {include file='item' /}
      {/volist}
    </div>
  </div>
</main>
{/block}