Community Learn Tools Library Leisure
search
English
Home > List of blog posts > MVC控制器类的访问、参数解析、api接口数据获取并渲染
Blogger Information
Blog 47
fans 3
comment 0
visits 38224
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控制器类的访问、参数解析、api接口数据获取并渲染
吳
Original
825 people have browsed it

1.MVC控制器类的访问与参数解析

  1. namespace demomvc;
  3. class MoneyController
  4. {
  5.     public function shop($name,$ye)
  6.     {
  7.         return '商品:'. $name . ',优惠'. $ye. '元';
  8.     }
  9. }
  11. echo $_SERVER['PATH_INFO'];
  13. // 分割过滤成数组
  14. $pathinfo = array_filter(explode('/',$_SERVER['PATH_INFO']));
  16. // 解析控制器
  17. $controller = __NAMESPACE__ .'\\' . array_shift($pathinfo) . 'Controller';
  19. // 解析方法
  20. $action = array_shift($pathinfo);
  22. // 从url中解析出参数
  23. printf('<pre>%s</pre>',print_r($pathinfo,true));
  25. // 将参数保存在params数组中
  26. $params = [];
  28. for ($i = 0; $i<count($pathinfo);$i += 2) {
  29.     if (isset($pathinfo[$i+1]))
  30.     $params[$pathinfo[$i]] = $pathinfo[$i+1];
  31. }
  33. printf('<pre>%s</pre>',print_r($params,true));
  35. echo '<hr>';
  37. // 输出结果
  38. echo call_user_func_array([(new $controller),$action],$params);

2.通过用户输入城市名查询天气并渲染出来

  1. <?php
  3. // 秘钥
  4. $key = 'key';
  6. // 请求地址
  7. $url = 'http://apis.juhe.cn/simpleWeather/query?';
  9. $serch = $_GET['serch'];
  10. // var_dump($serch);
  11. // 城市
  12. $city = $serch;
  14. // 构造查询参数
  16. $query = http_build_query(['key'=>$key,'city'=>$city]);
  18. // CURL:发起HTTP请求
  20. $cx = curl_init();
  21. // 设置请求的url完整地址
  22. curl_setopt($cx,CURLOPT_URL,$url.$query);
  23. // 设置请求类型为get
  24. curl_setopt($cx,CURLOPT_HTTPGET,true);
  25. // 去掉头信息
  26. curl_setopt($cx,CURLOPT_HEADER,false);
  27. // 默认是浏览器输出，只返回不输出
  28. curl_setopt($cx,CURLOPT_RETURNTRANSFER,true);
  29. $api = curl_exec($cx);
  30. // echo $api;
  31. curl_close($cx);
  32. ?>
  33. <!DOCTYPE html>
  34. <html lang="en">
  35. <head>
  36.     <meta charset="UTF-8">
  37.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  38.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  39.     <title>天气预报</title>
  40.     <style>
  41.         table {
  42.             color: #555;
  43.             background-color: #efefef;
  44.             border-collapse: collapse;
  45.             width: 600px;
  46.             text-align: center;
  47.             margin: auto;
  48.         }
  49.         td {
  50.             border: 2px solid #FFF;
  51.             padding: 5px;
  52.         }
  53.         table caption {
  54.             font-size: 1.2rem;
  55.             margin-bottom: 15px;
  56.         }
  57.         table thead tr:first-of-type {
  58.             background-color: darkturquoise;
  59.             color: white;
  60.         }
  61.         #serch {
  62.             text-align: center;
  63.             padding: 20px;
  64.         }
  65.         #serch input {
  66.             outline: none;
  67.             border-radius: 10px;
  68.             padding: 10px;
  69.             border:1px solid lightcoral
  70.         }
  71.     </style>
  72. </head>
  73. <body>
  74. <form action="" method="get" id="serch">
  75. 查询：<input type="text" name="serch"  value="" placeholder="请输入要查询的城市名" />
  76. </form>
  77.     <script>
  78.         // 获取天气数据
  79.         const obj = <?=$api?>;
  80.         // 创建表格元素
  81.         const table = document.createElement('table');
  82.         // 创建表头:城市名+标题
  83.         table.createCaption().textContent = obj.result.city + '天气预报';
  84.         // 创建表头，并尾部添加新行，将参数填入
  85.         const tr = table.createTHead().insertRow(-1);
  86.         tr.insertCell(0).innerText = '日期';
  87.         tr.insertCell(1).innerText = '气温';
  88.         tr.insertCell(2).innerText = '雨雪';
  89.         tr.insertCell(3).innerText = '风向';
  90.         // 遍历未来几天天气对象数组
  91.         obj.result.future.forEach(item=>{
  92.             // 先生成一个新行，并插入到尾部
  93.             const row = table.insertRow(-1);
  94.             let date = new Date(Date.parse(item.date.replace(/-/g,'/')));
  95.             // 组装成符合国人阅读习惯的格式
  96.             let timeStr = `${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}日`;
  97.             // 遍历每一天的天气对象数组，并填充到生成的单元格中
  98.             row.insertCell(0).innerText = timeStr;
  99.             row.insertCell(1).innerText = item.temperature;
  100.             row.insertCell(2).innerText = item.weather;
  101.             row.insertCell(3).innerText = item.direct;
  102.             // 将生成的插入到表格元素中
  103.             table.appendChild(row);
  104.         });
  105.         // 将表格添加到页面中
  106.         document.body.appendChild(table);
  107.     </script>
  108. </body>
  109. </html>
Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：
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