欢迎访问湖北成教网,更多超值体验尽在无忧助学网!

湖北成教网学习中心

免费咨询电话027-59239395
全部教育分类
您的位置:湖北成教网 > 热门资讯 > 资讯列表 > 什么是web后端开发技术
什么是web后端开发技术
发布时间:2018-01-29 16:14:35浏览数:1041次来源:

这里整理了什么是web后端开发技术,想要了解什么是web后端开发技术的同学,可以查看以下什么是web后端开发技术详细解答。

 

关于什么是web开发技术,很多人常常分不清web后端开发技术与前端开发技术的区别以及它们如何配合工作,这里告诉大家,使用HTMLJavaScript写的web前端,它不用向服务器交互在浏览器端就执行完了。而phpPython等是后台语言,当通过浏览器向服务器发送访问php文件的请求时,由web服务器收到请求,发现是php代码则交给php解析器完成解析,然后发回给web服务器,最后返回给浏览器。 现在大家应该清楚什么是web开发技术,能够区分什么是web后端开发技术了。下面为了让大家更加直观的理解什么是web开发技术,什么是web后端开发技术,结合代码为大家展示前后端配合工作流程。

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <meta charset="utf-8" />

    <script type="text/javascript" src="process.php"></script>

    <script>

        function InputCheck(){

            var user = document.getElementById("user");

            if(user.value==""){

                alert("用户名为空!");

                return false;

            }

            var pwd = document.getElementById("password");

            if(pwd.value==""){

                alert("密码不能为空!")

                return false;

            }

        }

    </script>

</head>

 

<body>

    <form name="myform" method="get" action="process.php">

        <label for="user">用户名</label>

        <input type="text" id="user" name="user" value="user">

        <br />

        <label for="password">密码</label>

        <input type="password" id="password" name="password" value="password">

        <br />

        <input type="submit" id="submit" name="submit" value="提交" onclick="return InputCheck()">

    </form>

</body>

</html>

  Frommethod定义了提交方式为get,在点击“提交”按钮时就会把数据传给后台,同时会调用javascript函数InputCheck()检查输入框是否为空,如果为空就跳出警告框,后续不再往服务端发送消息。如果不是,都有内容时,点击“提交”按钮就会把数据传到后台,具体执行哪个phpForm中的action指定的,这里指定的是process.phpprocess.php代码如下显示。

<?php

/**

 * Created by PhpStorm.

 * User: sweird

 * Date: 2016/10/10

 * Time: 22:18

 */

header("Content-Type:text/html;charset=utf-8");//支持中文

$user=$_GET["user"];

$pwd=$_GET["password"];

echo "这是从web服务器返回的消息,已经经过php处理的!<br />";

echo "您提交的用户名是:",$user,"<br />";

echo "您提交的密码是:",$pwd;

?>

下面看下运行效果。

                                             

  此时跳到火狐浏览器中,按F12打开调试窗口并切换到网络界面。 

  清除用户名输入框中的内容后点击“提交”,此时就触发了javascript代码跳出如下窗口,并且发现在调试窗口并没有数据,说明此时没有向服务端发送数据,而是在前端就进行了js检验。 

 接着在输入框中输入数据,点击提交。 
 
  至此前端和后台的配合工作就演示完毕了。 

继续浏览有关的文章
无忧助学名师免费一对一量身定制服务!
为什么要告诉无忧助学?
  • 10万多学员的选择
  • 价格更低 额外礼品
  • 跟踪服务 解决问题
教育问答
  • 中专学校想读个本科

    已答复 响应时间:51分钟