数据库之PHP联动

目录

一、软件安装

二、软件讲解

三、搭配环境

四、编辑软件配置

五、成果展示


如果有人问:为什么非要用xampp、VS code编辑软件?不用phpstudy等其他工具。

那么我只想说:因为xampp、VS code编辑软件免费(ಡωಡ)hiahiahia 


一、软件安装

下载连接:XAMPP Installers and Downloads for Apache Friendsicon-default.png?t=N7T8https://www.apachefriends.org/zh_cn/index.html

选择根据自己电脑类型(Windows,Linux,OS X)的软件下载,点击下载后如果没有反应。

以迅雷为例:

点击图标,然后选中文件继续下载。

在下载完软件后,安装过程中除了安装路径更改(默认C盘)其他的不用管,一直点击下一步即可完成安装。


二、软件讲解

 XAMPP是一个功能强大的建站集成软件包,一个流行的开源Web服务器包,集成了Apache HTTP服务器、MySQL数据库、PHP和Perl。

XAMPP是一个免费且开源的软件套件,用于在个人计算机上轻松搭建和运行Apache服务器、MySQL数据库、PHP和Perl。

XAMPP是一个用于开发和测试的工具,不适合用于生产环境。对于需要大规模部署和管理的项目,XAMPP可能不是最佳选择。


以系统管理员用户登录,将下载的包在服务器上解压到任意目录(不能放在中文名目录内),然后运行setup_xampp.bat初始化XAMPP。接着,运行xampp-control.exe可以启动或停止Apache、MySQL等各个模块,并可将其注册为服务。

Apache:显示其PID(进程ID)为31716,监听端口为80和443(通常用于HTTP和HTTPS)。提供了停止、管理、配置、日志、Shell等操作选项。

MySQL:显示有启动问题,因为端口3306被占用,提示“Unable to open process”,这意味着MySQL无法在该端口上启动。MySQL模块提供了启动、管理、配置、日志、资源管理器(Explorer)等选项。

FileZilla:显示为已启动状态,同样提供了管理、配置、日志等选项。注意,FileZilla是一个FTP客户端,通常不直接集成在XAMPP中,这可能是用户额外安装或配置的。

Mercury:一个邮件服务器模块,显示为已启动状态,提供了管理、配置、日志等选项。

Tomcat:Java Servlet容器,用于部署Java Web应用程序,显示为未启动状态,但提供了启动、管理、配置、日志等选项。 


三、搭配环境

通过XAMPP控制面板启动Apache服务器和MySQL服务器后,用户可以在htdocs文件夹中放置网站的相关代码和图片等资源,然后通过浏览器访问localhost(查看网站根目录)来查看网站。

当然,在上图中可以看到"MySQL:显示有启动问题,因为端口3306被占用,提示“Unable to open process”,这意味着MySQL无法在该端口上启动"

主要是因为在本机上单独安装了MySQL,并启动了mysql80服务,因此在xampp软件上并不能开启MySQL服务。


打开xampp文件夹中的htdocs文件夹,因为此文件夹路径是网站开发默认的路径。在此文件夹中建立php文件。

 打开网站,在搜索栏中输入localhost,即可查看htdocs文件夹中名为index.php的页面,这是默认的首项。

如果想要查看其他.php文件只需在localhost后面加上\文件名.php。

四、编辑软件配置

使用VS code编辑软件进行编写.php文件。

下载插件Chinese Language下载好后重新打开软件,为了汉化软件语言。

在编辑前需要下载插件:

Open in brower(可以编写完HTML文件后右键,选中Open In Default Browser即可运行)

PHP IntelliSense(有内置函数,可以弹出提示)

Code Runner(直接在软件的输出界面中得到一些小程序的结果)

每个下载好后都需要重新打开软件,使插件运行。

php cs fixer(在编辑完成后点击保存即可自动格式化编写的程序)

但需要做以下操作:

附加:如果需要在VS code界面直接右键点击运行,往往是会报错,无法正常运行操作的。

需要做以下步骤:

1.下载插件Open PHP/HTML/JS in browser,并重新启动保证插件正常运行。

2.打开下载的xampp软件中htdocs文件夹,保存路径,在VS code界面选择文件,找到首选项-设置-扩展,打开找到如下界面:

把自己的路径复制到Document Root Folder下,并在最后加上\。 


五、成果展示

如下为创建MySQL数据库的.php文件代码。

创建了一个名为 "myDB" 的数据库:

<?php
$servername = "localhost";
$username = "username";
$password = "password";
 
$conn = new mysqli($servername, $username, $password);

if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
} 
 
$sql = "CREATE DATABASE myDB";
if ($conn->query($sql) === TRUE) {
    echo "数据库创建成功";
} else {
    echo "Error creating database: " . $conn->error;
}
 
$conn->close();
?>

如下三行代码需要填写自己的数据库信息:服务器名(一般默认为localhost),用户名(执行创建数据库命令的一般为高级用户,如:root用户),密码。

​
$servername = "localhost";
$username = "username";
$password = "password";
​

如果需要指定端口号,可以在$servername参数中通过冒号(:)分隔主机名和端口号。但一般MySQL数据库默认的端口号为3306。

如下便是运行后的结果:

 在数据库中查看结果如下:

 

  • 22
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Vue三级联动数据存入数据库的步骤如下: 1. 创建数据库表结构:首先,需要在数据库中创建适当的表结构,以存储三级联动数据。可以创建三个表,分别表示省、市、区级别的数据,每个表包含相应的字段。 2. 前端界面设计:在Vue的前端界面中,需要设计三级联动的选择框,并通过v-model绑定相应的数据。 3. 获取选择的数据:当用户在界面上选择了省、市、区的选项后,需要通过Vue的事件监听或者watch来获取相应的值。 4. 后端数据传输:将获取到的省、市、区数据传输到后端,可以通过axios或者其他请求库将数据以JSON格式发送给后端。 5. 后端数据处理:在后端接收到省、市、区数据后,可以对数据进行处理,包括数据校验、数据关联等。 6. 数据存入数据库:使用后端语言(例如PHP、Node.js等)操作数据库,将处理后的省、市、区数据存入相应的表中。 7. 数据操作返回:在数据存入数据库后,后端可以返回相应的状态码或者成功信息给前端。 8. 前端提示用户:前端可以根据后端返回的信息,提示用户数据存储成功或者出错的信息。 总结:将Vue三级联动数据存入数据库需要前后端协作,前端负责获取用户选择的数据并发送给后端,后端负责处理数据并存入数据库。通过合理的设计和协作,可以实现三级联动数据的存储。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阳阳大魔王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值