代码：前端与数据库交互的登陆界面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录</title>
</head>
<body>
<p>账号：<input type="text" id="user"></p>
<p>密码：<input type="text" id="pass"></p>
<button id="login">登录</button>
<button id="add">注册</button>
<script src="ajax.js"></script>
<!--
接口文档
method: get
url: './data/user.php'
参数：
type = login 登录
add 注册
user = 用户名
pass = 用户密码
返回：
{err:0,msg:'登录成功'}
-->
<script>
var login = document.querySelector('#login');
var add = document.querySelector('#add');
var user = document.querySelector('#user');
var pass = document.querySelector('#pass');
login.onclick = function (){
ajax({
type: 'get',
url: './data/user.php',
data: {
type: 'login',
user: user.value,
pass: pass.value
},
success: function (data){
var json = JSON.parse(data);
if (json.err == 0){
alert(json.msg);
}
}
});
}
add.onclick = function (){
ajax({
type: 'get',
url: './data/user.php',
data: {
type: 'add',
user: user.value,
pass: pass.value
},
success: function (data){
var json = JSON.parse(data);
if (json.err == 0){
alert(json.msg);
}
}
});
}
</script>
<?php
/*
接口文档
method: get
url: './data/user.php'
参数：
type = login 登录
add 注册
user = 用户名
pass = 用户密码
返回：
{err:0,msg:'登录成功'}
*/
header('Content-Type:text/html;charset=utf-8');
$type = $_GET['type'];
$user = $_GET['user'];
$pass = $_GET['pass'];
if ($type && $user && $pass) {
//连接数据库
$link = mysqli_connect('localhost','root','xiaoming','userlist');
if(!$link){
die('连接失败：'.mysqli_connect_error());
}
//设置编码
mysqli_set_charset($link,'utf8');
//判断要登录还是要注册
// 执行sql语句
if ($type === 'login'){
$login_sql = "select * from user where username='$user' and password='$pass'";
$login_res = mysqli_query($link,$login_sql);
$login_arr = mysqli_fetch_all($login_res);
if (count($login_arr) > 0){
echo '{"err":0,"msg":"登录成功"}';
} else {
echo '{"err":-3,"msg":"账号或密码错误"}';
}
} else if($type === 'add') {
$select_sql = "select * from user where username='$user'";
$select_res = mysqli_query($link,$select_sql);
// print_r($select_res );
// die();
$select_arr = mysqli_fetch_all($select_res);
if(count($select_arr) > 0){
die('{"err":-1,"msg":"用户名已被占用"}');
} else {
$insert_sql = "insert into user (username,password) values ('$user','$pass')";
$insert_res = mysqli_query($link,$insert_sql);
if ($insert_res){
echo '{"err":0,"msg":"注册成功"}';
} else {
echo '{"err":-2,"msg":"注册失败"}';
}
}
} else {
die('{"err":-9,"msg":"参数错误"}');
}
mysqli_close($link);
} else {
echo '{"err":-9,"msg":"参数错误"}';
}
?>
相关文章：
代码：前端与数据库交互的登陆界面
<!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <title>登录</title> </head> <body>…...
发电机基础知识：负载组
什么是发电机负载组？ 简单地说，负载组是一种可以产生人工电力负载的设备，用于测试发电机并验证发电机组的性能，包括相关组件，以确保通过使发电机发动机达到适当的工作温度和压力来满足适当的负载。 它是如何工作的&a…...
内网安全：各类密码的抓取
Mimikatz在线读取SAM文件 离线读取SAM文件 在线读取lsass进程 离线读取lsass进程 BrowserGhost浏览器密码抓取 Sharp-HackBrowserData浏览器密码抓取 SharpDecryptPwd数据库密码抓取 LaZagne各类密码的抓取 Windows其他类型抓NTLM Hash工具 sam文件和lsass进程就是Wind…...
前端面试题汇总2
1. CSS 中两个 .class1 .class2 从哪个开始解析 在 CSS 中，选择器 .class1 .class2 表示所有 class 为 class1 的元素中的 class 为 class2 的子元素。浏览器解析这个选择器时，从右向左解析。也就是说，浏览器首先找到所有 class 为 class2 的…...
分布式服务框架zookeeper+消息队列kafka
一、zookeeper概述 zookeeper是一个分布式服务框架，它主要是用来解决分布式应用中经常遇到的一些数据管理问题，如：命名服务，状态同步，配置中心，集群管理等。 在分布式环境下，经常需要对应用/服…...
服务攻防-应用协议cve
Cve-2015-3306 背景： ProFTPD 1.3.5中的mod_copy模块允许远程攻击者通过站点cpfr和site cpto命令读取和写入任意文件。 任何未经身份验证的客户端都可以利用这些命令将文件从文件系统的任何部分复制到选定的目标。 复制命令使用ProFTPD服务的权限执行，…...
Springcloud之gateway的使用详解
官网地址：https://docs.spring.io/spring-cloud-gateway/docs/4.0.4/reference/html/ 1.网关入门 helloword 网关不依赖start-web 导入的pom： <!--gateway--> <dependency><groupIdorg.springframework.cloud</groupId><arti…...
中望CAD 建筑 v2024 解锁版下载、安装教程 (超强的CAD三维制图)
前言 中望CAD建筑版是一款国产CAD制图软件，专注于建筑设计领域。中望CAD建筑版拥有丰富多样的建筑图块和图案，完美兼容各类建筑图纸。同时，它提供了绘图标准规范，使绘图更加规范和专业。更值得一提的是，该软件还具备智…...
windows edge自带的pdf分割工具（功能）
WPS分割pdf得会员，要充值！网上一顿乱找，发现最简单，最好用，免费的还是回到Windows。 Windows上直接在edge浏览器打开PDF，点击 打印 按钮,页面下选择对应页数 打印机 选择 另存为PDF，然后保存就…...
HTML5实现好看的天气预报网站源码
文章目录 1.设计来源1.1 获取天气接口1.2 PC端页面设计1.3 手机端页面设计 2.效果和源码2.1 动态效果2.2 源代码 源码下载万套模板，程序开发，在线开发，在线沟通 作者：xcLeigh 文章地址：https://blog.csdn.net/weixin_4…...
比较（八）利用python绘制指示器
比较（八）利用python绘制指示器 指示器（Indicators）简介 指示器是一系列相关图的统称，主要用于突出展示某一变量的实际值与目标值的差异，例如常见的数据delta、仪表盘、子弹图、水滴图等。 快速绘制 基于p…...
【体外诊断】ARM/X86+FPGA嵌入式计算机在医疗CT机中的应用
体外诊断 信迈科技提供基于Intel平台、AMD平台、NXP平台的核心板、2.5寸主板、Mini-ITX主板、4寸主板、PICO-ITX主板，以及嵌入式准系统等计算机硬件。产品支持GAHDMI等独立双显，提供丰富串口、USB、GPIO、PCIe扩展接口等I/O接口，扩展性强&…...
力扣 28找到字符串中第一个匹配项的下标 KMP算法
思路： 朴素匹配有很多步骤是多余的 KMP算法能够避免重复匹配 KMP算法主要是根据子串生成的next数组作为回退的依据，它记录了模式串与主串(文本串)不匹配的时候，模式串应该从哪里开始重新匹配。 这里讲一下为什么用模式串的最大公共前后缀…...
——匿名函数)
JavaScript(10)——匿名函数
匿名函数 没有名字的函数，无法直接使用。 使用方式: 函数表达式立即执行函数 函数表达式 将匿名函数赋值给一个变量，并且通过变量名称进行调用 let fn function(){ 函数体 } 调用： fn() 立即执行函数 语法： (function () {…...
图片上传成功却无法显示：静态资源路径配置问题解析
1、故事的背景 最近，有个学弟做了一个简单的后台管理页面。于是他开始巴拉巴拉撘框架，写代码，一顿操作猛如虎，终于将一个简单的壳子搭建完毕。但是在实现功能：点击头像弹出上传图片进行头像替换的时候，卡壳…...
【转盘案例-弹框-修改Bug-完成 Objective-C语言】
一、我们来看示例程序啊 1.旋转完了以后，它会弹一个框，这个框，是啥， Alert 啊，AlertView 也行， AlertView，跟大家说过，是吧，演示过的啊，然后，我们就用iOS9来做了啊，完成了以后，我们要去弹一个框， // 弹框 UIAlertController *alertController = [UIAlertContr…...
Perl 基础语法
Perl 基础语法 Perl 是一种高级、解释型、动态编程语言，广泛用于CGI脚本、系统管理、网络编程、以及其他领域。Perl 以其强大的文本处理能力和简洁的语法而闻名。本文将详细介绍 Perl 的基础语法，帮助读者快速入门。 1. Perl 变量和数据类型 1.1 变量…...
【嵌入式开发之标准I/O】二进制文件的读写及实验
文本文件和二进制的区别 文本文件和二进制文件的区别主要在于它们的编码方式和数据组织方式。 编码方式：文本文件是基于字符编码的文件，常见的编码有ASCII编码、UNICODE编码等。这些编码将字符映射到特定的二进制值，使得字符可以…...
Arduino学习笔记1——IDE安装与起步
一、IDE安装 去浏览器直接搜索Arduino官网，点击Software栏进入下载界面，选择Windows操作系统： 新版IDE下载不需要提前勾选所下载的拓展包，下载好后直接点击安装即可。 安装好后打开Arduino IDE，会自动开始下载所需的…...
一个注解解决重复提交问题
一、前言 在应用系统中提交是一个极为常见的功能，倘若不加管控，极易由于用户的误操作或网络延迟致使同一请求被发送多次，从而生成重复的数据记录。针对用户的误操作，前端通常会实现按钮的 loading 状态，以阻…...
无法与IP建立连接，未能下载VSCode服务器
如题，在远程连接服务器的时候突然遇到了这个提示。 查阅了一圈，发现是VSCode版本自动更新惹的祸！！！ 在VSCode的帮助->关于这里发现前几天VSCode自动更新了，我的版本号变成了1.100.3 才导致了远程连接出…...
Leetcode 3577. Count the Number of Computer Unlocking Permutations
Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现 题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路 这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...
postgresql|数据库|只读用户的创建和删除（备忘）
CREATE USER read_only WITH PASSWORD 密码 -- 连接到xxx数据库 \c xxx -- 授予对xxx数据库的只读权限 GRANT CONNECT ON DATABASE xxx TO read_only; GRANT USAGE ON SCHEMA public TO read_only; GRANT SELECT ON ALL TABLES IN SCHEMA public TO read_only; GRANT EXECUTE O…...
【android bluetooth 框架分析 04】【bt-framework 层详解 1】【BluetoothProperties介绍】
1. BluetoothProperties介绍 libsysprop/srcs/android/sysprop/BluetoothProperties.sysprop BluetoothProperties.sysprop 是 Android AOSP 中的一种 系统属性定义文件（System Property Definition File），用于声明和管理 Bluetooth 模块相…...
C# 类和继承(抽象类)
抽象类 抽象类是指设计为被继承的类。抽象类只能被用作其他类的基类。 不能创建抽象类的实例。抽象类使用abstract修饰符声明。 抽象类可以包含抽象成员或普通的非抽象成员。抽象类的成员可以是抽象成员和普通带 实现的成员的任意组合。抽象类自己可以派生自另一个抽象类。例…...
微信小程序云开发平台MySQL的连接方式
注：微信小程序云开发平台指的是腾讯云开发 先给结论：微信小程序云开发平台的MySQL，无法通过获取数据库连接信息的方式进行连接，连接只能通过云开发的SDK连接，具体要参考官方文档： 为什么？ 因为…...
LRU 缓存机制详解与实现（Java版） + 力扣解决
📌 LRU 缓存机制详解与实现（Java版） 一、📖 问题背景 在日常开发中，我们经常会使用 缓存（Cache） 来提升性能。但由于内存有限，缓存不可能无限增长，于是需要策略决定&am…...
AI语音助手的Python实现
引言 语音助手（如小爱同学、Siri）通过语音识别、自然语言处理（NLP）和语音合成技术，为用户提供直观、高效的交互体验。随着人工智能的普及，Python开发者可以利用开源库和AI模型，快速构建自定义语音助手。本文由浅入深，详细介绍如何使用Python开发AI语音助手，涵盖基础功…...
协议转换利器，profinet转ethercat网关的两大派系，各有千秋
随着工业以太网的发展，其高效、便捷、协议开放、易于冗余等诸多优点，被越来越多的工业现场所采用。西门子SIMATIC S7-1200/1500系列PLC集成有Profinet接口，具有实时性、开放性，使用TCP/IP和IT标准，符合基于工业以太网的…...
Docker拉取MySQL后数据库连接失败的解决方案
在使用Docker部署MySQL时，拉取并启动容器后，有时可能会遇到数据库连接失败的问题。这种问题可能由多种原因导致，包括配置错误、网络设置问题、权限问题等。本文将分析可能的原因，并提供解决方案。 一、确认MySQL容器的运行状态 …...