html页面通过http访问mysql数据库中的内容，实现用户登录的功能

最新推荐文章于 2024-05-18 08:43:49 发布
最新推荐文章于 2024-05-18 08:43:49 发布
阅读量1.5w 收藏 136
点赞数 14
文章标签： 数据库 php 开发工具
原文链接：http://www.cnblogs.com/MrZWJ/p/10279019.html
版权

需求：

　　通过html编写用户登录页面，页面内容包括用户名、密码和登录按钮，点击登录后访问login.php文件，使用按钮默认的submit提交用户名和密码，在login.php中访问mysql数据库，查找是否存在用户名和密码均相同的项，然后通过判断$mysqli->num_rows是否为0，为0时表示数据库中没有相同的数据，通过echo向html页面返回‘失败’的信息，反之则返回‘成功’

源码：

login.html

<!DOCTYPE html>
<html>
 <head>
  <title>用户登录界面</title>
  <meta charset="UTF-8" />
 </head>
 <body>
  <filedset>
   <legend>用户登录界面</legend>
   <form id='myform' action='login.php' method='post'>
    <table>
     <tr>
      <td>用户名：</td>
      <td><input type='text' id='userName' name='username'></td>
     </tr>
     <tr>
      <td>密   码：</td>
      <td><input type='text' id="passWord" name='password'></td>
     </tr>
     <tr>
      <td></td>
      <td><input type='submit' value='登录'></td>
     </tr>
    </table>
    
   </form>
  </filedset>
 </body>
</html>

 

login.php

<?php
 header('Content-Type:text/html; charset=utf-8;');
 $username=$_POST['username'];
 $password=$_POST['password'];
 $mysqli=new mysqli('127.0.0.1','root','','day1','3306');
 $sql="select * from people where username='$username' AND password='$password'";
 $mysqli->query("SET NAMES UTF8");
 $result=$mysqli->query($sql);
 if($result->num_rows!=0){
  echo '成功';
 }else{
  echo '错误';
 }
 $mysqli->close();
?>

 

结果图：

初始界面

错误信息填写

错误信息登录后返回的结果

正确填写信息

正确信息返回结果

使用到的工具：记事本（注意代码中的编码问题，将后缀名.txt改为.php或者.html时要记得另存为并选择编码为utf-8）,XMAPP(集成mysql和apache，欧鹏浏览器)

 

转载于:https://www.cnblogs.com/MrZWJ/p/10279019.html

diaoting2815
关注
  • 14
    点赞
  • 踩
  • 136
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html+css+php+mysql实现注册+登录+修改密码（附完整代码）
m0_67402125的博客
07-31 1万+
目的在利用QT软件进行登录软件开发时，就想要实现点击按钮跳转到指定网页进行注册以及修改密码等操作，就像QQ客户端那样可以实现网页端修改密码，申请账户等操作；（因需要开启花生壳内网穿透，如需体验可私聊！）目前已经实现的操作html界面；html跳转php；php连接数据库；php实现对数据库的增删改查。...
html登录 页面连接数据库,连接数据库实现登录页面
weixin_31309419的博客
06-03 1万+
1、数据库Database: `booksshop`---- ------------------------------------------------------------ 表的结构 `think_user`--CREATE TABLE IF NOT EXISTS `think_user` (`user_id` int(11) NOT NULL,`user_name` varchar(2...
HTML实战(6):静态网页的“数据库”
最新发布
nianfen的博客
05-18 643
html展示轻量化数据
实战项目—使用Python,SqlServer,HTML实现简单登录模块
给你糖ya的博客
03-31 6106
近期应老师的要求，要使用一门编程语言连接数据库制作一个简单的登录模块，对于没有做过项目的小白来说，根本无从下手，甚至不能理解怎么跨平台操作。经过近一周的查资料，改代码，磕磕绊绊总算是实现了。 我是用的语言是Python，后端平台在pycharm操作，前段使用HTML，平台在VScode，数据库使用SqlServer。
html如何使用mysql数据库_html怎么连接数据库
weixin_31282885的博客
02-01 2万+
html里怎么用javascript连接数据库CSS布局HTML小编今天和大家分享助，要代码理论上是不要这么做的 javascript代码会暴露给客户端 你的数据库地址 帐号 密码都会暴露 建议采取用动态语言读取数据库 比如 asp php jsp asp.net等都可以 然后用javascript 去提交参数给动态页面,也就是所谓的ajax的方式.html怎么和数据库连接？方法和详细的操作步骤如...
html连接mysql数据库代码,详细版页面操作数据库
weixin_39671964的博客
03-19 903
[html]代码库JS操作数据库sdssdsssdssssdsdsdvar conn, rs;/*获取数据库连接*/function getConnection() {conn = new ActiveXObject("ADODB.Connection");// 1.JavaScript操作数据库JS操作Access数据库// 在F盘有文件abc.mdf，表名为user，一共2个字段，id数字类型...
html怎么连接mysql_html怎么连接数据库
weixin_34587189的博客
02-06 9079
大家好，我是时间财富网智能客服时间君，上述问题将由我为大家进行解答。HTML静态本身是不可以直接连接数据库的，但是可以在静态网页里嵌套一个JS脚本，再在这个JS或里连接数据库。这样就达到了HTML静态网页显示数据库内容的目标。超文本标记语言(Hyper Text Markup Language)，缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 (marku...
javaweb+mysql数据库实现注册登录程序
03-06
本项目"javaweb+mysql数据库实现注册登录程序"旨在教你如何使用Java Web技术和MySQL数据库来创建这样一个系统。以下是这个项目涉及到的关键知识点： 1. **Java Web基础**：Java Web开发主要涉及Servlet、JSP（Java...
jsp+Mysql实现用户登录，含数据库
09-16
本项目通过结合JSP（JavaServer Pages）和MySQL数据库实现了这样一个系统，旨在为不同身份的用户提供安全的登录功能。以下将详细讲解该项目涉及的技术点和实现流程。 1. **JSP**：JSP是一种动态网页技术，它允许...
JAVAWEB+Mysql数据库实现注册登录数据库
03-06
每次用户访问受保护的页面时，都会检查session中的登录信息，确保用户已经验证。 在实际开发中，还需要考虑其他方面，比如防止SQL注入、处理异常情况、实现验证码功能以增加安全性，以及使用框架如Spring MVC或...
web端显示MySQL数据库中内容
06-21
总结来说，"web端显示MySQL数据库中内容"是通过JSP和MySQL数据库相结合，实现动态生成Web页面，展示数据库中的信息。项目不仅关注功能实现，还注重用户界面的美化，通过背景显示提升了整体的视觉效果。这样的技术...
HTML+Servlet实现了登录操作数据库
01-09
#### HTML+Servlet登录案例 需求： 1. 用户名和密码正确，将用户成功的信息保存在请求域中，转发到另一个页面，显示用户登录成功 2. 用户名和密码错误，重定向到另一个html页面，显示登录失败。 3. 使用表示层，业务层，数据访问层的三层结构实现
html5下mysql登陆实例
11-03
html5下,连接MySQL数据库的实例,包含增删查改,并登录的实例
javaweb登录功能实现，eclipse开发工具，mysql作为数据库
07-11
在本文中，我们将深入探讨如何使用JavaWeb技术实现一个简单的登录功能，主要涉及Eclipse开发工具、Servlet处理以及MySQL数据库的连接。这个过程包括前端页面的设计、后端逻辑的编写以及与数据库的交互。 首先，我们...
PHP登录页面信息提示方法
wml
07-31 4392
login.php: Insert title here 帐号： 密码： <?php echo "";//通过 error 值，确定提示信息if(!empty($_GET['error'])){ $error=$_GET['error']; If($error==1){ Echo "您输入的账号或密
html中加入数据库,HTML中如何连接数据库？
weixin_28687807的博客
05-31 2万+
匿名用户1级2013-07-25 回答HTML5连接数据库分为以下几步：预备知识：WebSQLDatabase，Html5环境下可以用Js执行CRUD的Web数据库组件。核心方法如下：1、openDatabase：这个方法使用现有数据库或创建新数据库创建数据库对象。2、transaction：这个方法允许我们根据情况控制事务提交或回滚。3、executeSql：这个方法用于执行真实的SQL查询...
html页面动态连接到mysql数据库（上）
热门推荐
陈建维
01-12 11万+
一、配置好环境： 需要安装配置的软件环境： jdk、tomcat服务器、eclipse、mysql（可以使用附加的图形界面软件工具：navicat for mysql)、webstorm。 二、编写web项目文件 先用webstorm编辑好web项目文件。 三、根据web项目的数据需求设计和建造数据库表。 用例：         新建数据库名为：users；
pychram做一个登陆注册页面用户信息保存在mysql数据库中
05-17
好的，这里给您提供一个简单的示例代码，帮助您实现基本的注册和登录功能，使用 Python Flask 框架和 MySQL 数据库： 1. 安装所需的 Python 库 ``` pip install Flask flask-mysqldb ``` 2. 创建一个名为 `app.py` 的文件，并在其中添加以下代码： ```python from flask import Flask, render_template, request, redirect, session from flask_mysqldb import MySQL import bcrypt app = Flask(__name__) # 设置 session 密钥 app.secret_key = 'secret_key' # MySQL 配置 app.config['MYSQL_HOST'] = 'localhost' app.config['MYSQL_USER'] = 'root' app.config['MYSQL_PASSWORD'] = 'password' app.config['MYSQL_DB'] = 'users' mysql = MySQL(app) # 用户注册 @app.route('/register', methods=['GET', 'POST']) def register(): if request.method == 'POST': name = request.form['name'] email = request.form['email'] password = request.form['password'].encode('utf-8') hashed_password = bcrypt.hashpw(password, bcrypt.gensalt()) # 插入用户信息到数据库中 cur = mysql.connection.cursor() cur.execute("INSERT INTO users(name, email, password) VALUES (%s, %s, %s)", (name, email, hashed_password)) mysql.connection.commit() cur.close() session['name'] = name session['email'] = email return redirect('/') return render_template('register.html') # 用户登录 @app.route('/login', methods=['GET', 'POST']) def login(): if request.method == 'POST': email = request.form['email'] password = request.form['password'].encode('utf-8') # 从数据库中获取用户信息 cur = mysql.connection.cursor() cur.execute("SELECT * FROM users WHERE email = %s", [email]) user = cur.fetchone() cur.close() # 验证密码是否正确 if user and bcrypt.checkpw(password, user[3].encode('utf-8')): session['name'] = user[1] session['email'] = user[2] return redirect('/') else: return render_template('login.html', error='Invalid email or password') return render_template('login.html') # 用户注销 @app.route('/logout') def logout(): session.clear() return redirect('/') # 首页 @app.route('/') def index(): if 'name' in session: return render_template('index.html', name=session['name'], email=session['email']) else: return redirect('/login') if __name__ == '__main__': app.run(debug=True) ``` 3. 在项目根目录下创建一个名为 `templates` 的文件夹，并在其中创建以下三个 HTML 模板文件： - `register.html`，用于用户注册页面 ```html <!DOCTYPE html> <html> <head> <title>Register</title> </head> <body> <h2>Register</h2> <form method="POST" action="/register"> <input type="text" name="name" placeholder="Name"><br><br> <input type="email" name="email" placeholder="Email"><br><br> <input type="password" name="password" placeholder="Password"><br><br> <input type="submit" value="Register"> </form> </body> </html> ``` - `login.html`，用于用户登录页面 ```html <!DOCTYPE html> <html> <head> <title>Login</title> </head> <body> <h2>Login</h2> {% if error %} <p style="color: red;">{{ error }}</p> {% endif %} <form method="POST" action="/login"> <input type="email" name="email" placeholder="Email"><br><br> <input type="password" name="password" placeholder="Password"><br><br> <input type="submit" value="Login"> </form> </body> </html> ``` - `index.html`，用于用户登录后的首页 ```html <!DOCTYPE html> <html> <head> <title>Homepage</title> </head> <body> <h2>Welcome, {{ name }}!</h2> <p>Your email is: {{ email }}</p> <a href="/logout">Logout</a> </body> </html> ``` 4. 在 MySQL 数据库中创建一个名为 `users` 的表，用于存储用户信息： ```sql CREATE TABLE `users` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(50) NOT NULL, `email` varchar(100) NOT NULL, `password` varchar(255) NOT NULL, PRIMARY KEY (`id`), UNIQUE KEY `email` (`email`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; ``` 现在您可以运行 `app.py`，在浏览器中访问 `http://localhost:5000/register` 进行用户注册，访问 `http://localhost:5000/login` 进行用户登录，访问 `http://localhost:5000/logout` 进行用户注销。登录后访问 `http://localhost:5000/` 可以看到用户的个人主页。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值