服务器问题

服务器前端开发入门

2020-05-22
0
目前大多数情况是前端发送请求到服务器端获取资源,所以我们先介绍post请求处理方式。这里使用的服务器处理语言为PHP,该语言入门简单,尤其擅长于web服务器端开发,因此选用PHP来负责服务器端的处理。本节视频中选用了三个案例来介绍前端与后台服务器端交互的处理方式,包括用户登录、添加新闻、购买商品等。

视频封面30:26
服务器端开发入门
PHP开发准备:

•准备环境:web服务器搭建, 可以是本机,也可以是云服务器

. 集成环境安装包:在服务器端安装phpstudy,同时具有apache、mysql和php

. 开发工具:sublime text或者visual code

. 测试工具:chrome浏览器

. 运行方式: http://服务器IP/php文件

视频中选用了百度的一款云服务器,因此在运行时就可以在使用:http://106.13.111.246/hello.php来访问该PHP文件。

PHP基础语法:

定义变量:$a=10;$b='c';$c="hello,world!";这是一门弱类型语言,不用强制定义变量类型。其他的如控制结构、函数等与其他语言一致,如选择使用if---else if结构,循环使用for或while循环。函数定义function,包括形参和实参都与其他语言一致。

浏览器查看数据方式:单个变量采用echo函数,如echo (参数),这里的参数为单个变量或者字符串。对象类型如数组等,采用var_dump函数,var_dump(数组)就可以把数组内容打印在浏览器上查看。

PHP处理前后端交互:

PHP主要用于web交互开发。 组织一下思路就是:

•前端表单输入 ---- 前端业务

•服务器端接收到前端的输入并处理 ----- 服务器端业务

前端业务:表单form构造。特别说明的是需要指定form的action和method属性

action就是提交给服务器端哪个文件进行处理,method这里通常是post, 特别说明的是表单的输入一定要给定name属性

服务器端开发业务:php来接收表单的输入 并处理

接收方式:采用内置数组$_POST来接收

查看获取的输入:var_dump($_POST)

定位前端每一个输入:$_POST[key],给定key值,这个key就是前端输入框的name属性

视频中讲解的三个案例参考如下,请特别关注form指定的action属性,就是指向的URL文件。

第一个案例,前端用户登录,服务器端接收输入并打印输入的具体内容:

前端HTML页面:

<!DOCTYPE html>
<html>
<head>
<title>前端用户登录内容</title>
</head>
<body>
   <center>
    <form method="post" action="http://106.13.111.246/hello.php">
       <label>用户姓名</label>
       <input type="text" name="username"><br>
       <label>用户密码</label>
       <input type="text" name="userpwd"><br>       
       <input type="submit" name="submit" value="登录">
</form>
   </center>
</body>
</html>
服务器端hello.php负责接收输入并打印:

<?php 

// 打印前端传过来的数据
 // var_dump($_POST);
$username=$_POST['username'];
$userpwd=$_POST['userpwd']; 
$time=Date('Y-m-d H:i:s');//登陆时间
echo '登录姓名:'.$username;
echo '登录时间:'.$time;
?>
第二个案例,前端用户发表新闻,服务器端接收输入并打印新闻具体内容:

前端HTML代码:

<!DOCTYPE html>
<html>
<head>
<title>前端用户发布新闻内容</title>
</head>
<body>
   <center>
    <form method="post" action="http://106.13.111.246/hello.php">
       <label>新闻标题</label>
       <input type="text" name="newsTitle"><br>
       <label>新闻内容</label>
       <input type="text" name="newsContent"><br>     <label>撰稿人</label>
       <input type="text" name="newsAuthor"><br>         
       <input type="submit" name="submit" value="提交">
</form>
   </center>
</body>
</html>
服务器端hello.php文件负责接收输入内容,并打印输出:

<?php 

// 打印前端传过来的数据
 // var_dump($_POST);
$newsTitle=$_POST['newsTitle'];
$content=$_POST['newsContent']; 
$author=$_POST['newsauthor']; 
$time=Date('Y-m-d H:i:s');//发表时间
echo '新闻内容:'.$content;
echo '发表时间:'.$time;
?>
第三个案例,前端用户下订单购买商品,服务器端接收输入并打印订单的具体内容:

前端代码:

<!DOCTYPE html>
<html>
<head>
<title>前端输入商品内容</title>
</head>
<body>
   <center>
    <form method="post" action="http://106.13.111.246/hello.php">
       <label>商品名称</label>
       <input type="text" name="goodsName"><br>
       <label>商品价格</label>
       <input type="text" name="goodsPrice"><br>
       <label>商品数量</label>
       <input type="text" name="goodsNum"><br>
       <input type="submit" name="submit" value="下单">
</form>
   </center>
</body>
</html>
服务器端hello.php代码

<?php 

// 打印前端传过来的数据
 // var_dump($_POST);
$goodsName=$_POST['goodsName'];
$price=$_POST['goodsPrice'];
$num=$_POST['goodsNum'];
$money=$price*$num;
$time=Date('Y-m-d H:i:s');//下单时间
echo '共花了多少钱:'.$money;
echo '下单时间:'.$time;
?>
部分文章来源与网络,若有侵权请联系站长删除!

推荐产品