代码：前端与数据库交互的登陆界面
<!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 状态，以阻…...
纯粹直播：革新直播观看体验的一站式跨平台解决方案
纯粹直播：革新直播观看体验的一站式跨平台解决方案 【免费下载链接】pure_live 纯粹直播:哔哩哔哩/虎牙/斗鱼/快手/抖音/网易cc/M38自定义源应有尽有。 项目地址: https://gitcode.com/gh_mirrors/pur/pure_live 您是否曾为在多个直播平台间频繁切换而感到困…...
社交媒体机器人检测的终极对决：TwiBot-22基准测试深度解析
社交媒体机器人检测的终极对决：TwiBot-22基准测试深度解析 【免费下载链接】TwiBot-22 项目地址: https://gitcode.com/gh_mirrors/tw/TwiBot-22 在数字时代，社交媒体上的机器人账号已成为信息传播的重要参与者。它们既能推动正面信息传播&#…...
Unity游戏开发：A*寻路算法实战，5步搞定NPC智能移动（附完整Demo）
Unity游戏开发：A*寻路算法实战指南与高级优化技巧 在游戏开发中，NPC的智能移动一直是开发者需要解决的核心问题之一。想象一下，当玩家在《魔兽世界》中穿越荆棘谷时，那些巡逻的巨魔守卫是如何绕过树木和山丘找到最短路径的&#x…...
BilibiliDown：B站音视频资源管理的全场景解决方案
BilibiliDown：B站音视频资源管理的全场景解决方案 【免费下载链接】BilibiliDown (GUI-多平台支持) B站 哔哩哔哩 视频下载器。支持稍后再看、收藏夹、UP主视频批量下载|Bilibili Video Downloader 😳 项目地址: https://gitcode.com/gh_mirrors/bi/Bi…...
零基础玩转OpenClaw：借助GLM-4.7-Flash实现首个自动化脚本
零基础玩转OpenClaw：借助GLM-4.7-Flash实现首个自动化脚本 1. 为什么选择OpenClaw作为个人自动化助手 去年夏天，当我第三次因为忘记定时发送周报而被领导提醒时，终于下定决心寻找一个能24小时待命的数字助手。在尝试了各种RPA工具后&#x…...
你好吗吗吗吗吗
我真好...
nli-distilroberta-base效果展示：Contradiction类样本的Attention权重可视化分析
nli-distilroberta-base效果展示：Contradiction类样本的Attention权重可视化分析 1. 项目概述 nli-distilroberta-base是基于DistilRoBERTa模型的自然语言推理(NLI)服务，专门用于分析句子对之间的逻辑关系。这个轻量级模型能够高效判断两个句子之间的三…...
利用Charles实现请求与响应的动态修改：从基础到实战
1. Charles工具简介与基础配置 Charles是一款功能强大的网络抓包工具，它就像是你手机和电脑之间的"透明玻璃"，能让你清清楚楚地看到所有进出的网络请求。我第一次接触Charles是在调试一个电商APP的支付接口时，当时遇到一个诡异的bu…...
LeetCode 1423. 可获得的最大点数【定长滑窗,逆向和正向思维】1574
本文属于「征服LeetCode」系列文章之一，这一系列正式开始于2021/08/12。由于LeetCode上部分题目有锁，本系列将至少持续到刷完所有无锁题之日为止；由于LeetCode还在不断地创建新题，本系列的终止日期可能是永远。在这一系列刷题文章…...
阿里云轻量应用服务器上5分钟搞定EMQ X MQTT集群搭建（附性能调优技巧）
阿里云轻量应用服务器上5分钟构建高可用EMQ X MQTT集群 物联网应用的爆发式增长让MQTT协议成为设备连接的首选方案。对于需要处理海量设备连接的企业开发者而言，单节点MQTT服务器早已无法满足高并发和容灾需求。本文将带你在阿里云轻量应用服务器上快速部署EMQ X集群…...