PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

这篇具有很好参考价值的文章主要介绍了PHPStudy+HTML5数据库连接详细介绍/数据前后端交互。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

    数据库的连接想必是让小伙伴们头疼的一件事,这篇文章小编将为大家详细介绍使用PHPStudy连接数据库的详细步骤、调试运行以及代码讲解。

    首先我们需要准备的软件有:phpstudy_pro(小白)、PhpStorm 2021.1.2 x64(其他版本也可以)。要连接的数据库是phpstudy_pro中自带的数据库。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

目录

 一、建立数据库

二、添加数据表

三、PHP storm相关配置

四、编写代码 

五、代码说明

六、运行结果

 一、建立数据库

    打开phpstudy_pro,启动配置Apache2.4.39、MySQL5.7.26。(注意!如果电脑中安装了MySQL数据库,第三项配置启动可能出现错误,两个软件可能同时使用同一个端口,这时需要更改端口)。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

     点击面板左侧“软件管理”,在MySQL5.7.26右侧点击安装,安装速度较快,需要等待大约三分钟。(在这里已经安装过了,右侧显示卸载按钮)

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

     点击右侧“设置”,可以设置相关内容。在第一步所说的与MySQL数据库端口冲突的情况,可以在这里更改端口和错误文件路径,查看相关错误信息。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

    下载和设置完成后,点击面板左侧数据库按钮,点击创建数据库,在这里建立我们需要的数据库。 我们这里创建数据库名字为database,用户名为user,密码为000000作为演示。创建成功之后会出现如下提示信息。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

     到这里我们的数据库就建好啦,需要注意这里的数据库只能够在自己电脑上进行访问,不可以在局域网下共享,有一定的局限性。

二、添加数据表

    数据库建立好后,我们就要对数据库进行访问并完善数据库中的内容,点击面板左侧“首页”,点击“数据库工具”右侧的蓝色按钮“打开”,选择phpMyAdmain单击。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

    弹出页面,输入刚才演示建立的数据库用户名和密码,输入无误后点击“执行”,就进入到我们建立的数据库中了。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

    在我们的数据库中建立数据表,可以看到“新建数据表”,在下方输入数据表的名字和字段数。我们这里输入“datatable”作为数据表名字作为演示。 点击“执行”按钮,完成创建。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

     添加数据表字段等信息,以下图信息为示例进行演示。在添加所需字段后点击“保存”按钮完成添加操作。如果需要添加的字段很多,则可以点击“数据表名”右侧的“执行”按钮插入新的列,或使用SQL语句进行批量创建和添加,在这里不做演示。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

     建立好的空表如图所示:

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

     数据库的搭建就已经基本完成里,下面是代码部分,我们在PHP storm中进行操作。

三、PHP storm相关配置

    PHP storm使用前需要配置解释器,打开设置:

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

    选择下载的解释器,解释器在软件下载时有(应该是在安装目录中可以找到)。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

四、编写代码 

    新建php文件,命名可以自定义。这里建立index.php。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

    添加代码如下:

<?php
    $con=mysqli_connect("localhost:3306","user","000000");
    if(!mysqli_select_db($con,"database")){
        echo "FAIL CONNECTION!";
        exit;
    }else {
        // echo "SUCCESS CONNECYION!";
    }
    mysqli_query($con,"set names utf8");
    $names=$_POST["name"];
    $email=$_POST["email"];

    $q="insert into datatable (name,email) values('$names','$email')";
    if(mysqli_query($con,$q)){
        echo "Add Success!";
    }
    else{
        echo "Add Fail!";
    }
    mysqli_close($con);
?>

     前端页面代码如下:

 <form action="insert.php" method="POST">
       <p class="c two">姓名: <input type="text" name="name" ></p>
       <p class="c two">邮箱:<input type="text" name="email"></p>
</form>

    看到这大家应该也都清楚了,这种方法使用的是form表单进行数据库的传值。

五、代码说明

1、$con=mysqli_connect("localhost:3306","user","000000");

    该语句中三个变量。

    第一个变量是所用的端口,也就是我们在开始PHP study中配置的端口,默认情况是3306;

    第二个变量是用户名,在这里我们演示数据库建立时用的用户名为user;

    第三个变量是我们设置的密码。使用时直接替换为自己的端口、用户名和密码即可。

2、mysqli_select_db($con,"database")

    该语句中有两个变量。

    第一个变量是我们定义的连接语句,即前面设置的端口、用户名和密码等信息;

    第二个变量是自定义的数据库名字,这里用作演示的名字为database(见上文);

    其次,mysqli_select_db()进行数据库连接,返回的是布尔类型的值,如果连接成功返回true,否则返回false;

3、echo "FAIL CONNECTION!";

    语句中!mysqli_select_db()表示数据库连接不成功,则在页面中会返回FAIL CONNECTION!,在这里,echo可以理解为我们用作调试的一种工具。

4、$q="insert into datatable (name,email) values('$names','$email')";

    $q是定义的SQL查询语句,这里执行的是插入语句,$names和$email是定义的两个变量,这两个变量的值是根据前端页面中输入表单中的值来确定的,如果只在php页面运行,会在数据库中插入空值。语句的语法和SQL语句相同这里不做解释。

5、$names=$_POST["name"]; $email=$_POST["email"];

    这是两个定义的变量,由表单传值。[]中的内容是表单中对应的“name”的属性值。

6、mysqli_query($con,$q)

    执行SQL语句,执行成功返回true。

7、 <form action="insert.php" method="POST">

    这是HTML中的语句,主语action和method两个属性值,这是建立数据库连接,实现传值的关键之处。

六、运行结果

    这里直接在PHP中运行,运行之后页面出现如下情况即为成功,此时查看数据库,数据库中已经出现空的记录(在前端运行时,表单值不为空可以正常插入)。

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

PHPStudy+HTML5数据库连接详细介绍/数据前后端交互

 原创作品,请勿抄袭!文章来源地址https://www.toymoban.com/news/detail-447022.html

到了这里,关于PHPStudy+HTML5数据库连接详细介绍/数据前后端交互的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 学习笔记-MySql数据库介绍与连接

    一.MySQL数据库介绍 MySQL是一个关系型数据库管理系统,在 WEB 应用方面,MySQL是最好的 RDMS (Relational Database Management System,关系数据库管理系统) 应用软件,它是由瑞典MySQL AB 公司开发,目前属于 Oracle 旗下产品,MySQL 是最流行的关系型数据库管理系统中的一个。 1.特点 开源,

    2024年01月19日
    浏览(42)
  • 数据库开发之内连接和外连接的详细解析

    内连接查询:查询两表或多表中交集部分数据。 内连接从语法上可以分为: 隐式内连接 显式内连接 隐式内连接语法: 显式内连接语法: 案例:查询员工的姓名及所属的部门名称 隐式内连接实现 显式内连接实现 多表查询时给表起别名: tableA as 别名1 , tableB as 别名2 ; tabl

    2024年02月04日
    浏览(76)
  • MongoDB 数据库详细介绍

    MongoDB(来自“Humongous”,意为巨大的)是一个开源、高性能、无模式(NoSQL)、文档导向的分布式数据库。它以其灵活性、可扩展性和强大的查询功能而闻名于世。MongoDB 使用 JSON 格式的文档来存储数据,适用于多种应用场景,包括 Web 应用、移动应用、日志存储、大数据等。

    2024年02月12日
    浏览(65)
  • PowerDesigner 连接MySQL数据库详细步骤

    1、新建一个 Physical Data ,选择自己要连接的数据库 在PowerDesigner菜单栏中,依次点击“File -New Model-Physical Data” 点击OK 2、连接数据源 依次点击“File -Reverse Enginner-Database…” 显示如下页面,点击确定 点击红框,弹出一下画面 点击configure… 点击创建新的数据源,选择用户数据

    2024年02月11日
    浏览(74)
  • DataGrip连接hive数据库详细步骤

    1.如图所示,找到APache Hive并点击进入  2.点击图中框选位置 3.进入驱动后,手动添加hive的驱动jar包,hive-2.3.3驱动jar包免费下载地址(https://download.csdn.net/download/weixin_60315309/86830829?spm=1001.2014.3001.5501) 4.添加jar包后进行应用 5.应用成功后配置主机名与用户名(主机名为hive服务

    2024年02月15日
    浏览(39)
  • Java数据库连接:JDBC介绍与简单示例

    在Java程序中,操作数据库是必不可少的。JDBC(Java Database Connectivity)是Java中用于连接和操作数据库的一种技术。通过JDBC,Java程序可以与各种关系型数据库进行交互,如MySQL、Oracle、PostgreSQL等。 JDBC是一种标准的Java API,它提供了一组接口,通过这些接口Java程序可以与数据库

    2024年02月07日
    浏览(59)
  • QT连接Mysql数据库(详细成功版)

    QT连接Mysql数据库步骤相对比较麻烦,因此写了篇文章将详细过程呈现给大家,欢迎大家来评论区指导提问。 示例代码: (1)在.pro文件中添加下列代码: (2)在mainwindow.h文件中添加下列头文件:  (3)在main.cpp文件中添加下列代码: 运行代码,如果连接Mysql成功则输出下面

    2024年01月16日
    浏览(53)
  • Linux服务器装mysql数据库并且连接数据库(详细教程)(阿里云)

    废话不多说,直接上教程。 1.首先执行如下命令,更新YUM源。 2.执行如下命令,安装MySQL。 3.执行如下命令,查看MySQL版本号。 4.返回结果如下,表示您已成功安装MySQL。 5.执行如下命令,启动MySQL服务。 6. 执行如下命令,设置MySQL服务开机自启动。 7.配置MySQL的root用户密码。

    2024年02月06日
    浏览(58)
  • 【精·超详细】SpringBoot 配置多个数据源(连接多个数据库)

    目录 1.项目路径 2.pom.xml  引入依赖: 3.application.yml配置文件: 4.两个entity类 5.Conroller 6.两个Service以及两个ServiceImpl  7.两个Mapper及两个Mapper.xml  8.运行Application  然后在浏览器请求 9.查看两个数据库是否有新增数据           总结: 1.pom.xml 引入依赖: dynamic-datasource-spring-b

    2024年02月12日
    浏览(66)
  • Java连接mysql数据库的详细教程(增查)

    jdk安装: eclipse安装使用: mysql安装教程:详细参考 Navicat安装教程:参考 忽略。 鼠标右键点击Fir工程 —— New ——Folder、 文件夹命名为lib 把mysql-connector-java-5.1.13-bin.jar文件,复制到jdbc工程下的lib文件夹里。 ps:如果下载不了jar文件,可以私信我,或直接百度也行 鼠标右键

    2024年02月07日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包