当前位置： 首页 > news >正文

代码：前端与数据库交互的登陆界面

news 文章来源：https://blog.csdn.net/weixin_65633498/article/details/140589417 2024/11/15 8:25:55

<!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":"参数错误"}';

}

?>

 

10bc7091f3af40f59cdbcf905cd703a2.png

 

相关文章：

代码：前端与数据库交互的登陆界面

<!DOCTYPE html> <html lang"en"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <title>登录</title> </head> <body>…...

编程日记 2024/7/22 16:08:23

发电机基础知识：负载组

什么是发电机负载组&#xff1f; 简单地说&#xff0c;负载组是一种可以产生人工电力负载的设备&#xff0c;用于测试发电机并验证发电机组的性能&#xff0c;包括相关组件&#xff0c;以确保通过使发电机发动机达到适当的工作温度和压力来满足适当的负载。 它是如何工作的&a…...

编程日记 2024/7/22 16:06:21

内网安全：各类密码的抓取

Mimikatz在线读取SAM文件 离线读取SAM文件 在线读取lsass进程 离线读取lsass进程 BrowserGhost浏览器密码抓取 Sharp-HackBrowserData浏览器密码抓取 SharpDecryptPwd数据库密码抓取 LaZagne各类密码的抓取 Windows其他类型抓NTLM Hash工具 sam文件和lsass进程就是Wind…...

编程日记 2024/7/22 16:05:20

前端面试题汇总2

1. CSS 中两个 .class1 .class2 从哪个开始解析 在 CSS 中&#xff0c;选择器 .class1 .class2 表示所有 class 为 class1 的元素中的 class 为 class2 的子元素。浏览器解析这个选择器时&#xff0c;从右向左解析。也就是说&#xff0c;浏览器首先找到所有 class 为 class2 的…...

编程日记 2024/7/22 16:04:19

分布式服务框架zookeeper+消息队列kafka

一、zookeeper概述 zookeeper是一个分布式服务框架&#xff0c;它主要是用来解决分布式应用中经常遇到的一些数据管理问题&#xff0c;如&#xff1a;命名服务&#xff0c;状态同步&#xff0c;配置中心&#xff0c;集群管理等。 在分布式环境下&#xff0c;经常需要对应用/服…...

编程日记 2024/7/22 16:03:17

服务攻防-应用协议cve

Cve-2015-3306 背景&#xff1a; ProFTPD 1.3.5中的mod_copy模块允许远程攻击者通过站点cpfr和site cpto命令读取和写入任意文件。 任何未经身份验证的客户端都可以利用这些命令将文件从文件系统的任何部分复制到选定的目标。 复制命令使用ProFTPD服务的权限执行&#xff0c;…...

编程日记 2024/7/22 15:59:13

Springcloud之gateway的使用详解

官网地址&#xff1a;https://docs.spring.io/spring-cloud-gateway/docs/4.0.4/reference/html/ 1.网关入门 helloword 网关不依赖start-web 导入的pom&#xff1a; <!--gateway--> <dependency><groupIdorg.springframework.cloud</groupId><arti…...

编程日记 2024/7/22 15:58:12

中望CAD 建筑 v2024 解锁版下载、安装教程 (超强的CAD三维制图)

前言 中望CAD建筑版是一款国产CAD制图软件&#xff0c;专注于建筑设计领域。中望CAD建筑版拥有丰富多样的建筑图块和图案&#xff0c;完美兼容各类建筑图纸。同时&#xff0c;它提供了绘图标准规范&#xff0c;使绘图更加规范和专业。更值得一提的是&#xff0c;该软件还具备智…...

编程日记 2024/7/22 15:57:10

windows edge自带的pdf分割工具（功能）

WPS分割pdf得会员&#xff0c;要充值&#xff01;网上一顿乱找&#xff0c;发现最简单&#xff0c;最好用&#xff0c;免费的还是回到Windows。 Windows上直接在edge浏览器打开PDF&#xff0c;点击 打印 按钮,页面下选择对应页数 打印机 选择 另存为PDF&#xff0c;然后保存就…...

编程日记 2024/7/22 15:56:09

HTML5实现好看的天气预报网站源码

文章目录 1.设计来源1.1 获取天气接口1.2 PC端页面设计1.3 手机端页面设计 2.效果和源码2.1 动态效果2.2 源代码 源码下载万套模板&#xff0c;程序开发&#xff0c;在线开发&#xff0c;在线沟通 作者&#xff1a;xcLeigh 文章地址&#xff1a;https://blog.csdn.net/weixin_4…...

编程日记 2024/7/22 15:55:08

比较（八）利用python绘制指示器

比较&#xff08;八&#xff09;利用python绘制指示器 指示器&#xff08;Indicators&#xff09;简介 指示器是一系列相关图的统称&#xff0c;主要用于突出展示某一变量的实际值与目标值的差异&#xff0c;例如常见的数据delta、仪表盘、子弹图、水滴图等。 快速绘制 基于p…...

编程日记 2024/7/22 15:54:06

【体外诊断】ARM/X86+FPGA嵌入式计算机在医疗CT机中的应用

体外诊断 信迈科技提供基于Intel平台、AMD平台、NXP平台的核心板、2.5寸主板、Mini-ITX主板、4寸主板、PICO-ITX主板&#xff0c;以及嵌入式准系统等计算机硬件。产品支持GAHDMI等独立双显&#xff0c;提供丰富串口、USB、GPIO、PCIe扩展接口等I/O接口&#xff0c;扩展性强&…...

编程日记 2024/7/22 15:53:05

力扣 28找到字符串中第一个匹配项的下标 KMP算法

思路&#xff1a; 朴素匹配有很多步骤是多余的 KMP算法能够避免重复匹配 KMP算法主要是根据子串生成的next数组作为回退的依据&#xff0c;它记录了模式串与主串(文本串)不匹配的时候&#xff0c;模式串应该从哪里开始重新匹配。 这里讲一下为什么用模式串的最大公共前后缀…...

编程日记 2024/7/22 15:52:04

JavaScript(10)——匿名函数

匿名函数 没有名字的函数&#xff0c;无法直接使用。 使用方式: 函数表达式立即执行函数 函数表达式 将匿名函数赋值给一个变量&#xff0c;并且通过变量名称进行调用 let fn function(){ 函数体 } 调用&#xff1a; fn() 立即执行函数 语法&#xff1a; (function () {…...

编程日记 2024/7/22 15:51:03

图片上传成功却无法显示：静态资源路径配置问题解析

1、故事的背景 最近&#xff0c;有个学弟做了一个简单的后台管理页面。于是他开始巴拉巴拉撘框架&#xff0c;写代码&#xff0c;一顿操作猛如虎&#xff0c;终于将一个简单的壳子搭建完毕。但是在实现功能&#xff1a;点击头像弹出上传图片进行头像替换的时候&#xff0c;卡壳…...

编程日记 2024/7/22 15:50:02

【转盘案例-弹框-修改Bug-完成 Objective-C语言】

一、我们来看示例程序啊 1.旋转完了以后，它会弹一个框，这个框，是啥， Alert 啊，AlertView 也行， AlertView，跟大家说过，是吧，演示过的啊，然后，我们就用iOS9来做了啊，完成了以后，我们要去弹一个框， // 弹框 UIAlertController *alertController = [UIAlertContr…...

编程日记 2024/7/22 15:47:59

Perl 基础语法

Perl 基础语法 Perl 是一种高级、解释型、动态编程语言&#xff0c;广泛用于CGI脚本、系统管理、网络编程、以及其他领域。Perl 以其强大的文本处理能力和简洁的语法而闻名。本文将详细介绍 Perl 的基础语法&#xff0c;帮助读者快速入门。 1. Perl 变量和数据类型 1.1 变量…...

编程日记 2024/7/22 15:45:57

【嵌入式开发之标准I/O】二进制文件的读写及实验

文本文件和二进制的区别 文本文件和二进制文件的区别主要在于它们的编码方式和数据组织方式。‌ 编码方式&#xff1a;‌文本文件是基于字符编码的文件&#xff0c;‌常见的编码有ASCII编码、‌UNICODE编码等。‌这些编码将字符映射到特定的二进制值&#xff0c;‌使得字符可以…...

编程日记 2024/7/22 15:43:54

Arduino学习笔记1——IDE安装与起步

一、IDE安装 去浏览器直接搜索Arduino官网&#xff0c;点击Software栏进入下载界面&#xff0c;选择Windows操作系统&#xff1a; 新版IDE下载不需要提前勾选所下载的拓展包&#xff0c;下载好后直接点击安装即可。 安装好后打开Arduino IDE&#xff0c;会自动开始下载所需的…...

编程日记 2024/7/22 15:41:52

一个注解解决重复提交问题

一、前言 ​ 在应用系统中提交是一个极为常见的功能&#xff0c;倘若不加管控&#xff0c;极易由于用户的误操作或网络延迟致使同一请求被发送多次&#xff0c;从而生成重复的数据记录。针对用户的误操作&#xff0c;前端通常会实现按钮的 loading 状态&#xff0c;以阻…...

编程日记 2024/7/22 15:39:50

在qt的c++程序嵌入一个qml窗口

//拖拽一个QQuickWidget c端和qml通信的桥梁 找到qml的main.qml的路径 ui->quickWidget->setSource(QUrl::fromLocalFile("../../../code/main.qml"));// QML 与 Qt Widgets 通信//窗口就成了一个类实例对象pRoot (QObject*)ui->quickWidget->rootObje…...

编程日记 2024/7/22 15:38:49

Vue的依赖注入：组件树中的共享数据与功能

引言 在构建大型前端应用时，组件间的通信和状态共享是一个常见问题。Vue.js 提供了一种类似于 React 的 Context 机制的依赖注入系统，允许开发者在组件树中共享数据和功能。provide 和 inject 是 Vue 依赖注入的两个关键概念。本文将深入探讨 Vue 的依赖注入机制，讨论如何使…...

编程日记 2024/7/22 15:37:47

softmax 函数的多种实现方式 包括纯C语言、C++版本、Eigen版本等

softmax 函数的多种实现方式 包括纯C语言、C版本、Eigen版本等 flyfish 先看这里Softmax函数介绍 版本1 规矩的写法 #include <iostream> #include <vector> #include <algorithm> #include <numeric> #include <cmath>// 计算 softmax 的函…...

编程日记 2024/7/22 15:35:45

R语言学习笔记11-读取csv-xlsx-txt-json-pdf-lua格式文件

R语言学习笔记11-读取csv-xlsx-txt-json-pdf-lua格式文件 读取csv使用base的 read.csv 函数使用 readr 包的 read_csv 函数 读取xlsx使用 xlsx 包的 read.xlsx 函数使用 readxl 包的 read_excel 函数 读取txt使用base的文件读取函数 readLines使用 readr 包的 read_lines 函数 …...

编程日记 2024/7/22 15:34:44

Vue的计算属性和方法有什么区别

Vue中的计算属性&#xff08;computed&#xff09;和方法&#xff08;methods&#xff09;都是用于处理数据和逻辑的重要特性&#xff0c;但它们之间存在一些关键的区别。以下是两者的主要区别&#xff1a; 1. 缓存性 计算属性&#xff1a;计算属性是基于它们的依赖进行缓存的…...

编程日记 2024/7/22 15:33:43

学生成绩管理系统(C语言)

系统分析 1. 主菜单的实现 2. 增加人员功能的实现 3. 删除数据功能的实现 4. 编辑人员功能的实现 5. 排序功能的实现 6. 输出功能 7. 查找信息功能 具体代码 #include <stdio.h> #include <string.h> #include <stdlib.h> #define SIZE 100000typedef struc…...

编程日记 2024/7/22 15:32:42

C语言 通讯录管理 完整代码

这份代码&#xff0c;是我从网上找的。目前是能运行。我正在读。有些不懂的地方&#xff0c;等下再记录下来。 有些地方的命名&#xff0c;还需要重新写一下。 比如: PersonInfo* info &address_book->all_address[address_book->size]; 应该改为&#xff1a; Perso…...

编程日记 2024/7/22 15:30:39

2024北京国际智能工厂及自动化展览会亮点前瞻

随着“工业创新&#xff0c;智造未来”的浪潮席卷而来&#xff0c;2024年度北京国际智能工厂及自动化与工业装配展览会定于8月1日至3日在中国国际展览中心&#xff08;顺义新馆&#xff09;盛大开幕。本次展会汇聚了智能制造与自动化技术的最新成果&#xff0c;通过三展联动的创…...

编程日记 2024/7/22 15:28:36

《网络安全等级保护制度详解》

网络安全等级保护制度是我国网络安全领域的一项重要制度&#xff0c;旨在保障网络安全&#xff0c;维护国家安全、社会秩序和公共利益。 网络安全等级保护制度主要包含以下几个关键方面&#xff1a; 等级划分 根据信息系统在国家安全、经济建设、社会生活中的重要程度&#xff…...

编程日记 2024/7/22 15:27:35

使用Wanderboat AI 来规划到巴黎的旅行计划

​ Wanderboat AI 平台是一个由 GPT-4 驱动的智能旅行规划工具&#xff0c;旨在通过自然对话和多模式互动&#xff0c;为用户提供个性化的旅行行程。以下是该平台的架构和使用方法&#xff1a; 平台架构 GPT-4 驱动&#xff1a;平台利用 GPT-4 的强大自然语言处理能力&#x…...

编程日记 2024/7/22 15:26:34

专门做招商的网站/seo宣传网站

前言单例模式是java设计模式之一。这种模式涉及到一个单一的类&#xff0c;该类负责创建自己的对象&#xff0c;并确保是单一的对象。这个类提供直接访问其单一对象的方式&#xff0c;且不需要实例化该类的对象。文末准备了一份完整系统的进阶提升的技术大纲和学习资料&#xf…...

编程日记 2024/11/15 4:58:53

深圳手机网站建设多少钱/今日热点新闻事件摘抄

想知道更多关于区块链技术知识&#xff0c;请百度【链客区块链技术问答社区】 链客&#xff0c;有问必答&#xff01;&#xff01;定义格式函数构成代码执行的逻辑结构。在Go语言中&#xff0c;函数的基本组成为&#xff1a;关键字func、函数名、参数列表、返回值、函数体和返回…...

编程日记 2024/11/15 3:18:44

郑州网站推广单位/百度手机版网址

ECharts// 基于准备好的dom&#xff0c;初始化echarts实例var myChart echarts.init(document.getElementById(main));//指定图表的配置项和数据var upColor #ec0000;var upBorderColor #8A0000;var downColor #00da3c;var downBorderColor #008F28;var dataCount 2e5;va…...

编程日记 2024/11/14 16:26:52

怎么做最火的视频网站/网站测速

https://leetcode.com/problems/longest-palindromic-substring/ 题意&#xff1a;求最长回文子串 思路&#xff1a;动态规划&#xff0c;设dp[i][j]表示从i到j的子串是不是回文串&#xff0c;如果是dp[i][j]1,否则dp[i][j]0. 状态转移&#xff1a;dp[i][j]dp[i1][j-1]&…...

编程日记 2024/11/14 15:37:07

可以做ps的网站/网站软文推广范文

商品类别下拉菜单动态化数据库中建立TypeGoods表&#xff08;typeId&#xff0c;typeName&#xff09;&#xff0c;字符串创建商品类型Bean&#xff0c;TypeGoods.java package mybean;public class TypeGoods { private String typeId; private String typeName; public Strin…...

编程日记 2024/11/14 13:24:53

宝鸡网站建设一般多少钱/今日最新头条新闻条

前言 最近在看许多智能反射面相关的文章。 由于有了智能反射面的存在&#xff0c;在数学模型上与传统信道估计有所出入。 接触到几篇文章&#xff0c;从多维张量 (tensor) 的角度出发&#xff0c; 利用Khatri-Rao积的表示方式&#xff0c; 将复杂的数学建模式子简化后&#xff…...

编程日记 2024/11/14 9:53:55