提交表单到mysql数据库_记录第一次实现表单数据提交到数据库

​经过几周的Web前端学习我初步对.html文件、php文件有了一定的了解。首先我们来复习一下学过的知识。

HTML页面实际上就是静态的网页页面，我们可以用html+css(层叠样式表)来创作出具有不同格式的网页页面，同时利用javascript技术来进行动态页面的创作。

一个网站其实就是在互联网上的很大的文件夹，这个大文件夹里面有着其他的小文件夹，比如：img文件夹、css文件夹、html文件夹、php文件夹等等，它们存储着我们浏览网站时所看到的图片、文字、音视频等数据和各种.html、.css、.php等文件，这些文件互相调用、连接在一起就构成了网站。

显而易见网站的信息数据主要是客户端和服务端之间进行传输，用户主机登录客户端浏览信息、填写数据，然后数据传输到服务器端经过处理后又反馈回客户端，完成交互。从这里我们可以这样来看，一个网站分为看得见和看不见两部分，看得见的部分就相当于一台电脑的界面，而看不见的部分就相当于电脑的主机，实际上网站的大部分功能是由这个‘主机’实现的·。现在我们知道网站把数据传输到服务器，那么服务器就需要一个仓库来存储数据，这个仓库的名称就叫做数据库。

现在我们就看看如何将表单数据上传到数据库中，首先这里默认你已经安装Mysql数据库，我这里使用的是小皮面板+SQL_Front实现数据库的搭建。接下来是具体的步骤。

一、理清表单提交过程中的三个对象(思路)

1、html页面(前端页面)，我们就是在这个页面填写数据信息，如填写QQ号、手机号、邮箱、姓名等。

2.  php文件，我们在html页面填写的数据就是被传输到这个文件。.php文件实现了对html页面提交的数据的接收，并且连接数据库，将数据传输到数据库中存储起来(即将数据赋予对应数据库中对应表单里的对应的字段变量)

3. 数据库。要实现前端表单的数据存储在数据库中，我们首先要在数据库中建立一个表单，并添加相应的字段变量(这个表单与前端提交的表单格式一样)。这里补充一下数据库中建立表单的两种方法：①利用SQL_Front的可视化界面，直接建立一个新的数据库-新的表单-表单内容对应的各个字段变量②在SQL编辑器(即查询编辑器)中用SQL语言进行数据库、表单、字段的创建。

二、具体实例

1.我先在数据库建立一个表单，并设置了对应的字段(类型、默认值。备注)

2.然后创建一个zhuce.html文件(即登陆页面)，要注意的是：

3.创建一个zhuce.php文件

4.利用小皮面板创建一个网站(我这里用的是默认的网站localhost)，然后把zhuce.html文件、zhuce.php文件都放到该网站的根目录中。如图：

5.最后设置该网站默认打开页面为zhuce.html，就可以直接打开该网站就进入注册页面。(右击管理—打开网站)

到这里我们就完成所有操作，最后只需要直接在登录页面提交信息、然后在数据库管理软件里面刷新一下数据库即可。来看看效果吧。

OK结束，接着学习接着肝！

问题：直接点开zhuce.html文件，填完数据后提交，跳到php文件，此时网页显示的是php文件的代码，并不会把数据传输到数据库，这是为什么呢？？？