网页基础之简单的后台数据交互

每个人都有一个属于自己的星空

通过前面两期技术干货丨网页基础篇之安利一款开发工具以及技术干货丨网页基础篇之如何制作简单的静态网页的学习,我们已经可以掌握简单HTML静态网页的开发技巧。

今天,将带领大家学习后台动态数据交互(就拿常见的登录验证表单做例子吧),后台脚本语言采用PHP。

运行环境

下载安装后的界面大概长这样:

建议采用PHP >=5.6版本,Web服务器就建议用Apache,有人疑惑Apache、IIS、Nginx、MySQL是什么?

Apache、IIS、Nginx都是主流的web服务器,三者之间大同小异。

浏览器怎样访问文件?

当安装好以后,打开phpStudy文件夹,看到下面好多文件/文件夹

存放代码文件的地方即为WWW文件夹中,打开文件夹,出现有一个phpMyAdmin文件夹(这个是数据库可视化管理页面,你可以通过访问http://localhost/phpMyAdmin/看到页面),

在WWW文件夹中你可以放你所写的代码,像小编这里,就将下面演示的代码发在这里啦。

浏览器访问查看页面:http://localhost/wechat/index.html

localhost是一个域名,在过去它指向 127.0.0.1这个IP地址(即表示指向本机的web服务器)。

到此运行环境OK啦,接下来学习下PHP具体语法,以及一个小demo吧。

PHP介绍

PHP(Hypertext Preprocessor,即”超文本预处理器“),是一种常用于后台开发语言,语法上参考了Perl、C语言的语法,具有简单易上手的特点,在中小型网站上广泛使用。(毕竟PHP是世界上最好的语言)

常见语法:

一个PHP文件最基本的结构

PHP基本的输出语句(这里用最经典的”Hello World!”作为代表)

PHP定义一个变量采用美元符($)表示(注意:变量名称区分大小写,变量名称必须以字母或下划线开头)

PHP可以用三种注解的形式:

四大循环结构以及选择结构

PHP基本的语法差不多介绍完啦,更多详细语法就看官网吧。(http://php.net/manual/zh/index.php官网链接)

简单前后台表单交互案例

先看看效果图吧

先来看看前端HTML以及CSS代码吧,这里就不在过多的解释说明意思啦。

HTML以及CSS代码大概就是这样,不过细心的朋友会发现,在HTML form标签中多了action,以及method两个值,

没错,这就是这次的重点,action表示将HTML中表单input框中的值传到那个URL处理,而method表示传输的方式,有GET和POST两个参数。

GET方式将input框中的值在浏览器URL中显示出来,而POST方式input框中的值是不会显示浏览器URL中。

接着,来看看index.php文件中的代码:

$_POST:适用于POST请求,即method的值为POST

$_GET:适用于POST请求,即method的值为GET

$_REQUEST:适用于GET或者POST请求,即method的值为GET或者POST

好了,一个简单的前后台表单交互到此就结束啦。

看懂了吗?快动手去试试吧,你也能成为一个技术大佬哦。

小预告

请期待下一次的技术干货哦,我们将推出安卓入门基础分享。感兴趣的朋友我们下期再见!

- 特别鸣谢 -

内容 - 黄老板

封面 - 网络

音乐 - 《shape of you》 Ed sheeran

编辑 - 老科

长按识别 鼓励程序员和小编

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180327B1UXLL00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券