用简单，易懂的方法将数据库和网页连接起来（例：登陆注册页面）

PHP技术，远比用java写代码连接数据库简单得多，下面看我的详细介绍：

1.首先要下载：phpstudy_pro（关注我可以免费下载哦！）

2.然后打开phpstudy_pro，启动Apache服务器（每次想要链接数据库都要先做这个操作）

（想要详细了解PHP服务器可以点击—-> https://blog.csdn.net/qq_780662763/article/details/108346226″>可以点击—-> https://blog.csdn.net/qq_780662763/article/details/108346226）

3.创建你的数据库

4.然后再自己网页编辑软件上（本人的是VScode）

先创建个后缀名为“.htaccess”的文件，在里面填上如下代码：

（

作用：简化网页后缀名
例如：原来为-“register3.html/register3.php”的文件

写上这个代码后：可以用register3直接代替

）

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^([^\.]+)$ $1.php [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^([^\.]+)$ $1.html [NC,L]

​​​​​​​

后创建，三个后缀名为”.php”的文件，在里面填上如下代码：

A.第一个文件，写登陆页面：

<?php

session_start();

if($_POST[‘user’]&&$_POST[‘password’])//判断有无数据传入（账号，密码）

{

if($_SESSION[‘logged’])die(“notexited”);//重复登陆的处理

$conn=mysqli_connect(“localhost”,”root”,”12345″,”travel”);//存放数据库的链接（后面括号里分别你要连接数据库的-用户名-数据库名-数据库密码-表名）

$result=$conn->query(“SELECTCOUNT(user)FROMlogonWHERE`user`=\”{$_POST[‘user’]}\”AND`password`=\”{$_POST[‘password’]}\”;”);//查询语句，将从数据库查询到的记录，赋值给result

if($result->fetch_array()[0])$_SESSION[‘logged’]=true;//比较，如果result里不为空，真名有查询到数据，就说明该用户存在。

elsedie(‘fail’);

die(‘success’);

}elseinclude(“login3.html”);//如果为无数据传入，则再次返回该（login3.html）页面

?>

这里的代码需要改的有：

（必须额确保你的html里写的id和这里的匹配）

第六行：改成你的数据库用户名，数据库名。。。。

倒数第二行的：login3.html–改成你的登陆页面名称

B.第二个文件里，写注册页面

<?php

if($_POST[‘user’]&&$_POST[‘password’])

{

$conn=mysqli_connect(“localhost”,”root”,”12345″,”travel”);

$conn->query(“INSERTINTOlogon(`user`,`password`)VALUE(\”{$_POST[‘user’]}\”,\”{$_POST[‘password’]}\”);”);//和登陆页面的主要区别:这里换成了数据库中的插入语句

if(mysqli_commit($conn))die(‘success’);//如果执行成功，则返回success；

die(‘fail’);

}elseinclude(“register3”);

?>

这里需要改的内容：

第四行数据库的相关内容

倒数第二行把“register3”改成你的页面名

C. 第三个文件：就是对用户体验的优化：

每次点击登陆/注册后，清除输入框内的内容：

<?php

//清空session数据；每次初始化；

session_start();

session_destroy();

Header(“Location:connection.html”);

?>

5.下面写js代码：

放在注册页面中（register.html）

(functioncustomsubmit(){

$(document).ready(function(){//文档加载完成，自动初始化

$(“form”).submit(function(event){//处理表单提交的数据

event.preventDefault();//阻止页面跳转

letstatus=validateform();//检查合法性

if(!status)returnfalse;

leturl=’register’;

letuser=$(‘#username’).val();

letpassword=$(‘#password’).val();

$.post(url,{user,password},function(data){//异步请求接口(post)获取数据；

if(data==’success’){

alert(‘注册成功’);

location.href=’login’;

}

elsealert(‘注册失败’);

})

});

});

})()

放在登陆页面（login.html）中

(functioncustomsubmit(){

$(document).ready(function(){

$(“form”).submit(function(event){

event.preventDefault();

letstatus=validateform();

if(!status)returnfalse;

leturl=’login’;//APIinterface

letuser=$(‘#username’).val();//value’user’

letpassword=$(‘#password’).val();//value’user’

$.post(url,{user,password},function(data){

if(data==’success’){

alert(‘登录成功’);

location.href=’index.html’;

}

elseif(data==’notexited’)alert(‘您已登录’);

elsealert(‘密码错误’);

})

});

});

})()

需要改的是：

上面的两个做的操作差不多，可以类似的改一下

下面以第二个代码为标准讲一下：

第五行的函数–“validateform()”—这是我写的检验输入格式的，可以换成你自己的//或者把这行删去

第七行换成你的—-后缀名为“.php”的文件，前面的名字（例ABC.html就是换成ABC就可以了）

第十三行的“index.html”—-换成你的想要等登陆成功/注册成功后现实的页

6.将自己制作的网页放入下载的phpstudy_pro文件的名称为www的文件夹下

7.在网页输入localhost/网页名,就可以登录自己的网页，在这里就可以登录/注册

例：localhost/index.html

localhost/login.html

TOPS：
在网页中当自己改变网页内容时，最好在网页清空一下缓存如下图打上钩，然后刷新一下