Javascript（六十)mysql

最新推荐文章于 2024-05-27 08:34:42 发布
最新推荐文章于 2024-05-27 08:34:42 发布
阅读量200 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44730244/article/details/117895877
版权
本文详细阐述了数据库文件问题的挑战，介绍了数据库的出现及其在PHP开发中的关键作用，包括使用Phpnow环境中MySQL的操作步骤，如可视化界面、命令行操作和通过PHP连接数据库的实例。此外，涵盖了CRUD操作、SQL语句、前后端分离实践等内容。
摘要由CSDN通过智能技术生成

假设我们的各个网站的数据保存在文档当中,那么就会存在以下弊端。

1.文件的安全性

2.文件不利查询和对数据的管理

3.文件不利于存放海量数据

4.文件在程序中控制不方便

为了解决以上问题：因此有了数据库的出现。

数据库本质也是文件。功能主要是保存数据并且配套一套数据管理系统，更有利于对数据的管理，比如增删改查。数据库水平衡量一个程序员水平的重要指标。
我自己使用的Phpnow软件是mysql、php、apache集成环境，大家要是想单独使用mysql，可以单独去下载使用。（phpnow安装完之后会自带mysql）
phpnow中的mysql使用流程：

1.在浏览器输入localhost/phpMyAdmin就可以进入数据库可视化界面

2.输入用户名root，密码：下载phpnow初始化时自己设置的密码。执行，登陆即可。

初学者可以先使用终端进行编程

终端：shell

数据库：core 核

通过控制台（DOS）界面（终端）操作数据库：称为shell编程。

如果在终端报错：不是内部命令或外部命令。说明当前电脑虽然已经安装了mysql但是没有配置环境变量
在这里插入图片描述
解决办法：配置环境变量。

phpnow 的mysql环境变量的配置

1.查看phpnow当前的mysql版本。（浏览器输入localhost/index.php）
在这里插入图片描述
2.进入下载phpnow的根目录下，进入与MySQL版本号一致的文件夹下。
在这里插入图片描述
3.进去与MySQL版本号一致的文件夹之后,点击进入bin文件夹。
在这里插入图片描述
4.点击我的电脑，右键属性->高级系统设置->环境变量
在这里插入图片描述

5.找到用户变量->path->双击打开
在这里插入图片描述
6.点击新建->复制刚刚打开MySQL版本一致的文件夹下的bin路径，粘贴到新建区域，点击确定。
在这里插入图片描述
7.一路点击确定，直到所有窗口关闭
在这里插入图片描述
8.重启控制台: 输入 mysql -u root -p 回车 输入密码

-u：用户名 -p:密码

出现下图mysql >表示环境变量配置成功
在这里插入图片描述
mysql 命令操作
mysql数据结构示意图：

1.客户端：client就是我们命令行控制台，通过这个控制台我们可以发送给mysql的各种操作指令。

2.MySQL dbms（mysql的管理系统），DB（数据库），然后DB中有许多表和其他数据对象（比如触发器，存储过程，视图等）。上面的三个部分都属于数据库管理系统。

3.我们的mysql数据库在3306监听（默认的端口），这个端口可以修改

mysql和apache关闭和启动：
第一种方式手动关闭和启动：

右键我的电脑->管理->服务与应用程序->服务->找到apache和MySQL->右键启动和关闭
在这里插入图片描述
第二种：命令行

打开控制台->net stop mysql(停止)

打开控制台->net start mysql(打开)

登录mysql：

控制台：mysql -u root -p
在这里插入图片描述
标准模式：mysql -h localhost(主机) -u root -p[回车后输入密码即可] 注：p后面不要有空格，输完p直接回车
查看当前数据库

注：在mysql输入的命令都要加；否则不会结束

show database
在这里插入图片描述
创建新的数据库（不区分大小写）

character set utf8：指定使用utf-8字符集
在这里插入图片描述
选择数据库

use 数据库名字；
在这里插入图片描述
删除数据库

drop database [if exists] 数据库名
在这里插入图片描述
if exists 可选的 如果存在的话删除，如果不存在的话，就不删除，当然也不会报错。
在这里插入图片描述
创建表（一定要设置ID）：

ID是该行数据的重要标识，其他字段名都可能重复，但是id一定不能重复

create table 表名（

​	字段名1 数据类型，

​	字段名2 数据类型，

​	......

  字段名n 数据类型

）character set 字符集 collate 校对规则

注：表是可以执行字符集的，遵从以表为准。表如果不写字符集和校对规则以数据库为准。

说明：1.表中有多个字段，根据需求来确定

​ 2.这里表中的数据类型，指的是mysql的数据类型，API

bit（1-64）tinyint（带符号-128-127、无符号0-255） smallint （带符号-32768-32767，无符号0-65535）等等
数据类型：

int 整形

float 浮点型

char（参数）：字符型；参数表示可以存在的字符数，固定，超出不可存

varchar（参数）：可变，参数表示可以存在的字符数，固定，超出自动增加

date 日期 ‘200-01-01’

text 文本（理论无上限）

案例：
在这里插入图片描述
int unsigned(无符号整型)：正整数

not null default ’ '：不填写内容就以空字符长代替

float not null default 0.0；

查看当前数据库下的表

show tables
在这里插入图片描述
查看表头结构**

desc 表名
在这里插入图片描述
Mysql的sql语句

数据库的crud语句

insert语句 （插入语句）

insert into 表名（字段1，字段2，…）values（具体值1，具体值2，…）

添加数据有两种方式：1.指定字段名 2.添加全部字段

注意事项：

1.插入的数据英语字段的数据类型相同

2.数据的大小应在列的规定范围内，例如不能将一个长度为80的字符串加入到长度为40的列中。

3.在values中的累出数据位置必须与被加入的列的排序的位置相对应。

4.字符和日期数据应包含在单引号中。

5.如果我们添加的字段是包含所有的字段，可以不写前面的字段列表。反之，如果你添加的字段，不是所有的，而是一部分字段，则一定要写清楚字段列表
在这里插入图片描述
当我们添加多条数据时，用逗号隔开。
查看表格中所有的数据**：select * from employee

update语句 （更新语句）

update 表名 set 字段1=新值，字段名2=新值…where 条件
在这里插入图片描述
在这里插入图片描述
delete语句 （删除语句）**

delete from 表名 where 条件；

注意事项：

1.如果我们的delete语句，没有where条件，则是把整个表的所有记录全部删除

2.delete语句不能删除某一列的值（可以使用update）

3.使用delete语句删除记录，不删除表本身，如果删除表，使用drop table 表名；
在这里插入图片描述
4.删除表中的数据我们可以使用truncate table语句，他和delete有所不同，truncate table 表名；不能带条件，所以尽量使用delete
在这里插入图片描述
select语句 （查找语句）**

select 字段1，字段2，… from 表名 where 条件；
在这里插入图片描述
select * from 表名 where 条件；

说明：如果我们想把该表所有的字段信息都取出来，则可以直接*表示

distinct：过滤掉重复数据
在这里插入图片描述
and 与 or或 not 非

模糊查询：where 字段 like %代表一个或者多个字符
在这里插入图片描述
排序**

select 字段1，字段2，… from 表名 where 条件 order by 字段 [asc|desc]

注：我么在查询结构的时候，我么通常都希望按照某个字段的顺序进行排序后，在显示，比如按照数学或者英语的高低排序。

1.order by 字段 该字段为排序字段；

2.order by后面可以带asc或者desc，asc表示升序排列，desc表示降序排序，默认是asc。
在这里插入图片描述
可视化界面操作数据库

新建数据库
在这里插入图片描述
新键表
在这里插入图片描述
注：保证id不重复，设置id为这个表的主键 主键设置：索引值设置为：PRIMARY

选中：AI 在我们不填写该字段的情况，该字段的值会自增长
在这里插入图片描述
保存->选择插入
在这里插入图片描述
填写相应的值，所有的表格点击执行
在这里插入图片描述
通过php操作数据库 天龙八部

<?php
	header('content-type:text/html;charset="utf-8"');
	/* 连接数据库 */
	/* 1.连接数据库 */
	/* 
	第一个参数，连接数据库的ip 如果是本地数据库：直接填locahost
	第二个参数：数据库用户名
	第三个参数：数据库密码
	*/
	$link=mysql_connect("localhost","root","123456");
	/* 判断是否连接成功 */
	if(!$link){
		echo  '连接失败';
		exit; /* 终止后续所有代码*/
	}
	
	/* 3.设置字符集 */
	mysql_set_charset('utf8');
	
	/* 4.选择数据库 */
	mysql_select_db('xxx');
	
	/* 5.准备sql语句 */
	$sql='select * from employee';
	
	/* 6.发送sql语句 */
	$res=mysql_query($sql);
	// var_dump($res);
	/* 7.处理结果 */
	/* 执行几次mysql_fetch_assoc 获取到的就是第几条数据 */
	// $row=mysql_fetch_assoc($res);
	// var_dump($row);
	// /* 优化：只要mysql_fetch_assoc($res)存在，就会不断输出 */
	while($row=mysql_fetch_assoc($res)){
		 var_dump($row);
	}
	echo '</table>';
	
	/*8.关闭数据库  */
	mysql_close($link);
?>

PHP和HTML混编展现数据

<?php
	header('content-type:text/html;charset="utf-8"');
	/* 连接数据库 */
	/* 1.连接数据库 */
	/* 
	第一个参数，连接数据库的ip 如果是本地数据库：直接填locahost
	第二个参数：数据库用户名
	第三个参数：数据库密码
	*/
	$link=mysql_connect("localhost","root","123456");
	/* 判断是否连接成功 */
	if(!$link){
		echo  '连接失败';
		exit; /* 终止后续所有代码*/
	}
	
	/* 3.设置字符集 */
	mysql_set_charset('utf8');
	
	/* 4.选择数据库 */
	mysql_select_db('xxx');
	
	/* 5.准备sql语句 */
	$sql='select * from employee';
	
	/* 6.发送sql语句 */
	$res=mysql_query($sql);
	// var_dump($res);
	
	//设置表头
	echo '<table border=1 >';
	echo '<tr><th>员工工号</th><th>员工姓名</th><th>员工工资</th><th>员工性别</th><th>员工职位</th></tr>';
	
	/* 7.处理结果 */
	/* 执行几次mysql_fetch_assoc 获取到的就是第几条数据 */
	// $row=mysql_fetch_assoc($res);
	// var_dump($row);
	// /* 优化：只要mysql_fetch_assoc($res)存在，就会不断输出 */
	while($row=mysql_fetch_assoc($res)){
		echo '<tr>';
		foreach($row as $key => $value){
			echo "<td>{$value}</td>";
		}
		echo '</tr>';
	}
	echo '</table>';
	
	/*8.关闭数据库  */
	mysql_close($link);
?>

在这里插入图片描述
上面方法，虽然能够在php页面展示，但是没有实现真正的前后端分离，因此，还需要改进。

前端向后端请求数据,并将数据展示在页面上。

注：前后端在进行数据传输的过程是以字符串格式，因此要将后端的数据结构里使用个json_encode()转成字符串输出，前端才能够获取到。

<?php
	header('content-type:text/html;charset="utf-8"');
	/* 连接数据库 */
	/* 1.连接数据库 */
	/* 
	第一个参数，连接数据库的ip 如果是本地数据库：直接填locahost
	第二个参数：数据库用户名
	第三个参数：数据库密码
	*/
	$link=mysql_connect("localhost","root","123456");
	/* 判断是否连接成功 */
	if(!$link){
		echo  '连接失败';
		exit; /* 终止后续所有代码*/
	}
	
	/* 3.设置字符集 */
	mysql_set_charset('utf8');
	
	/* 4.选择数据库 */
	mysql_select_db('xxx');
	
	/* 5.准备sql语句 */
	$sql='select * from employee';
	
	/* 6.发送sql语句 */
	$res=mysql_query($sql);
	// var_dump($res);
	
	/* 定义索引数组 */
	$arr=array();
	/* 7.处理结果 */
	/* 执行几次mysql_fetch_assoc 获取到的就是第几条数据 */
	// $row=mysql_fetch_assoc($res);
	// var_dump($row);
	// /* 优化：只要mysql_fetch_assoc($res)存在，就会不断输出 */
	while($row=mysql_fetch_assoc($res)){
		array_push($arr,$row);
	}
	
	/*8.关闭数据库  */
	mysql_close($link);
	//数据结构转字符串输出
	echo json_encode($arr);
?>

在这里插入图片描述
在这里插入图片描述
前端向后端添加数据

1.from表单点击提交数据以后，需要跳转页面

2.ajax 异步进行数据传输，数据传输之后，不会进行页面跳转，可以继续在当前页面操作。

转到后端用$_POST
在这里插入图片描述
后端反馈给前端格式：code：xxx message：xxxx

<?php
header('content-type:text/html;charset="utf-8"');
/* 定义返回数据格式 */
$response=array('code'=>0,'message'=>'');
$link=mysql_connect("localhost","root","123456");
/* 1.连接数据库 */
	/* 
	第一个参数，连接数据库的ip 如果是本地数据库：直接填locahost
	第二个参数：数据库用户名
	第三个参数：数据库密码
	*/
	$link=mysql_connect("localhost","root","123456");
	/* 判断是否连接成功 */
	if(!$link){
		$response['code']=1;
		$response['message']='数据库连接失败';
		echo json_encode($response);
		exit; /* 终止后续所有代码*/
	}
	
	/* 3.设置字符集 */
	mysql_set_charset('utf8');
	
	/* 4.选择数据库 */
	mysql_select_db('xxx');
	
	/* 5.准备sql语句 */
	$sql="insert into employee (name,salary,sex,position) values ('{$_POST['name']}','{$_POST['salary']}','{$_POST['sex']}','{$_POST['position']}')";
	/* 6.发送sql语句 返回值：true或false*/
	$res=mysql_query($sql);
	/* 7.处理数据 */
	if($res){
		$response['message']='数据插入成功';
		echo json_encode($response);
	}else{
		$response['code']=2;
		$response['message']='数据插入失败';
		echo json_encode($response);
	}
	/* 8.关闭数据库 */
	mysql_close($link);
?>

在这里插入图片描述
在这里插入图片描述

每天进步一大步
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JS直接访问数据Mysql
11-26
javascript脚本直接访问MySQL数据库
JavaScript中操作Mysql数据库实例
热门推荐
CareChere的博客
06-15 6万+
Javascript访问MYSQL 1、下载MYSQL的ODBC连接http://www.mysql.com/downloads/connector/odbc/； 2、在JS中建立ODBC连接如下： var con = new ActiveXObject("ADODB.Connection"); con.ConnectionString = "DRIVER={MySQL ODBC 5.1
JavaScript连接MySQL：搭建全栈应用的桥梁
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-27 1094
通过本文，我们探索了如何在JavaScript中使用Node.js与MySQL数据库交互，从基础的连接、查询到安全性和性能优化的关键实践。JavaScript与MySQL的结合，为全栈开发者提供了一个强大而灵活的工具集，能够构建出功能丰富、数据驱动的应用程序。互动讨论点：在你的项目中，是如何处理数据库连接的生命周期管理的？是否有遇到过性能瓶颈，又是如何解决的？对于数据库操作的安全性，你还有哪些额外的建议或实践经验？欢迎在评论区分享你的见解和故事，共同提升我们的开发技能。💝💝💝。
Javascript和SQL语句基础
qq_55866862的博客
05-14 1801
周总结 文章目录周总结JavaScriptJavaScript简介JavaScript组成部分JavaScript发展史JavaScript的使用方式JavaScript中的变量以及数据类型内部方式JavaScript中的运算符JavaScript中的流程控制语句JavaScript事件编程三要素for-in语句在JavaScript如何 创建一个数组JavaScript中的函数定义以及调用JavaScript内置对象Dateinner Text和inner-HTML属性有什么区别Dom操作:网页时钟Jav
javascript mysql 教程_MYSQL 初学者扫盲_MySQL
weixin_39531635的博客
02-25 85
先 Create table 吧create table emp(id int not null primary key,name varchar(10));create table emp_dept(dept_id varchar(4) not null,emp_id int not null,emp_name varchar(10),primary key (dept_id,emp_id));...
(Node) JavaScript连接MySQL
cuber-lotus的博客
02-21 3380
文章目录MySQL结构建立项目分析代码完整代码创建连接执行SQL关闭连接END MySQL结构 SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0; -- ---------------------------- -- Table structure for person -- ---------------------------- DROP TABLE IF EXISTS `person`; CREATE TABLE `person` ( `id` in
MYSQL_FUNCTION.rar_javascript_mysql DB
09-23
标题中的“MYSQL_FUNCTION.rar_javascript_mysql DB”暗示了这个压缩包可能包含与使用JavaScript操作MySQL数据库相关的资源。在IBM Process Designer中，JavaScript API允许开发者在流程设计中进行动态交互和数据...
java_mysql.zip_MYSQL_javascript mysql_mysql javascript
09-20
在这个场景中，我们关注的是如何使用Java和JavaScript这两种语言与MySQL数据库进行交互，实现一个简单的用户注册功能。标题"java_mysql.zip_MYSQL_javascript mysql_mysql javascript"暗示了我们将讨论Java、MySQL...
query-mysql.zip_javascript mysql_page
09-23
标题“query-mysql.zip_javascript mysql_page”暗示了这个压缩包可能包含与使用JavaScript操作MySQL数据库以及创建网页相关的资源。描述中的“jsp login export ie page”指出内容可能涉及使用JavaServer Pages...
javascript 操作mysql数据库
如果相遇，那么你好哦~
11-09 4152
javascript 操作mysql数据库
MySQL也开始支持JavaScript了
qq_24357165的博客
01-23 1356
在2023年12月Oracle公司宣布MySQL将引入对JavaScript的支持，开发人员可以在 MySQL 数据库服务器中编写 js 存储过程。存储的程序将与GraalVM运行时一起运行。它在 MySQL 企业版中作为预览版提供，并且可以通过Oracle 技术网 (OTN)下载。
MySQL与JavaScript
禅与计算机程序设计艺术
01-28 747
1.背景介绍 MySQL与JavaScript是两个非常重要的技术领域，它们在现代软件开发中发挥着重要的作用。在这篇文章中，我们将深入探讨这两个领域的关系，揭示它们之间的联系和相互作用。 1. 背景介绍 MySQL是一种流行的关系型数据库管理系统，它是开源的、高性能的、可靠的和易于使用的。JavaScript是一种流行的编程语言，它可以在浏览器和服务器上运行，用于构建动态的网页和应用程序。 ...
官宣：MySQL 正式支持执行 JavaScript 代码了！
前端开发博客
01-20 226
大家好，我是宝哥数据显示这篇文章爆火了。在 SQL 语句中执行 JavaScript 代码，看完不明觉厉。如果喜欢本文可以文末点赞告诉我。近期，MySQL 官方宣布了正式在 MySQL 中引入了 JavaScript 支持！下面是 MySQL 官方的描述：MySQL 正在持续推动创新，现在已在数据库内部包含丰富的过程式编程能力。开发者现在可以在 MySQL 数据库服务器中编写 JavaScrip...
JavaScript-MySql 的简单操作
OuYyds的博客
05-06 1258
常用的数据库 关系型数据库： oracle(中大型项目必用) mysql(常用) sql serve(微软开发必用) db2(二次开发必用 ) nosql 键值对数据库 sqllite(物联网使用) mongdb redis MySql 数据库介绍 mysql数据库时属于oracle公司的产品，他最大的特点就是免费（200万条数据下免费，中小型公司使用的较多） 三大范式 及acid 三大范式 第一范式：列不可再分 第二范式： 属性完全依赖于主键 第三范式：属性不依赖
数据可视化——JavaScript实现与MySql连接
weixin_46744761的博客
05-26 5381
JavaScript连接MySql数据库中的六级单词数据并进行可视化 注意：要事先安装tomcat以及相应版本的mysql-connector-java的jar包，将jar移动到lib文件中 数据库数据如下 可视化代码： <!DOCTYPE html> <body> <div id="wc"></div> <%@ page contentType="text/html; charset=UTF-8" %> <%@ page languag
javascript 操作mysql_JavaScript操作数据库JS操作Access数据库
weixin_36179103的博客
02-25 472
avaScript操作数据库JS操作Access数据库，跟其他语言操作差不多，总结了一下习惯代码，仅供参考学习。现在在F盘有文件abc.mdf，表名为Student，一共2个字段，Id数字类型主键，stuName文本类型，现对该表进行增删改查的操作：1.查询数据查询var conn = new ActiveXObject("ADODB.Connection");conn.Open("DBQ=f:/...
用JavaScript对MySQL数据库进行操作的方法
hzcyclone的专栏
09-09 1万+
Javascript访问Access很容易实现，但JS访问MYSQL却没有找到很简单的方法。今天在浏览MYSQL网站时，发现MYSQL有ODBC连接，突然想到JS是可以通过ActiveX访问ODBC数据库的，经过测试发现JS连接MYSQL如此简单！ 1、下载MYSQL的ODBC连接http://www.mysql.com/downloads/connector/odbc/； 2、在JS中建立O
精通PHP, MySQL与JavaScript
"Learning PHP, MySQL and JavaScript by Robin Nixon" 本书《Learning PHP, MySQL and JavaScript》由Robin Nixon撰写，旨在帮助读者深入理解这三种核心技术在Web开发中的应用。PHP是一种广泛使用的服务器端脚本...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值