服务器端html页面拼接,网络编程（2）——HTML---服务器---PHP交互

本节内容

1.准备工作

2.简单了解PHP语法

3.实现登录认证

4.实现一款在线计算器

5.实现文件上传

一、准备工作

1.客户端--服务器--数据库之间的关系：

比如在客户端输入一个网址，那么它就会将这个提交给服务器，服务器就开始解析数据。服务器会先寻找有没有这个网页的内容，如果有，就会直接将其返回给客户端。如果没有，也会返回相应的结果(网页不存在等)。

服务器解析数据时，如果是文件那么就在服务器上，如果是数据，那么就在数据库里面。(比如百度的网址是个文件，网易新闻里的体育热点就是数据)。如果是数据，那么服务器就会传给数据库，然后由数据库来查询，之后返回给服务器，再由服务器返回给客户端。

由后台程序来解析数据

客户端：①web(html css js jquery ) ② 手机端(IOS，OC Swift)(Android Java Kotlin)

服务器端：后台开发语言 Java PHP

数据库：MySql, Oracle

2.安装一个服务器 Apache

3.打开或关闭 Apache服务器

二、简单了解PHP语法

1.PHP语言是干什么的：写后台程序

2.PHP与HTML的关系：Html负责前端(网页显示) PHP负责服务器端(接收网页提交的数据，将处理结果返回给网页)

3.PHP的基本语法：

浏览器中访问本机服务器的文件 使用127.0.0.1/test.php，php文件里面可以包含html css

结构：<?php code ?>

变量用$a,这种来表示

输出用echo，不会自动换行，使用. 来拼接内容

$a= 10;

$b=20;

$c=$a+$b;

$name ="jack";

echo $a."+".$b."=".$c."
";

echo "name";

?>

还可以使用for循环和while 循环，也可以定义函数，调用的时候随便传一个参数即可

function checkname($value){

echo "计算机鬼才";

}

checkname(" ");

三、实现登录认证

1.介绍：实现一个登录系统，首先会显示用户名和密码，然后点击登录按钮。登录成功会显示部分内容，登录失败又会显示部分内容。

2.先用html编写一个网页，在Sublime Text里面新建一个html文件，然后将这个文件保存在Apache的htdocs文件夹里面。接着在Sublime Text里面写代码

登录页面

腾讯员工登录系统

用户名

密 &nbsp码

3.需要提交的内容用form表单包裹，有两种方式，①get：向服务器端提交数据，特点：提交的内容会在url中显示 ②post：向服务器端提交数据，特点：提交的内容不会在url中显示，更安全。另外这个还需要和php文件交互一下

用户名

密 &nbsp码

4.在服务器端写一个文件用来和网页进行交互 php文件

先获取用post方式获取的用户的用户名和密码，然后判断是不是我们数据库里面有的用户名和密码，只有都满足才登陆成功。(目前我们先把条件写死)

$name = $_GET["user_name"];

$password = $_GET["user_pwd"];

if($name == "jack"&& $password == "123"){

echo "登录成功";

}else{

echo "用户名或者密码出错";

}

?>

效果如下

QQ浏览器截图20200428160755.png

四、实现一款在线计算器

1.先写一个html代码，完成计算器的整体布局，是设置加减乘除四个符号，另外三个input就是两个输入框和一个按键

在线计算器

在线计算器

+ - * /

2.再写一段php代码，实现具体的操作，定义一个$resylt来接收结果，接收不同的选择进行不同从操作，最后在同一个页面显示一下你进行的操作，比如2+2=4.为了让他们出现在同一个页面，我们把这段PHP代码和html代码写在一起，放在

之间即可

$val1 = $_POST["parml"];

$val2 = $_POST["parm2"];

$operation=$_POST["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:

# code...

break;

}

echo "

". $val1." ".$operation." ".$val2." = ".$result."

"

}

?>

3、结果显示，差不多如下，因为我的出了点差错，所以显示不出来计算的结果

五、实现文件上传

1.首先在htdocs文件夹里面创建一个文件夹来存放我们上传的文件，然后添加一个html文件，之后我们在网上php菜鸟教程里面找到文件上传，把它的模板复制粘贴到我们的Sublime里面。其中

登录页面

文件名：

2.写一段php代码，先记录文件的信息，然后再拼接相关路径，然后拼接完整路径，最后再判断文件是否存在，并给出相应的提示

//获取提交的文件的信息

$file= $_FILES["file"];

$name= $file["name"];

$type= $file["type"];

$temp= $file["tmp_name"];

//拼接路径

$path;

if($type=="application/pdf"){

$path="upload/pdf/";

}else if($type=="image/jpg" ||$type=="image/jpeg"||$type=="image/png"){

$path="upload/image/";

}else if ($type=="vedio/mp4") {

$path="upload/vedio/";

}

//拼接完整路径

$filePath=$path.$name;

//判断是否存在

if(file_exists($filePath)){

echo "文件已存在";

}else{

move_uploaded_file(temp, filePath);

echo "保存文件成功";

}

?>

3.查看一下预览效果，先是上传界面

D(3Q6RKY(@`3QXGDWIJHVAM.png

然后是提示界面

C6OP[S(0I]Z1VKBZAL162KK.png

六、web开发的相关步骤

1.用html写一个网页

2.在服务器端下一个后台程序和网页进行交互

3.数据库操作

欧克，以上就是我们今天的全部内容，再见。