top-image

OLDER ARTICLES

pbootcms中可用的自动计算日期的代码

29
9月
posted by                filed under 日常随笔
<script>

	window.onload = function() {

		function calculateDays() {

		var currentDate = new Date('2020-02-21');

		var nextYearDate = new Date(currentDate.getFullYear() + 5, currentDate.getMonth(), currentDate.getDate());

		document.getElementById('qunian').innerHTML = '' + nextYearDate.toLocaleDateString();

		}

		calculateDays();

	};

</script>

上述代码表示：在日期：2020-02-21的基础上加上 5年，以得到未来五年后的日期；2020-02-21可以替换为其他时间标签或日期！

结果调用标签：<span id="qunian"></span>

<script>

	window.onload = function() {

		function otherFunction() {

		var startDate = new Date("2020-02-21");

		var endDate = new Date("2023-07-25");

                // 计算日期间的毫秒数差值

		var timeDiff = endDate.getTime() – startDate.getTime();

		// 将毫秒数差值转换为天数

		var days = Math.ceil(timeDiff / (1000 * 3600 * 24));

                document.getElementById("tianshu").innerHTML = "" + days;

		}

		otherFunction();

	};

</script>

上面代码表示计算两个日期之间的天数，调用代码：<span id="tianshu"></span>

 

pbootcms中可用的自动计算日期的代码已关闭评论

pbootcms模板调用幻灯片轮播图标签

29
9月
posted by                filed under 日常随笔
    1. 引入Bootstrap CSS和JS文件：
      • 在页面头部引入Bootstrap的CSS和JS文件。
    <!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>幻灯片轮播图示例</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <!-- 幻灯片轮播图代码 -->
    <div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
        <div class="carousel-inner">
            {pboot:slide num=3 gid=1}
            <div class="carousel-item {[if '[slide:i]'==1]}active{[/if]}">
                <a href="[slide:link]" target="_blank">
                    <img src="[slide:src]" alt="[slide:title]" class="d-block w-100">
                </a>
            </div>
            {/pboot:slide}
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Next</span>
        </button>
    </div>

    <!-- 引入Bootstrap JS文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

    说明

    1. 引入Bootstrap：

      • 引入Bootstrap的CSS和JS文件，以便使用Bootstrap的轮播组件。

    2. HTML结构：

      • 定义一个标准的Bootstrap轮播图结构。
      • 使用 {pboot:slide num=3 gid=1} 标签循环遍历指定分组（gid=1）的前三张幻灯片图片。

    3. 条件判断：

      • 使用 {[if '[slide:i]'==1]}active{[/if]} 条件判断来设置第一个幻灯片为活动状态。

    通过以上步骤，你可以有效地在PBootCMS中实现一个美观的幻灯片轮播图功能。

pbootcms模板调用幻灯片轮播图标签已关闭评论

有效地在PBootCMS中循环调用多个栏目的内容

29
9月
posted by                filed under 日常随笔
{pboot:nav parent=7 num=3}
    <div class="news-item">
        <div class="item-list news-list">
            <h2>{nav:title}</h2>
            {pboot:list scode="[nav:scode]" num=3 order=sorting}
                <div class="pic pic-scale oh">
                    <a href="[list:link]">
                        <img src="[list:ico]" alt="[list:title]">
                    </a>
                </div>
            {/pboot:list}
        </div>
    </div>
{/pboot:nav}

说明

  1. 外层循环：

    • {pboot:nav parent=7 num=3} 循环遍历父栏目ID为7下的所有子栏目。
    • 每个子栏目会显示一个标题。

  2. 内层循环：

    • {pboot:list scode="[nav:scode]" num=3 order=sorting} 循环遍历每个子栏目的前3条内容。
    • 每条内容会显示一个图片和链接。

通过这种方式，你可以有效地在PBootCMS中循环调用多个栏目的内容，并按照指定的方式展示。

有效地在PBootCMS中循环调用多个栏目的内容已关闭评论

pbootcms多个栏目循环调用栏目内容

29
9月
posted by                filed under 日常随笔
pbootcms多个栏目循环调用栏目内容

{pboot:nav parent=7 num=3}

<div class="news-item">

    <div class="item-list news-list">

        {pboot:list scode=[nav:scode] num=3 order=sorting}

            <div class="pic pic-scale oh">

                <a href="[list:link]">

                    <img src="[list:ico]" alt="[list:title]">

                </a>

            </div>

        {/pboot:list}

    </div>

</div>

{/pboot:nav}

 

pbootcms多个栏目循环调用栏目内容已关闭评论

PbootCMS在阿里云主机上邮件发送失败：服务器已经禁用stream_socket_client和fsockopen函数

29
9月
posted by                filed under 日常随笔

当你遇到PBootCMS网站的留言邮件通知功能失效，并且提示“服务器已经禁用 stream_socket_client 和 fsockopen 函数，请至少开启一个才能发送邮件！”时，这通常是因为服务器的安全策略禁用了这些函数。解决方法如下：

步骤 1：检查服务器配置

  1. 登录阿里云主机管理后台：

    • 登录阿里云控制台，进入你的主机管理页面。

  2. 找到 PHP 配置：

    • 在主机管理页面找到 PHP 配置选项。

步骤 2：启用 stream_socket_client 或 fsockopen

  1. 启用 stream_socket_client 或 fsockopen：
    • 在 PHP 配置中找到禁用函数列表（disable_functions）。
    • 确认 stream_socket_client 和 fsockopen 是否被禁用。
PbootCMS在阿里云主机上邮件发送失败：服务器已经禁用stream_socket_client和fsockopen函数已关闭评论

PBOOTCMS的浏览器图标如何替换(Pbootcms如何更改favicon图标)

29
9月
posted by                filed under 日常随笔

在PBootCMS中更换网站的favicon图标（即浏览器标签页中的小图标）可以通过以下步骤实现：

步骤 1：准备图标文件

  1. 准备网站LOGO：

    • 准备一张适合做图标的图片（建议尺寸为 16×16 或 32×32 像素）。

  2. 生成favicon图标：

    • 访问在线图标生成工具。
    • 上传你的LOGO图片，生成 favicon.ico 文件。

步骤 2：重命名并上传图标文件

  1. 重命名图标文件：

    • 将生成的图标文件重命名为 favicon.ico。

  2. 上传到网站根目录：

    • 将 favicon.ico 文件上传到网站的根目录。
    • 如果根目录中已有 favicon.ico 文件，请直接替换。

步骤 3：清除浏览器缓存

  1. 强制刷新浏览器缓存：
    • 刷新浏览器页面，使用 Ctrl + F5 强制刷新缓存。
    • 或者使用浏览器的开发者工具清除缓存。

步骤 4：检查HTML头部代码

  1. 检查HTML头部代码：
    • 确认 <head> 部分包含正确的图标引用代码。
PBOOTCMS的浏览器图标如何替换(Pbootcms如何更改favicon图标)已关闭评论

Pbootcms详情页链接的html后缀如何去掉

29
9月
posted by                filed under 日常随笔

在PBootCMS中，去除详情页链接的 .html 后缀可以通过修改配置文件来实现。具体步骤如下：

步骤 1：修改配置文件

  1. 打开配置文件：

    • 打开 core/convention.php 文件。

  2. 找到并修改配置项：

    • 找到大约第 37 行的配置项 'url_rule_suffix'。

示例代码

假设原有配置如下：

// URL地址后缀名
'url_rule_suffix' => '.html',

修改后的代码

将原有代码修改为：

// URL地址后缀名
'url_rule_suffix' => '',

或者保留一个空字符串：

// URL地址后缀名
'url_rule_suffix' => '.',

步骤 2：测试和确认

  1. 保存文件：

    • 保存修改后的 core/convention.php 文件。

  2. 重启服务器：

    • 确保服务器重启，使更改生效。
Pbootcms详情页链接的html后缀如何去掉已关闭评论

pbootcms如何判断封面图片为空

29
9月
posted by                filed under 日常随笔

在PBootCMS中，判断封面图片是否为空可以通过模板标签 [list:isico] 来实现。具体步骤如下：

实践测试

  1. 查阅手册：

    • 查阅PBootCMS官方文档，找到相关内容。

  2. 了解关键标签：

    • [list:ico]：缩略图，不存在时自动调用文章第一张图。
    • [list:isico]：用于判断是否存在封面图片，返回1或0。
pbootcms如何判断封面图片为空已关闭评论

PBootCMS判断是否存在封面图片

29
9月
posted by                filed under 日常随笔

  1. 判断封面图片：

    • 使用 {pboot:if('[news:isico]'==1)} 判断是否存在封面图片。
    • 如果存在，则显示封面图片。
  2.    <!-- 判断封面图片是否为空 -->
        {pboot:if('[news:isico]'==1)}
            <div class="card-img scare-img">
                <a href="{:url('news/detail', ['id'=>$news['id']])}">
                    <img src="{:config('site_url')}/{$news['ico']}" alt="{$news['title']}" width="100%">
                </a>
            </div>
        {/pboot:if}

     

PBootCMS判断是否存在封面图片已关闭评论

pbootcms制作TAG标签列表时改成静态栏目URL结构

29
9月
posted by                filed under 日常随笔

在PBootCMS中，将TAG标签列表从动态链接转换为静态化的类似栏目结构的需求可以通过以下步骤实现：

步骤 1：修改 PHP 文件

  1. 打开 PHP 文件：

    • 打开 APPs/home/controller/ParserController.php 文件。

  2. 找到并修改代码：

    • 找到大约第 1852 行左右的代码。
    • 删除原有代码，并替换为新的代码。

示例代码

假设原有代码如下：

 

修改后的代码

将原有代码删除，并替换为：

// 修改后的代码
$link = Url::home('tag/' . str_replace(' ', '_', $value['tags']));

步骤 2：创建 TAGS.HTML 模板文件

  1. 创建 tags.html 文件：

    • 在模板文件夹 templates/default 中创建一个新的 tags.html 文件。
    • 可以直接复制 newslist.html 文件，并进行必要的修改。

  2. 修改 TDK：

    • 修改 <title>、<meta name="description"> 和 <meta name="keywords"> 标签，使其获取标签名称作为列表的标题。

修改后的 tags.html 文件

  1. 修改 TDK：
    • 获取标签名称作为列表的标题。
pbootcms制作TAG标签列表时改成静态栏目URL结构已关闭评论
Page 787 of 1049:« First« 784 785 786 787 788 789 790 »Last »
bottom-img