本节内容
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，不会自动换行，使用. 来拼接内容
<?php
$a= 10;
$b=20;
$c=$a+$b;
$name ="jack";
echo $a."+".$b."=".$c."<br>";
echo "name";
?>
-
还可以使用for循环和while 循环，也可以定义函数，调用的时候随便传一个参数即可
function checkname($value){
echo "计算机鬼才";
}
checkname(" ");
三、实现登录认证
1.介绍：实现一个登录系统，首先会显示用户名和密码，然后点击登录按钮。登录成功会显示部分内容，登录失败又会显示部分内容。
2.先用html编写一个网页，在Sublime Text里面新建一个html文件，然后将这个文件保存在Apache的htdocs文件夹里面。接着在Sublime Text里面写代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<body>
<h2 align="center">腾讯员工登录系统</h2>
<br><br>
<p align="center">用户名<input type="text" name="user_name"></p>
<p align="center">密  码<input type="password" name="user_pwd"></p>
<p align="center" ><input type="submit" name="submit" value="登录"></p>
</body>
</html>
3.需要提交的内容用form表单包裹，有两种方式，①get：向服务器端提交数据，特点：提交的内容会在url中显示 ②post：向服务器端提交数据，特点：提交的内容不会在url中显示，更安全。另外这个还需要和php文件交互一下
<form method="get" action="login.php">
<p align="center">用户名<input type="text" name="user_name"></p>
<p align="center">密  码<input type="password" name="user_pwd"></p>
<p align="center" ><input type="submit" name="submit" value="登录"></p>
</form>
4.在服务器端写一个文件用来和网页进行交互 php文件
先获取用post方式获取的用户的用户名和密码，然后判断是不是我们数据库里面有的用户名和密码，只有都满足才登陆成功。（目前我们先把条件写死）
<?php
$name = $_GET["user_name"];
$password = $_GET["user_pwd"];
if($name == "jack"&& $password == "123"){
echo "登录成功";
}else{
echo "用户名或者密码出错";
}
?>
效果如下
QQ浏览器截图20200428160755.png
四、实现一款在线计算器
1.先写一个html代码，完成计算器的整体布局，<selsct>是设置加减乘除四个符号，另外三个input就是两个输入框和一个按键
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>在线计算器</title>
</head>
<body>
<h2 align="center">在线计算器</h2>
<table align="center">
<tr>
<td>
<form method="post" action="" >
<input type="text" name="parml">
<select name="operation">
<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>
</html>
2.再写一段php代码，实现具体的操作，定义一个$resylt来接收结果，接收不同的选择进行不同从操作，最后在同一个页面显示一下你进行的操作，比如2+2=4.为了让他们出现在同一个页面，我们把这段PHP代码和html代码写在一起，放在<body></body>之间即可
<?php
$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 "<p align='center'>". $val1." ".$operation." ".$val2." = ".$result."</p>"
}
?>
3、结果显示，差不多如下，因为我的出了点差错，所以显示不出来计算的结果
五、实现文件上传
1.首先在htdocs文件夹里面创建一个文件夹来存放我们上传的文件，然后添加一个html文件，之后我们在网上php菜鸟教程里面找到文件上传，把它的模板复制粘贴到我们的Sublime里面。其中<form action="upload.php"里的upload.php是我们另外创建的文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file">文件名：</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>
2.写一段php代码，先记录文件的信息，然后再拼接相关路径，然后拼接完整路径，最后再判断文件是否存在，并给出相应的提示
<?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.数据库操作
欧克，以上就是我们今天的全部内容，再见。
网友评论