前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML和服务器和PHP交互

HTML和服务器和PHP交互

原创
作者头像
conanma
发布2022-03-12 11:21:51
5460
发布2022-03-12 11:21:51
举报
文章被收录于专栏:正则正则

Html负责前端(⽹⻚显示) PHP 负责服务器端(后台程序)(接收⽹⻚提交的数据 将处理结果返回给⽹⻚)

HTML基础:

一、php的基本操作

代码语言:javascript
复制
<?php
   //定义变量
   $a = 10;
   $b = 20;
   $c = $a + $b;
   $name = "jack";

   //条件语句
   if($a > $b){
     echo "大于<br>";
   }else{
    echo "小于<br>";
   }

   echo  $a."+".$b."=".$c."<br>";//输出,拼接用 点 。这里就输出10+20=30
   //<br>是换行,因为echo不会自动换行
   echo $name;

   checkName("");
   
   //函数
   function checkName($value){
       echo "这是test";
   }
?>

二、员工登录系统demo

①:html:

代码语言:javascript
复制
   <body >
       <h2 align = "center">腾讯员工登录系统</h2>  
       <br><br><!--换行-->
       <form method="get" action="test.php"><!--需要提交的内容使用form表单来包裹 有get和post两种方式,action作用是和哪个后台关联-->
        <!--get:向服务器端提交数据 特点:提交的内容会在url中显示-->
        <!--post:向服务器端提交数据 特点:提交的内容不会在url中显示 这个更安全一些-->
       <p align = "center">用户名<input type="text" name="user_name"></p>  
       <p align = "center">密&nbsp;&nbsp;&nbsp码<input type="password" name="user_password"></p>   
       <p align = "center"><input type="submit" name="submit" value="登录"</p>
       </form>                  
   </body>

②:php

代码语言:javascript
复制
<?php
     //获取用户使用get方式提交的数据
     $name = $_GET["user_name"];
     $password = $_GET["user_password"];
    
     //数据库中查询是否有这个用户(这里没学数据库,就手写了)
     if($name == "jack" && $password == "123"){
        echo "登录成功";
     }else{
        echo "用户名或密码错误";
     }
     
     echo "name:".$name."password:".$password;
?>

三、demo之计算器

代码语言:javascript
复制
<html>
       <head>
          <meta charset="utf-8">
          <title>在线计算器</title>
       </head>
      
       <body >
   <h2 align="center">  在线计算器 </h2>
    <table align="center">
        <tr><!--行-->
            <td><!--列-->
                <form method="get" action="">
                    <input type="text" name="parm1">
                    <select name="operation"><!--选择框-->
                        <option value="+">+</option><!--value是后台用来得到的,而/option前面的是用来显示的-->
                        <option value="-">-</option>
                        <option value="*">*</option>
                        <option value="/">/</option>
                    </select>
                    <input type="text" name="parm2">
                    <input type="submit" name="submit" value="开始计算">
                </form>
            </td>
        </tr>
    </table>
     <!--这样可以不用换页,使结果在当前页面显示,内容要放在body里面-->
     <?php
     //获取用户使用get方式提交的数据
     $val1 = $_GET["parm1"];
     $val2 = $_GET["parm2"];
     $operation = $_GET["operation"];
     if(isset($val1) && isset($val2)){

         $result;
         switch($operation){
            case "+":
                $result = $val1 + $val2;
                break;
            case "-":
                $result = $val1 - $val2;
                break;
            case "*":
                $result = $val1 * $val2;
                break;
            case "/":
                $result = $val1 / $val2;
                break;
            default:
                break;

         }
         //注意,双引号里面放单引号
         echo "<p align='center' style='color:red'>".$val1." ".$operation." ".$val2." = ".$result."</p>";

        
        }


    ?>   
       </body>
</html>

四、demo之上传文件

①:html

代码语言:javascript
复制
<html>
<head>
    <meta charset="utf-8">
    <title>上传文件</title>
</head>
<body>

    <form action="test.php" method="post" enctype="multipart/form-data"><!--二进制都用post来提取-->
    <label for="file">文件名:</label>
    <input type="file" name="file" id="file"><br>
    <input type="submit" name="submit" value="上传文件">
    </form>

</body>
</html>

②:php

代码语言:javascript
复制
<?php
      //获取提交的文件的信息
      $file = $_FILES["file"];

      $name = $file["name"];
      $type = $file["type"];
      $temp = $file["tmp_name"];//取得服务器保存的文件的名字,先把文件保存到临时目录里面去了

      //拼接路径
      $path;
      if($type == "application/pdf"){
        $path = "upload/pdf/";
      }

      if($type == "image/jpeg" || $type == "image/jpg" || $type == "image/png"){
        $path = "upload/image/";
      }

      if($type == "video/mp4"){
        $path = "upload/video/";
      }

      //拼接完整路径
      $filePath = $path.$name;

      //判断是否存在
      if(file_exists($filePath)){
        echo "文件已存在";
      }else{
        move_uploaded_file($temp, $filePath);//把文件从临时目录保存到指定目录
      }
      echo "name:".$name."<br>";
      echo "type:".$type."<br>";
      echo "temp:".$temp."<br>";
?>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档