云曦-大学习-搭建注册登入网站

双层小牛堡

已于 2023-03-02 12:07:52 修改

阅读量169

点赞数

文章标签：学习

于 2023-03-02 12:07:31 首次发布

本文链接：https://blog.csdn.net/m0_64180167/article/details/129288527

版权

zai

刚刚开始学习特别迷茫

因为发现了很多不认识的东西

比如前端的HTML代码 php执行文件还有php连接数据库的方式

我也看了很多工具 datagrip，小皮，还有我最终使用的宝塔

工具

在前面我看了很多软件，也不算看，反正对我这种初学者特别不友好，后面安装了宝塔面板

第一次打开会告诉你一个账号密码，记住

然后会跳转一个页面出来然后输入账号密码

然后又会让你注册一个新的账号密码是用手机和密码来的

后面就用第二个账号密码登入就可以了

最后安装完

是这个样子的启动面板然后打开面板会跳转

然后在软件商店安装这些

我们的准备活动就结束了。

注意！！！！！

我在安装软件迷茫了很久

php选择7.0 phpMyadmin选择安装5.0

然后

在phpMyadmin后面有一个设置

要把php版本设置成这个就可以

到此就真的结束了

1.搭建数据库

我们创建一个数据库相关数据如图所示

建立完点击后面的管理

用户名密码就是上面设置的

进去就是

然后点我们刚刚设置的名为localhost的数据库

然后新建一个数据表

设置username和password列

保存就可以退出了

2.写HTML代码

html代码对我这个初学者就是前端代码就是给别人看的样子所以我写的很垃圾

在这里面点击根目录

然后默认有index.html就是我们的初始页面我们可以在上面写前端代码

我的前端代码是这样的是默认文件名（index.html）


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>请登陆</title>   
    <link rel="stylesheet" type="text/css" media="screen" href="1.css">
    <script src="main.js"></script>
</head>
<body>
    <div id="login">
    <h1>login</h1>
    <form action="login.php" method="post">
  //action 是用来访问login.php这个文件的 然后访问的方式是post
 <input type="text" name="username"  placeholder="用户名" /> //
//input代表输入框 类型为text 叫做 username
<input type="password" name="password" placeholder="密码" />
    <br />
    <button class="tj" type="submit">登陆</button>
//button是点击框 submit为点击  然后这个点击框 叫做登录
	</form>
    <form action="link1.php" method="post">
//action 连接link1.php这个文件 这个文件是访问注册网站
// 因为我不会 所以我重新写了html代码 和上面登录的一样 就是像跳转到注册的网站
	<button class="zc" type="submit">注册</button>
	</form>
</body>
</html>

说实话这么多我都不明白我觉得需要的东西都注释在上面了

但是其中只有登入有数据

中间这个link1.php文件是下面的代码

和上面差不多

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>请注册</title>
    <link rel="stylesheet" type="text/css" media="screen" href="1.css">
    <script src="main.js"></script>
</head>
<body>
    <div id="login">
    <h1>注册</h1>
    <form action="link.php" method="post">
 <input type="text" name="username"  placeholder="用户名" />
<input type="password" name="password" placeholder="密码" />
    <br />
    <button class="tj" type="submit">注册</button>
	</form>
    
</body>
</html>

这样注册就可以有数据了

到此我的html文件就写完了

其中我之前困扰了很久的为什么html文件可以在php后缀名中使用

然后我明白了这两个是想通的 php文件可以在html中执行

所以这就是为什么我在link1.php文件中运行前端代码

3.php Mysql代码

php 文件我认为就是用来存储数据然后来访问数据库

其中有一个东西让我困扰了很久

php7.0后无法使用mysql函数而要使用mysqli函数

在此之前我们先要学习php mysql

PHP MySQL 函数

这个网站我觉得比菜鸟教程舒服因为里面有类似实战的方式教你

连接数据库的代码

我们现在需要用上面数据库的名字账号密码数据表

<?php
$servername = "localhost";  //服务器名字 因为我们是本地 
//所以用localhost或者127.0.0.1就可以
$username = "localhost";   // 数据库管理员名字
$password = "123456";   //管理员密码
$dbname = "localhost";  //数据库名字
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
//运用函数访问数据库

其实这上面的连接方式都差不多复制然后改里面““”的数据就可以了

这个代码不是完全的毕竟连?>的结尾都没有

只要我们访问了数据库我们就需要使用这个代码来访问数据库

这就和爬虫一样

类似一种格式

当我们连接数据库我们就可以进行增删改查

我们实现登入就是要实现查

登入的实现

以下是登入的代码运用mysqli实现

<?php
$servername = "localhost";
$username = "localhost";
$password = "123456";
$dbname = "localhost";

$conn = new mysqli($servername,$username,$password,$dbname);

if($conn->connect_error){
    die("连接失败".$conn-> connect_error);
}
$name = $_POST[username];    //我们将index.html的 post过来的username赋值
$pass = $_POST[password];    //我们将index.html的 post过来的password赋值
$info = mysqli_query($conn,"SELECT * FROM user where username=$name");
// mysqli_query(connection,query,resultmode) 其中connection和query是必须的
//其中query可以执行增删改查指令
$row = mysqli_fetch_array($info);
//mysqli_fetch_array() 函数从结果集中取得一行作为关联数组，或数字数组，或二者兼有
//就是取一行数据
if($row['username']!=$name){ //进行判断
    echo"不能登入,账号错误";
}
elseif ($row['username']==$name&&$row['password']!=$pass) {
    echo"不能登入,密码错误";
    // code...
}
elseif($row['username']!=$name&&$row['password']!=$pass){
    echo"不能登入，账号密码错误";
}
elseif($row['username']==$name&&$row['password']==$pass){
    echo"欢迎登入";
}
?>

其中我作为小白不理解的东西也就在里面注释了

这个就能在我的index.htlml文件中执行对数据库的检查然后返回是否可以

注意:

不一定要把这两个代码写在一个文件中我就选择分开写然后通过 index.html中 action 'login.php'执行这个文件代码

注册代码


<?php
$servername = "127.0.0.1";
$username = "localhost";
$password = "123456";
$dbname = "localhost";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
} 
$name = $_POST['username'];
$pass = $_POST['password'];
$sql = "INSERT INTO `user` (`username`, `password`) VALUES ('$name', '$pass')";
//将后面的插入语句赋值到sql里面
 
if (mysqli_query($conn, $sql)) {  //然后判断执行是否成功 执行成功
    echo "注册成功";
} else {
    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
?>

这段代码就实现了注册选项然后就可以在数据库里面可以发现我们的数据

到此就实现了宝塔面板本地搭建登入注册网站