文件提交,php写入数据库并显示在前端里(适合新手)
bigegpt 2024-10-12 06:58 12 浏览
大家好,昨天的教程有没有学会呢?
今天小编又给大家带来新知识了!!!!!
通过前端提交给php并写入数据库,在显示到前端中。
听起来是不是很乱,不过没关系只要昨天的教程学会了
对于今天的教程来说就会非常简单,有不懂的可以去看看我昨天的教程哦。
今天所用到的软件有:
sublime text3(编程软件)
phpStudy(本地测试环境)
今天所用的知识;
html基础知识(文件提交)
php基础知识(昨天教程里的知识)
MySQL基础知识(昨天教程中出现了)
首先我们先登录phpmyadmin,昨天讲过了今天我就不演示了
然后我们创建一张表命名为“nr”当然你也可以命名为你自己想要的名称(昨天有讲过今天就不演示了)
我们在给表中写入一个“id”,“nrname”(存标题用),“imgdz”(存图片地址用),“nrnr”(存内容用)
名称可以自己去不一定要用我的(昨天的教材有教过今天就不演示了)
我们在建四个文件分别为“upload.html”(提交页面),“upload.php”(接收并保存图片在写入数据库),“db.php”(数据库连接页面),“tp.php”(显示数据页面)
昨天都有见过那我今天就直接上代码了
db.php(数据库连接页面)
upload.html(文件提交页面)
upload.php(文件接收保存并写入数据库)
tp.php(显示页面)
现在我们还测试一下
选择文件
填写内容
显示页面效果图
代码共享:
db.php(数据库连接代码)
<?php
//这里是声明编码为utf-8为避免乱码!!!
header("Content-Type: text/html;charset=utf-8");
//这里是数据库连接代码可以这样写
$db = mysqli_connect('localhost','root','root','jc');
//也可以这样
//@ $db = new mysqli('localhost','root','6','jc');
//mysqli_connect('数据库地址','用户名','密码','数据库名');
//注意:一定要以分号结尾,不然会报错
//这里的@可有可无,它是忽略数据库连接的错误信息,建议新手不要添加不然,不知道自己错在哪!
//这句为数据库编码
mysqli_query($db,'set names utf8');
//这里为判断数据库是否连接成功
//if判断连接失败echo输出“数据库连接失败”
//else输出"数据库连接成功";当然也可以不加这句判断
if (mysqli_connect_errno()) {
echo "数据库连接失败";
exit;
}
else{
echo "数据库连接成功";
}
?>
upload.html(提交页面代码)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文件上传</title>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data"/>
<table>
<tr>
<td>图片</td>
<!--这句是文件上传-->
<td><input type="file" name="profile"></td>
</tr>
<tr>
<td>标题</td>
<td><input type="text" name="nrname"></td>
</tr>
<tr>
<td>内容</td>
<td><input type="text" name="nrnr"></td>
</tr>
<tr>
<td><input type="submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
upload.php(接收页面代码)
<?php
//这句引用我们上节课的db.php数据库连接页面
include('db.php');
//这句是把提交过来的对象赋值
$nrname = $_POST['nrname'];
$account = $_POST['nrnr'];
//1.上传的文件类型是否符合要求
$last = strrpos($_FILES['profile']['name'],'.')+1;//获取.在文件名中最后一次出现的位置
$suffix = substr($_FILES['profile']['name'],$last);//获取文件名后缀
$arr = array('jpg','png','gif');//将常用图片文件后缀保存为一个数组
//2.if语句判断上传文件是否为图片文件
if (!in_array($suffix, $arr)) {
echo "不支持此格式";
exit;
}
//3.文件重命名,随机重命名
$path = 'upload/'.mt_rand().time().'.'.$suffix;//上传文件保存的位置
move_uploaded_file($_FILES['profile']['tmp_name'], $path);//将文件保存到指定位置
//这句是sql语句,和上节课的内容一样
$sql="INSERT INTO `nr`(`nrname`, `imgdz`, `nrnr`) VALUES ('$nrname','$path','$account')";
$result=$db->query($sql);
if ($result) {
echo mysqli_affected_rows($db). "插入成功";
}
else{
echo "插入失败";
}
?>
tp.php(数据显示代码)
<?php
include('db.php');
//引用db.php
mysqli_query($db,'set names utf8');
//这句为sql查询语句
$sql = "SELECT * FROM `nr` ";
//这句为执行sql语句
$result=mysqli_query($db,$sql);
//这句为来确定sql语句操作返回了多少行记录
$num_result=mysqli_num_rows($result);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>显示</title>
<style type="text/css">
.kj{
width: 1080px;
height: auto;
margin: 0 auto;
overflow: auto; zoom: 1;
}
.left{
width: auto;
height: auto;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.r{
width: auto;
height: auto;
float: right;
margin-right: 10px;
}
</style>
</head>
<body>
<div class="kj">
<?php for ($i=0; $i < $num_result; $i++) { ?>
<?php $row=mysqli_fetch_assoc($result); ?>
<div class="left">
<img src="<?php echo stripslashes($row['imgdz']); ?>" width="520px;">
<br>
<span><?php echo stripslashes($row['nrname']); ?></span>
<br>
<span><?php echo stripslashes($row['nrnr']); ?></span>
</div>
<div class="r">
<img src="<?php echo stripslashes($row['imgdz']); ?>" width="520px;">
<br>
<span><?php echo stripslashes($row['nrname']); ?></span>
<br>
<span><?php echo stripslashes($row['nrnr']); ?></span>
</div>
<?php } ?>
</div>
</body>
</html>
大家要多练哦,不然会对代码生疏的。
有不理解的和想要本次教程中的文件可以在下面留言哦,我会在第一时间回复的,又要合作的也可以给我留言哦。
相关推荐
- 当Frida来“敲”门(frida是什么)
-
0x1渗透测试瓶颈目前,碰到越来越多的大客户都会将核心资产业务集中在统一的APP上,或者对自己比较重要的APP,如自己的主业务,办公APP进行加壳,流量加密,投入了很多精力在移动端的防护上。而现在挖...
- 服务端性能测试实战3-性能测试脚本开发
-
前言在前面的两篇文章中,我们分别介绍了性能测试的理论知识以及性能测试计划制定,本篇文章将重点介绍性能测试脚本开发。脚本开发将分为两个阶段:阶段一:了解各个接口的入参、出参,使用Python代码模拟前端...
- Springboot整合Apache Ftpserver拓展功能及业务讲解(三)
-
今日分享每天分享技术实战干货,技术在于积累和收藏,希望可以帮助到您,同时也希望获得您的支持和关注。架构开源地址:https://gitee.com/msxyspringboot整合Ftpserver参...
- Linux和Windows下:Python Crypto模块安装方式区别
-
一、Linux环境下:fromCrypto.SignatureimportPKCS1_v1_5如果导包报错:ImportError:Nomodulenamed'Crypt...
- Python 3 加密简介(python des加密解密)
-
Python3的标准库中是没多少用来解决加密的,不过却有用于处理哈希的库。在这里我们会对其进行一个简单的介绍,但重点会放在两个第三方的软件包:PyCrypto和cryptography上,我...
- 怎样从零开始编译一个魔兽世界开源服务端Windows
-
第二章:编译和安装我是艾西,上期我们讲述到编译一个魔兽世界开源服务端环境准备,那么今天跟大家聊聊怎么编译和安装我们直接进入正题(上一章没有看到的小伙伴可以点我主页查看)编译服务端:在D盘新建一个文件夹...
- 附1-Conda部署安装及基本使用(conda安装教程)
-
Windows环境安装安装介质下载下载地址:https://www.anaconda.com/products/individual安装Anaconda安装时,选择自定义安装,选择自定义安装路径:配置...
- 如何配置全世界最小的 MySQL 服务器
-
配置全世界最小的MySQL服务器——如何在一块IntelEdison为控制板上安装一个MySQL服务器。介绍在我最近的一篇博文中,物联网,消息以及MySQL,我展示了如果Partic...
- 如何使用Github Action来自动化编译PolarDB-PG数据库
-
随着PolarDB在国产数据库领域荣膺桂冠并持续获得广泛认可,越来越多的学生和技术爱好者开始关注并涉足这款由阿里巴巴集团倾力打造且性能卓越的关系型云原生数据库。有很多同学想要上手尝试,却卡在了编译数据...
- 面向NDK开发者的Android 7.0变更(ndk android.mk)
-
订阅Google官方微信公众号:谷歌开发者。与谷歌一起创造未来!受Android平台其他改进的影响,为了方便加载本机代码,AndroidM和N中的动态链接器对编写整洁且跨平台兼容的本机...
- 信创改造--人大金仓(Kingbase)数据库安装、备份恢复的问题纪要
-
问题一:在安装KingbaseES时,安装用户对于安装路径需有“读”、“写”、“执行”的权限。在Linux系统中,需要以非root用户执行安装程序,且该用户要有标准的home目录,您可...
- OpenSSH 安全漏洞,修补操作一手掌握
-
1.漏洞概述近日,国家信息安全漏洞库(CNNVD)收到关于OpenSSH安全漏洞(CNNVD-202407-017、CVE-2024-6387)情况的报送。攻击者可以利用该漏洞在无需认证的情况下,通...
- Linux:lsof命令详解(linux lsof命令详解)
-
介绍欢迎来到这篇博客。在这篇博客中,我们将学习Unix/Linux系统上的lsof命令行工具。命令行工具是您使用CLI(命令行界面)而不是GUI(图形用户界面)运行的程序或工具。lsoflsof代表&...
- 幻隐说固态第一期:固态硬盘接口类别
-
前排声明所有信息来源于网络收集,如有错误请评论区指出更正。废话不多说,目前固态硬盘接口按速度由慢到快分有这几类:SATA、mSATA、SATAExpress、PCI-E、m.2、u.2。下面我们来...
- 新品轰炸 影驰SSD多款产品登Computex
-
分享泡泡网SSD固态硬盘频道6月6日台北电脑展作为全球第二、亚洲最大的3C/IT产业链专业展,吸引了众多IT厂商和全球各地媒体的热烈关注,全球存储新势力—影驰,也积极参与其中,为广大玩家朋友带来了...
- 一周热门
- 最近发表
-
- 当Frida来“敲”门(frida是什么)
- 服务端性能测试实战3-性能测试脚本开发
- Springboot整合Apache Ftpserver拓展功能及业务讲解(三)
- Linux和Windows下:Python Crypto模块安装方式区别
- Python 3 加密简介(python des加密解密)
- 怎样从零开始编译一个魔兽世界开源服务端Windows
- 附1-Conda部署安装及基本使用(conda安装教程)
- 如何配置全世界最小的 MySQL 服务器
- 如何使用Github Action来自动化编译PolarDB-PG数据库
- 面向NDK开发者的Android 7.0变更(ndk android.mk)
- 标签列表
-
- mybatiscollection (79)
- mqtt服务器 (88)
- keyerror (78)
- c#map (65)
- resize函数 (64)
- xftp6 (83)
- bt搜索 (75)
- c#var (76)
- mybatis大于等于 (64)
- xcode-select (66)
- mysql授权 (74)
- 下载测试 (70)
- linuxlink (65)
- pythonwget (67)
- androidinclude (65)
- libcrypto.so (74)
- logstashinput (65)
- hadoop端口 (65)
- vue阻止冒泡 (67)
- jquery跨域 (68)
- php写入文件 (73)
- kafkatools (66)
- mysql导出数据库 (66)
- jquery鼠标移入移出 (71)
- 取小数点后两位的函数 (73)