首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML和PHP怎么连上

作为小白,最大的一个问题就是,会写html但是,不知道html和后台是怎么连上的,一步步的看。先把该准备的东西准备好,昨天咱们说过,安装了一大堆软件,其中一个是xampp,其实它是Apache+MySQL+PHP+PERL集成软件包。

在你安装了这个软件之后你可以找到这样一个文件夹,怎么找?

打开xampp软件,找到一个有open字样的按钮,打开它就能找到htdocs这个文件夹。为了方便,我做了个快捷方式放到了桌面上。我们把要写的php都放在这个文件夹里。

你可以创建一个新的文件夹专门放你的php,文件夹名字尽量用英文书写。比如像我这样,php的文件夹就是我写php文件的地方。

再回头看xampp软件,打开我们需要的东西。2号apache web server这个是一定要打开的。那么1号要不要打开取决于你是否用独立的mysql,没有的话就点开,有的话就不用点开了。

之后为了让大家看到清晰的过程,我下载了mysql,会单独操作不用集成环境,有需要安装mysql的朋友可以在评论区留言,我给你windows的安装过程。

不过今天的帖子还用不到mysql是不是感觉白弄半天。

回到今天要说的东西,在刚刚说到的htdocs文件夹下创建了一个php文件夹(你随便起名字)之后在php文件夹中创建了一个新文件夹,做第一个例子。

在这个文件夹中又添了两个文件一个叫表单.html 一个叫表单.php,空的就行了,咱们往里填东西。

html:

method="get">

用户名:

密 码:

微信的代码会截断所以我只能换行了,自己格式化以下。

标签用于为用户输入创建 HTML 表单,每次只是写一个样式而已,没有用过表单的提交。那么action这个属性就是需要你填写要把这个表单提交给谁。那我们当然是给php了,于是就直接填上刚刚我们创建的空的php文件。

method是一个提交的方式,出了get方式还有一个post方式。以下是get和post方式的异同,不太全面,但是够用的了。简单看看就行,写几个就知道怎么回事了。

get:

1.把参数数据队列驾到提交表单的action属性所指的url中,值和表单内各字段一一对应,在url中可以看的到。

2.服务器端用Request.QueryString获取变量值。Request.QueryString(取得地址栏参数值)获取地址栏中的参数,意思就是取得”?"号后面的参数值.如果是多个是用这”&”符号连接起来的。

3.传送的数据量小,不大于2kb

4.action页面后面的参数列表“会”被忽略,写与不写“一样”。

5.由于变量显示在 URL 中,把页面添加到书签中也更为方便。

post:

1.通过http post机制,将表单内各字段与其内容放置在HTTP 请求的主体中一起传送到action属性所指的url地址,用户看不到这个过程。

2.服务器端用Request.Form获取提交的数据。

3.传送的数据量较大,一般默认为不限制

4.action页面后面的参数列表“不会”被忽略,写与不写“不一样”。

5.由于变量未显示在 URL 中,也就无法将页面添加到书签。

打开页面应该是这个样子的

但注意我画红线的地方,如果你是这样的点击提交之后就傻帽了。所以需要改,把地址栏中的:63342删掉。因为这个端口号是软件自己的,根本连不上服务器。把它删掉就可以了,删掉之后title的图标就会变成那个桔红色的小骨头。

这时候你可以玩一下了,php还没写吧,别着急,我先写一个。我写了php之后不用写用户名和密码,直接点提交。

你发现其实文本框没用上,其实你写与不写内容,只要点击提交,内容确实会被提交给php,但你可以用上提交内容,也可以不用呀。现在看看php怎么写的。

php:

echo"哈哈哈,

你写的文本框没用上吧?";

echo"Hello world!

";

echo"多个"."字符串,".

"用.或者,","相连";

?>

echo语句可以输出一个或多个字符串,还有一种输出语句,print只允许输出一个字符串。echo 输出的速度比print快,echo没有返回值,print有返回值1。

字符串的连接方式,可以用点(.)或者逗号(,),都试试。

这个过程其实就是,把html中的表单点击提交之后,提交到php中,然后php给予反馈,告诉你是否提交成功了。

看到这不难吧,先把这个搞一下吧!俗话说一口吃不了个胖子,突然写新的语言会恶心的。

本微信号所有内容为前端客用户原创,前端客已获得独家授权,欢迎分享。

如有转载需求请留言征询,对于未经许可私自篡改内容、转载的行为我们保留追究维权的合法权利!

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

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券