本期需要用到的前面几期所讲过的内容:

这里是 PHP 网站开发的第三个阶段,也就是前端 HTML 及 CSS 所制作的网页是如何跟 PHP 后台代码进行交互的。

向后台提交数据

前端网页代码:

留言本

.wrap{width: 600px;margin: 0px auto;}

.add{overflow: hidden;}

.add .content{width: 598px;margin: 0;padding: 0;}

.add .user{float: left;}

.add .btn{float: right;}

.msg{margin: 20px 0px;background: #ccc;padding: 5px;}

.msg .info{overflow: hidden;}

.msg .user{float: left;color: red;}

.msg .time{float: right;color: blue;}

.msg .contet{width: 100%;padding: :5px;}

后端 PHP 文件代码:<?php

$content = $_POST['content'];

$user = $_POST['user'];

var_dump( $content,$user );

?>

效果:

点击 “发表留言” 后就可以看到效果〜

对留言内容进行检查

具体语法等请参考:《运算符》与《流程制》

后端 PHP 文件代码:<?php

$content = $_POST['content'];

$user = $_POST['user'];

//禁止使用的用户名

$n = [

'张三',

'李四',

'王五',

];

foreach ($n as $name) {

if ( $user == $name ) {

die("禁止使用的用户名");

}

}

//判断留言是否为空

if ( $content == '') {

die("留言内容不能为空");

}

if ( $user == '') {

die("留言人不能为空");

}

var_dump( $content,$user );

?>

效果:

可以看到当我们输入 “张三” ,也就是禁止使用的用户名,点击发表留言后会弹出 “禁止使用的用户名”:

对留言内容的处理进行封装

具体语法等请参考:《函数的基础语法》

这里只是把上面 “对留言内容进行检查” 里面的代码进行函数封装,从而实现一次封装多次调用的效果。

后端 PHP 文件代码:<?php

$content = $_POST['content'];

$user = $_POST['user'];

//定义函数,对数据进行检查

function post( $content ){

if ( $content == '') {

return false;

}

//禁止使用的用户名

$n = [ '张三', '李四', '王五'];

foreach( $n as $name ){

if ($content== $name ) {

return false;

}

}

return true;

}

//调用函数,检查留言内容

$is = post( $content );

if ( $is == false ) {

die('留言内容不能为空');

}

//调用函数,检查留言人

$is = post( $user );

if ( $is == 张三 ) {

die('用户名输入不正确');

}

var_dump( $content,$user );

?>

这里在浏览器里输出的效果跟上面 “对留言内容进行检查” 的效果是一样的。

对函数进一步进行封装

具体语法等请参考:《类与对象》

$content = $_POST['content'];

$user = $_POST['user'];

//定义类

class input{

//定义函数,对数据进行检查

function post( $content ){

if ( $content == '') {

return false; }

//禁止使用的用户名

$n = [ '张三', '李四', '王五' ];

foreach( $n as $name ){

if ( $content == $name ) {

return false;

}

}

return true;

}

}

//实例化类

$input = new input();

//调用函数。检查留言内容

$is =$input->post( $content );

if ( $is == false ) {

die('留言内容不能为空');

}

//调用函数,检查留言人

$is =$input->post( $user );

if ( $is == false ) {

die('用户名输入不正确');

}

var_dump( $content,$user );//输出

?>我们随便在浏览器的对话框输入一些内容:

点击发表留言后浏览器输出:

我们也可以把它拆成两个 PHP 文件:

代码 1:

//定义类

class input{

//定义函数,对数据进行检查

function post( $content ){

if ( $content == '') {

return false; }

//禁止使用的用户名

$n = [ '张三', '李四', '王五' ];

foreach( $n as $name ){

if ( $content == $name ) {

return false;

}

}

return true;

}

}

?>

我们把它保存为 input.php 文件,跟save.php文件放在同一目录。

代码 2:

include('input.php');//用include语法包含iput.php文件

$content = $_POST['content'];

$user = $_POST['user'];

//实例化类

$input = new input();

//调用函数。检查留言内容

$is =$input->post($content );

if ( $is == false ) {

die('留言内容不能为空');

}

//调用函数,检查留言人

$is= $input->post( $user );

if ( $is == false ) {

die('用户名输入不正确');

}

var_dump( $content,$user );//输出

?>

最终浏览器输出的内容跟之前输出的是一样的。This is not the end.It is not even the beginning of the end.But it is,perhaps,the end of the beginning.

更多分享

app前后台交互php_PHP丨前端网页是怎么跟后台进行数据交互的(实战)相关推荐

  1. 聊聊前端和后台的数据交互与协议

    目前,除了一些特别简单非联网类应用(比如计算器.闹钟等),几乎所有的应用均是联网应用(比如新闻客户端,微信等等),这些 app 客户端基本都只是负责用户的交互与数据收集与展示,真正的数据和服务均存储在 ...

  2. web开发中前端页面是如何跟后端服务器数据交互的

    后端服务器一般是指servlet容器,用于执行java源程序 常见的网页有html,htm,shtml,asp,aspx,php,jsp等格式 前两个常用于静态网页,后面几个常用于动态网页. 这里前端 ...

  3. vue2 + vuex 高度还原 饿了么 App,与官方后台真实数据交互,获取商品信息,实现登陆、购物车、下单等功能...

    前言 vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目.虽然写了几个demo,但和写一个完整的项目还是有很大差别的.于是自己想着用空 ...

  4. http协议跟服务器交互,基于HTTP协议的客户端与服务器之间的数据交互方法专利_专利查询 - 天眼查...

    L-种基于HTTP协议的客户端与服务器之间的数据交互方法,应用于智能$居系统 中,以使用户的客户端与智能家居系统的服务器之间建立稳定的网络连接并进行数据交 互,所述方法包括步骤: 所述客户端与所述服务 ...

  5. 前台和后台的数据交互

    最近刚刚接手B/S的项目,涉及到了服务器从数据库中查询数据,然后根据数据拼出前台的HTML语句.下面是自己的一段路程. 从最开始自己的一个技术难点,后台拼接完了HTML语句,怎么送到前台呢?下面是关于 ...

  6. vue2 + vuex 高度还原 饿了么 App,与官方后台真实数据交互,实现登陆、购物车、下单等功能...

    [b]前言[/b] vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目.虽然写了几个demo,但和写一个完整的项目还是有很大差别的.于 ...

  7. Android前端通过Http协议与J2EE后端数据交互。工具eclipse、MySQL、Tomcat。通过JoSn获取数据。Android端实现对MySQL增删改查功能。

    Android:目录 HttpThread.java package com.example.saads; import java.io.BufferedReader; import java.io. ...

  8. 微信小程序之前端与java后台进行数据交互

    后台是用SpringBoot+SSM来写的,整体上来说,和普通的Web没什么区别 要注意的是,对于小程序访问的控制层方法,需要返回一个Map类型 @RequestMapping(value = &qu ...

  9. 使用Bootstrap-table创建表单,并且与flask后台进行数据交互

    文章目录 引用css和js 使用 html javascript flask mysql 参考 引用css和js Bootstrap-table为这些文件提供了 CDN 的支持,所以不需要下载.js ...

最新文章

  1. php集成环境wamp搭建后,如何配置服务器
  2. Hadoop单机/伪分布式集群搭建(新手向)
  3. python函数调用语句_Python函数定义和函数调用
  4. Linux内核ARM构架中原子变量的底层实现研究
  5. 编译log4cplus-2.0.x备忘录
  6. 怎么用python自制计算公式_如何使用Python和Numpy计算r平方?
  7. springboot监控服务器信息,面试官:聊一聊SpringBoot服务监控机制
  8. python读取文件最后几行_如何用python获取文件的最后一行,文件可能会比较大
  9. 优秀logo设计解析_优秀Logo设计!字母造型解析
  10. ssm开放式教学管理系统答辩PPT模板
  11. 在Debian 4.0rc3上编译内核2.6.24时加入Layer7模块笔记[防火墙中在TCP/IP第七层Layer7应用层阻挡QQ,MSN等软件的应用]...
  12. 学以致用六---Centos7.2+python3.6.2+django2.1.1 --搭建一个网站
  13. apache camel 相关配置_Web基础配置篇(二): Maven配置及使用
  14. android 输入框失去焦点,AutoCompleteTextView默认首次失去焦点
  15. SVN安装和中文语言包安装
  16. 推荐一个文字生成图片的网站
  17. GateWayWorker 部署
  18. 基于qiankun搭建ng-alain15微前端项目示例实践
  19. lt18i android 2.3.4典藏版,索爱lt18i的2.3.7和2.3.4 rom刷机包
  20. elasticsearch:使用top_hits聚合获取分组列表

热门文章

  1. android从服务端获取json解析显示在客户端上面,Android服务端获取json解析显示在客户端上面.doc...
  2. 怎样测试运算放大器的输入失调电压?
  3. 示波器触发模式及其使用
  4. 推荐一个非常实用的导航路径规划网站
  5. python vars()的用法
  6. 求1-2+3-4+5......99的所有数的和
  7. Oracle宣布提供新的Java支持价格体系
  8. 某个第三方支付平台数据库的分析、学习与总结(转)
  9. 基于python的快速傅里叶变换FFT(一)
  10. 看到如此详细的Java内部类,我泪目了