Community Learn Tools Library Leisure
search
English
Home > List of blog posts > mvc控制器类的访问-参数解析-谷歌翻译接口数据渲染到页面
Blogger Information
Blog 70
fans 1
comment 0
visits 53102
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
mvc控制器类的访问-参数解析-谷歌翻译接口数据渲染到页面
葡萄枝子
Original
731 people have browsed it

mvc控制器类的访问-参数解析-谷歌翻译接口数据渲染到页面

  1. 编写一个类来处理mvc的控制器访问与参数解析;
  2. 选择一个接口数据来获取，并渲染到页面

1. 编写一个类来处理mvc的控制器访问与参数解析

  • 新建 0305.php
  1. namespace Mvc;
  3. // 参数控制器
  4. class ArgsController
  5. {
  6.     public function show(...$args)
  7.     {
  8.         $res = sprintf('控制器: %s<br>', __CLASS__);
  9.         $res .= sprintf('方法: %s<br>', __FUNCTION__);
  10.         for ($i = 0; $i < count($args); $i++) {
  11.             $res .= sprintf('第 %d 个参数: %s<br>', $i + 1, $args[$i]);
  12.         }
  13.         return $res;
  14.     }
  15. }
  17. // 分割 path info 并过滤空值数组
  18. $arrs = array_filter(explode('/', $_SERVER['PATH_INFO']));
  20. // 解析出控制器
  21. $controller = __NAMESPACE__ . '\\' . ucfirst(array_shift($arrs)) . 'Controller';
  23. // 解析出方法
  24. $method = array_shift($arrs);
  26. // 解析出参数数组
  27. $params = [];
  28. for ($i = 0; $i < count($arrs); $i += 2) {
  29.     if (isset($arrs[$i + 1])) $params[$arrs[$i]] = $arrs[$i + 1];
  30. }
  32. // 传参调用控制器中的方法
  33. echo call_user_func_array([(new $controller), $method], $params);
  • 运行 http://php/0305.php/args/show/id/1/admin/msg/hello+world!?x=a&y=b

参数控制器

2. 选择一个接口数据来获取，并渲染到页面

  • 新建 0305-2.php 改写函数，进行谷歌翻译
  1. <?php
  3. /**
  4.  * 发起网络请求函数二改版
  5.  * @param $url 请求的URL
  6.  * @param bool $params 请求的参数内容
  7.  * @param int $ispost 是否POST请求
  8.  * @return bool|string 返回内容
  9.  */
  10. function juheHttpRequest($url, $params = false, $ispost = 0)
  11. {
  12.     $httpInfo = array();
  13.     $ch = curl_init();
  15.     curl_setopt($ch, CURLOPT_HTTP_VERSION, CURL_HTTP_VERSION_1_1);
  16.     curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.118 Safari/537.36');
  17.     curl_setopt($ch, CURLOPT_CONNECTTIMEOUT, 3);
  18.     curl_setopt($ch, CURLOPT_TIMEOUT, 12);
  19.     curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
  21.     // 添加 ssl 支持
  22.     if (preg_match('/^https:\/\//i', $url)) {
  23.         curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
  24.         curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
  25.     }
  27.     if ($ispost) {
  28.         curl_setopt($ch, CURLOPT_POST, true);
  29.         // 注释并改为添加 http_build_query 不然请求不成功？
  30.         // curl_setopt($ch, CURLOPT_POSTFIELDS, $params);
  31.         curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($params));
  32.         curl_setopt($ch, CURLOPT_URL, $url);
  33.     } else {
  34.         if ($params) {
  35.             // 注释并改为添加 http_build_query 不然请求不成功？
  36.             curl_setopt($ch, CURLOPT_URL, $url . '?' . http_build_query($params));
  37.             // curl_setopt($ch, CURLOPT_URL, $url . '?' . $params);
  38.         } else {
  39.             curl_setopt($ch, CURLOPT_URL, $url);
  40.         }
  41.     }
  42.     $response = curl_exec($ch);
  43.     if ($response === false) {
  44.         // echo "cURL Error: ".curl_error($ch);
  45.         return false;
  46.     }
  47.     $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
  48.     $httpInfo = array_merge($httpInfo, curl_getinfo($ch));
  49.     curl_close($ch);
  50.     return $response;
  51. }
  53. $url = 'https://translate.google.cn/translate_a/single';
  54. $params = [
  55.     'client' => 'gtx',
  56.     'dt' => 't',
  57.     'dj' => 1,
  58.     'ie' => 'UTF-8',
  59.     'sl' => 'auto',
  60.     'tl' => 'zh', // 目标语言 zh 中文 | en 英语 | ru 俄语 等
  61.     'q' => 'hello world!', // 翻译字符串
  62. ];
  64. // print_r(juheHttpRequest($url, array_merge($params, ['tl' => 'zh', 'q' => 'hello world!'])));
  65. // 正确返回
  66. // {"sentences":[{"trans":"你好，世界！","orig":"hello world!","backend":1}],"src":"en","confidence":0.8180167,"spell":{},"ld_result":{"srclangs":["en"],"srclangs_confidences":[0.8180167],"extended_srclangs":["en"]}}
  68. // POST action = translate 供 ajax 请求翻译
  69. if (isset($_POST['action']) && $_POST['action'] === 'translate') {
  70.     $q = $_POST['q'] ?? '';
  71.     $to = $_POST['to'];
  72.     $params = array_merge($params, ['q' => $q, 'tl' => $to]);
  73.     $res = juheHttpRequest($url, $params);
  74.     die($res);
  75. }
  77. ?>
  78. <!DOCTYPE html>
  79. <html lang="en">
  81. <head>
  82.     <meta charset="UTF-8">
  83.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  84.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  85.     <title>Document</title>
  86.     <style>
  87.         .translate {
  88.             display: flex;
  89.             justify-content: center;
  90.         }
  92.         .translate>* {
  93.             margin: .2em;
  94.         }
  96.         .translate>select,
  97.         .translate>button {
  98.             height: 2em;
  99.             align-self: center;
  100.         }
  101.     </style>
  102. </head>
  104. <body>
  105.     <form class="translate" name="translate">
  106.         <textarea name="q" cols="30" rows="10"></textarea>
  107.         <select name="to">
  108.             <option value="zh">zh - 中文</option>
  109.             <option value="en">en - 英语</option>
  110.             <option value="ru">ru - 俄语</option>
  111.         </select>
  112.         <button type="button" name="btn">翻译</button>
  113.         <textarea name="res" cols="30" rows="10"></textarea>
  114.     </form>
  116.     <script>
  117.         // 翻译请求
  118.         const form = document.forms.translate;
  119.         form.btn.addEventListener('click', () => {
  120.             // 创建对象
  121.             const xhr = new XMLHttpRequest;
  122.             // 配置参数
  123.             xhr.open('post', '<?= $_SERVER['PHP_SELF'] ?>');
  124.             // 响应类型
  125.             xhr.responseType = 'json';
  126.             // 处理请求
  127.             xhr.onload = () => {
  128.                 let trans = ''
  129.                 if (typeof xhr.response.sentences !== 'undefined') {
  130.                     let sentences = xhr.response.sentences;
  131.                     for (let sentence of sentences) {
  132.                         trans += sentence.trans;
  133.                     }
  134.                 }
  135.                 // 显示翻译内容
  136.                 form.res.value = trans;
  137.             };
  138.             // 发送数据
  139.             data = new FormData();
  140.             data.append('q', form.q.value);
  141.             data.append('to', form.to.value);
  142.             data.append('action', 'translate');
  143.             xhr.send(data);
  144.         });
  145.     </script>
  146. </body>
  148. </html>
  • 运行 0305-2.php 输入 hello world! 点击翻译，翻译效果图

谷歌翻译

  • 左边输入你好，世界！ 选择英文，点击翻译

中文翻英文

  • 点击下拉菜单，将中文翻译成俄文

中文翻俄文

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：非常OK
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post