本日

通过前端提交给php并写入数据库,在显示到前端中。

听起来是不是很乱,不过没紧要只要昨天的教程学会了

对付本日的教程来说就会非常大略,有不懂的可以去看看我昨天的教程哦。

前端怎么加载php内容文件提交php写入数据库并显示在前端里合适新手 AJAX

本日所用到的软件有:

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 \"大众数据库连接成功\"大众;

}

?&gt;

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>

大家要多练哦,不然会对代码生疏的。

有不理解的和想要本次教程中的文件可以不才面留言哦,我会在第一韶光回答的,又要互助的也可以给我留言哦。