zoukankan      html  css  js  c++  java
  • PHP简单实现一言 / 随机一句功能

    很多网站都喜欢在页面中加个一言,不过一般都是调用的第三方api。其实,使用万能的php能通过短短的几行代码就实现该功能!dog13

    准备工作

    首先准备一个代码编辑器,然后新建一个 php 文件,命名为 api.php,再新建一个文件,命名为 data.dat(两个文件均需采用 UTF-8 编码,否则会乱码)。

    打开 data.dat,在里面贴入要随机显示出来的文本,一行一条。如果你暂时想不出什么比较好的句子的话,害羞我这儿准备了几十条古诗名句,可以直接点我下载备用。

    上代码

    将下列代码复制并粘贴到 api.php 中保存,你的专属“一言” API 就搭建完成了!超简单是不是……dog9戳我查看效果演示

    <?php
    // 存储数据的文件
    $filename = 'data.dat';        
     
    // 指定页面编码
    header('Content-type: text/html; charset=utf-8');
     
    if(!file_exists($filename)) {
        die($filename . ' 数据文件不存在');
    }
     
    $data = array();
     
    // 打开文档
    $fh = fopen($filename, 'r');
     
    // 逐行读取并存入数组中
    while (!feof($fh)) {
        $data[] = fgets($fh);
    }
     
    // 关闭文档
    fclose($fh);
     
    // 随机获取一行索引
    $result = $data[array_rand($data)];
     
    echo $result;

    上面的代码是用 fopen + fgets 函数实现的,有些朋友似乎不是特别喜欢,觉得“效率低”。别急,这儿还有个 file_get_contents 函数实现的版本:爱你

    <?php
    // 存储数据的文件
    $filename = 'data.dat';        
     
    // 指定页面编码
    header('Content-type: text/html; charset=utf-8');
     
    if(!file_exists($filename)) {
        die($filename . ' 数据文件不存在');
    }
     
    // 读取整个数据文件
    $data = file_get_contents($filename);
     
    // 按换行符分割成数组
    $data = explode(PHP_EOL, $data);
     
    // 随机获取一行索引
    $result = $data[array_rand($data)];
     
    // 去除多余的换行符(保险起见)
    $result = str_replace(array("
    ","
    ","
    "), '', $result);
     
    echo $result;

    如何在静态页面中引用

    上面的代码都是直接在页面中就输出了随机的句子。如果想像一言那样在静态的网页中引用这个 api,该如何实现呢?

    很简单,将最后那一行的 echo $result; 换成

    echo 'document.write("'.htmlspecialchars($result).'");';

    然后在需要的位置用引入 js 的方式进行调用即可。

    示例代码:

    HTML
    1. <script src="http://你的网址.cn/api.php"></script>

    下面的这个“随机古诗名句”就是按照上述方法进行的调用:

    皮之不存,毛将焉附。——《左传》

    (↑↑↑ 刷新一下页面,会有不同的句子)

  • 相关阅读:
    SpringMVC 拦截器不拦截静态资源的三种处理方式
    Tomcat启动失败问题 (指定的主资源集 [D:javaapache-tomcat-9.0.35webappsAppManageSystem] 无效)
    oracle转postgresql FOR UPDATE WAIT 5 处理
    jq插件验证
    HTML5数据储存
    canvas 一些 用法大全
    HTML canvas 绘图
    CSS3
    HTML 核心内容
    HTML5 媒体
  • 原文地址:https://www.cnblogs.com/yehuisir/p/13546800.html
Copyright © 2011-2022 走看看