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.创建你的数据库
localhost用户下: | |
创建数据库名: | root |
数据库密码 | 12345 |
创建表格 | travel |
在表格中:创建两个属性 | user,password |
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:
在网页中当自己改变网页内容时,最好在网页清空一下缓存如下图打上钩,然后刷新一下