后端连接数据库

一、打开phpstudy

这里我用的是2018版本，php文件没有phpstuddy建立中间桥梁是无法直接连接到web的，其他方法这里不讲。

二、打开HBuilder X

新建目录，并在目录下新建一下文件
编写html文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>shine留言板</title>
		<link rel="stylesheet" href="css.css">
	</head>
	<body>
		<div class="box">
			<div class="list"><a href="list.html">浏览留言板列表</a>
			<form action="" method="post">
				用户: <input type="text" size="10" name="user"><br>
				标题: <input type="text" size="10" name="title"><br>
				内容：<br><textarea name="content"></textarea><br>
				<input type="submit" value="发布留言" name="submit"/>
			</form>
			
			</div>
			
		</div>
	</body>
</html>

编写css文件

a:link{
	text-decoration: none;  /*去掉A标签的下划线*/
	color: #000000;         
}
/*整个页面的设计*/
body{
	font-size: 10pt;
	line-height: 20pt;     /* 高度 */
	background-color: #298FC2;   /* 背景颜色 */
}
/* 文本域的设计 */
textarea{
	font-size: 10pt;   /* 字体大小 */
	font-family: "仿宋","arial black";  /* 字体样式 */
	border: 0.25rem solid #B7C51C;
	padding: 5px;
}
/* form设计 */
form{
	margin: 0rem;
	padding: 0rem;
}
.box{
	width: 100px;
	height: 100%;
}
.list{
	padding: 10pt 0;
}

编写php文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>留言页面</title>
		<link rel="stylesheet" type="text/css" href="css.css"/>
	</head>
	<table width="500" border="0" align="center" cellspacing="5" cellpadding="1" bgcolor="#F0F0F0" >
		<tr bgcolor="#FFFFCC">
			<td>
				<font color="red">标题:</font>
				<div align="right"><a href="">删除</div>
			</td>
		</tr>
		<tr bgcolor="#FFFFCC">
			<td>
				<font color="red">用户:</font>
			</td>
		</tr>
		<tr bgcolor="#FFFFCC">
			<td>
				<font >发表内容:</font>
			</td>
		</tr>
		<tr bgcolor="#FFFFCC">
			<td>
				<div >时间:	
				</div>

			</td>
		</tr>
		<tr bgcolor="#FFFFCC">
			<td>
				<div align="right"><a href="add.html">返回列表</div>
			</td>
		</tr>
	</table>
</html>

到这里咱们的准备工作就做完了。

三、navicat是什么？
“Navicat”是一套可创建多个连接的数据库管理工具，用以方便管理 MySQL、Oracle、PostgreSQL、SQLite、SQL Server、MariaDB 和/或 MongoDB 等不同类型的数据库，并支持管理某些云数据库，例如阿里云、‎腾讯云。Navicat 的功能足以符合专业开发人员的所有需求，但是对数据库服务器初学者来说又相当容易学习。Navicat 的用户界面 (GUI) 设计良好，让你以安全且简单的方法创建、组织、访问和共享信息。

四、php连接数据库基本语法

mysqli_connect()
打开一共mysql数据库连接
用法：mysqli_connect(“本地ip”，“mysql账号”，“mysql密码” )
Die（）
输出一条消息，返回当前文本
用法：Die(“文字”)
mysqli_select_db()
用于更改连接数据库
用法：mysqli_select_db(“要连接的数据库”，规定使用什么连接)
mysqli_query()
执行某个数据库的查询
用法 mysqli_query(数据库名称，“查询的字符串”)
mysqli_fetch_array()
取得一组关联数组
用法：mysqli_fetch_array(result,规定的三种里面选一种)
还有一些别的语法不一一概括了，可以自行了解。

五、创建数据库并配置连接
1.创建一个数据库
右键点击localhost 新建数据库

2.随机命名一个数据库
我这里命名为1，方便后面查找。

3.创建一个表

4.创建字段
ctrl+s 保存表名为message

5.创建一个 conn.php的文件，建立数据库连接

在conn.php中输入以下代码

<?php
/* 定义变量，建立连接 */
	$conc= mysqli_connect("localhost",root,root) or die("数据库连接错误");
	/* 输入，var_dump意思为返回数据类型 */
	echo"连接成功";
	$select = mysqli_select_db($conc,"1");
	var_dump($select);
	mysqli_query($conc,"set names'utf8'");
?>

在web中查看详情
说明连接没有问题

6.新建一个add.php文件输入代码

<?php
	include ("conn.php");
	if($POST['submit']){
		$sql="insert into message(user,title,content,lastdata)".
		"values ('$_POST[user]', '$_POST[title]', '$_POST[content]', now())";
		mysqli_query($conn,$sql);
		echo " <script>alert('添加成功');history.go(-1)</script>";
	}
?>