提交表单到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文件的代码，并不会把数据传输到数据库，这是为什么呢？？？

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

uniapp 表单提交图片跟其他填写数据_记录第一次实现表单数据提交到数据库
经过几周的Web前端学习我初步对.html文件.php文件有了一定的了解.首先我们来复习一下学过的知识.HTML页面实际上就是静态的网页页面,我们可以用html+css(层叠样式表)来创作出具有不同格 ...
element 表单回显验证_关于vue el-form表单报错的问题
在写el-form表单的时候,遇到了蛮多问题,在这里记录一下. 1.表单验证报错[Element Warn][Form]model is required for validate to work! ...
表单设置默认值_你还不知道表单怎么设计吗？看这里！
表单是电子商务.社交互动和大多数基于生产力应用类型的网站的关键.尽可能简单,微小的变化都有可能极大的提高用户体验. 一.设计原则尽量减少痛苦填写过程尽量简洁.容易. 说明填写完成路径清晰的告诉人 ...
mysql动态表单设计与实现_动态表单的数据库结构设计
利用在线编辑器设计的表单,包含输入框,明细表(动态添加行)等需要存储到数据库的信息,现在有三种思路: 1.一个表单对应数据库的一张或多张物理表(主从表),这种设计在很多业务的情况下,其数据库的物理表会 ...
form表单用js提前执行函数若不成功则不提交_面试必会的重复提交 8 种解决方案！...
重复提交看似是一个小儿科的问题,但却存在好几种变种用法.在面试中回答的好,说不定会有意想不到的收获!现把这 8 种解决方案分享给大家! 1.什么是幂等在我们编程中常见幂等 select查询天然幂等 ...
iview 表单验证_记录 iView 的表单验证
iview表单验证必要设置 1. 给 Form 标签用 :model 绑定数据 2. 给 Form 标签里面必须添加 ref , 用于最后提交获取 Form 表单的实例 3. 给 Form 设置属性 ...
收发文系统 php,收发文表_表单设计_OA系统_泛普软件
收发文表设计表单定义包括表单的新建.编辑.表单设计.预览和删除和导入导出管理. 新建表单进入流程->流程设置->表单定义菜单,点击上方[增加]按钮,可以编辑表单名称.所属组织.表单类型 ...
Vant-UI 表单组件（Field组件）：验证表单元素表单提交 - 踩坑篇
Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...
android 请假单界面,请假单_表单设计_OA系统_泛普软件
请假单设计设计表单是系统中非常重要的一部分,在设置流程前应该先建立好表单(即流程发起时所需要填写的表单),在菜单栏选择系统->流程设置->表单定义里对表单进行操作. 定义请假单表单定义 ...

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

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

最新文章

热门文章