当前位置:   article > 正文

Windows安装PHP及在VScode中配置插件,使用PHP输出HelloWorld

Windows安装PHP及在VScode中配置插件,使用PHP输出HelloWorld

安装PHP

PHP官网下载地址(8.3版本):PHP For Windows:二进制文件和源代码发布

 点击下载.zip格式压缩包:

历史版本在Old archives中下载。推荐在Documentation download中下载官方文档,方便学习。

下载完成后在一个顺眼的地方解压压缩包,随后将PHP文件夹的路径添加进系统环境变量中的path中。 

使用 win + r 快捷键打开 cmd ,输入以下代码查看是否安装成功

php -v

我使用的是以前安装的7.3.4版本,没有更新

 VScode配置PHP环境

随后即可打开VScode,在拓展中下载所需要的插件:Code Runner 和 PHP Server

 

设置下web服务器的端口号为80 ,因为http协议使用的tcp端口号是80。钱师傅一直惦记的modbus-tcp用的是502端口,在协议层无需校验码,格式是01(设备地址:1),03(功能码:3),0001(寄存器地址:1),0002(寄存器数量:2),modbus-RTU协议会多出循环冗余校验码(CRC码)比如 55 FE。

 配置完插件后会在右上角显示一个gay蓝色的图片,这时重启下VScode

重启VScode后新建一个名为GGBond.php的文件,在里面输入:

  1. <?php
  2. phpinfo();
  3. ?>

 在一个顺眼的地方右键,随后点击PHP Server:Server project

在本地浏览器出现以下界面表示配置成功 

随后在VScode空白处右键点击 PHP Server:Stop server关闭服务,即可再运行其他PHP代码。

PHP输出Hello World

新建一个.php文件,php文件中可以加如HTML、CSS、Javascript代码,服务器会将文件视为PHP脚本,并解析其中的PHP代码。

在VScodez中可以在文件开头输入一个  ,随后再按 tab 键,这样可以快速构造一个HTML的基本结构,使用快捷键  ctrl + /  可以便捷的添加注释。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>GGBond</title>
  8. <!-- 网页标题是GGBond -->
  9. </head>
  10. <body>
  11. </body>
  12. </html>

 在里面插入一些CSS代码来润色下网页中显示的"hello world",随后整点花活,建立一个文本框和按钮,在php代码中插入Javascript代码,用来实现一下检测用户在文本框中是否输入了字符串“helloworld”,如果用户输入了含有“helloworld”的字符串,会弹出一个提示框显示用户输入的字符串。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>GGBond</title>
  7. <!-- 钱师傅每天都爱看的GGBond当做标题 -->
  8. <style>
  9. /* 来点css润色下 */
  10. @keyframes rotate {
  11. from {
  12. transform: rotate(0deg);
  13. }
  14. to {
  15. transform: rotate(360deg);
  16. }
  17. }
  18. .container {
  19. width: 200px;
  20. height: 200px;
  21. margin: 50px auto;
  22. }
  23. .circular-text {
  24. animation: rotate 5s linear infinite;
  25. }
  26. .textPath {
  27. font-family: Arial, sans-serif;
  28. font-size: 24px; /* 文字大小和颜色 */
  29. fill: pink;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <div class="container">
  35. <svg viewBox="0 0 200 200" width="200" height="200" class="circular-text">
  36. <path id="circle" d="M100,100 a50,50 0 1,0 100,0 a50,50 0 1,0 -100,0" fill="transparent" />
  37. <text>
  38. <textPath xlink:href="#circle" class="textPath" startOffset="50%">
  39. 钱师傅硬邦邦
  40. </textPath>
  41. </text>
  42. </svg>
  43. </div>
  44. <form action="" method="post">
  45. <textarea name="user_input" rows="4" cols="50"></textarea><br>
  46. <input type="submit" name="submit" value="Check">
  47. </form>
  48. <?php
  49. if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['submit'])) {
  50. $user_input = $_POST['user_input'];
  51. if (strpos(strtolower($user_input), 'helloworld') !== false) {
  52. // 里面还有javascript
  53. echo "<script>
  54. function showAlert(message) {
  55. alert(message);
  56. }
  57. showAlert('输入里面有: " . json_encode($user_input) . "');
  58. </script>";
  59. } else {
  60. echo "奥利给,干了兄弟们";
  61. }
  62. }
  63. ?>
  64. </body>
  65. </html>

运行结果

 只输出“Hello World”的方式

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>奥利给</title>
  8. </head>
  9. <body>
  10. <?php echo "Hello World";?>
  11. </body>
  12. </html>

纯PHP代码的实现方式,点击运行按钮可以在终端输出

  1. <?php
  2. echo "hello world";
  3. ?>

 网页显示结果

终端运行结果

 PHP可以在代码中取消结束标记?>符号,省略结束标记能避免意外的空白字符或其他输出被发送到浏览器,从而减少可能会出现的一些乱七八糟的问题。

  1. <?php
  2. echo "hello world";

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/140430
推荐阅读
相关标签
  

闽ICP备14008679号