Mongodb (四十一)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

目录

前言

一、概述

1.1 相关概念

1.2 特性

二、应用场景

三、安装

四、目录结构

五、默认数据库

六、 数据库操作

 6.1 库操作

6.2  文档操作

七、MongoDB数据库备份 

7.1 备份命令

7.2 恢复命令

总结



前言

       MongoDB是一种面向文档的NoSQL数据库管理系统,它采用了分布式文件存储结构,可用于存储和处理大量结构灵活的文档数据。MongoDB以JSON样式的BSON(Binary JSON)格式存储数据,支持复杂的查询和索引功能。它具有高可扩展性、高性能和高可用性,并且适用于各种应用场景,如Web应用、移动应用、物联网等。MongoDB被广泛应用于大数据、云计算和实时分析等领域。


提示:以下是本篇文章正文内容,下面案例可供参考

一、概述

mongodb是一个nosql数据库,它有高性能、无模式、文档型的特点。是nosql数据库中功能最丰富,最像关系数据库的。数据库格式为BSON。

1.1 相关概念

    实例:系统上运行的mongodb的进程,类似于mysql实例;
    库:每个数据库都是独立的,有自己的用户,权限,独立存储集合,类似于mysql的库;
    集合:由一组文档构成,类似于mysql的表;
    文档:mongodb数据库的最小数据集,是由多个键值对有序组合的数据单元,类似于mysql的数据记录;
    主键       唯一标识一行数据

1.2 特性

            1、面向集合文档存储,适合存储json形式的数据;
            2、格式自由,数据格式不固定,数据结构发生变更的同时不会影响程序运行;
            3、面向对象的sql查询语句,基本涵盖关系型数据库的所有查询语句;
            4、有索引的支持,查询效率更快;
            5、支持复制和自动故障转移;
            6、可以使用分片集群提升查询性能

二、应用场景

    游戏
    物流
    社交
    物联网
    视频直播
    大数据

三、安装


    编译安装
    RPM安装


        [mongodb-org-4.2]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.2/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.2.asc
        yum install -y mongodb-org

[root@localhost yum.repos.d]# yum install -y mongodb-org
已加载插件:fastestmirror, langpacks
Loading mirror speeds from cached hostfile* base: mirrors.aliyun.com* extras: mirrors.huaweicloud.com* updates: mirrors.huaweicloud.com
file:///mnt/repodata/repomd.xml: [Errno 14] curl#37 - "Couldn't open file /mnt/repodata/repomd.xml"
正在尝试其它镜像。
mongodb-org-4.2                                   | 1.3 kB     00:00     
mongodb-org-4.2/7/primary                           |  25 kB   00:01     
mongodb-org-4.2                                                  210/210
正在解决依赖关系
--> 正在检查事务
---> 软件包 mongodb-org.x86_64.0.4.2.24-1.el7 将被 安装
--> 正在处理依赖关系 mongodb-org-tools = 4.2.24,它被软件包 mongodb-org-4.2.24-1.el7.x86_64 需要
--> 正在处理依赖关系 mongodb-org-mongos = 4.2.24,它被软件包 mongodb-org-4.2.24-1.el7.x86_64 需要
--> 正在处理依赖关系 mongodb-org-shell = 4.2.24,它被软件包 mongodb-org-4.2.24-1.el7.x86_64 需要
--> 正在处理依赖关系 mongodb-org-server = 4.2.24,它被软件包 mongodb-org-4.2.24-1.el7.x86_64 需要
--> 正在检查事务
---> 软件包 mongodb-org-mongos.x86_64.0.4.2.24-1.el7 将被 安装
---> 软件包 mongodb-org-server.x86_64.0.4.2.24-1.el7 将被 安装
---> 软件包 mongodb-org-shell.x86_64.0.4.2.24-1.el7 将被 安装
---> 软件包 mongodb-org-tools.x86_64.0.4.2.24-1.el7 将被 安装
--> 解决依赖关系完成依赖关系解决=========================================================================Package              架构     版本              源                 大小
=========================================================================
正在安装:mongodb-org          x86_64   4.2.24-1.el7      mongodb-org-4.2   6.2 k
为依赖而安装:mongodb-org-mongos   x86_64   4.2.24-1.el7      mongodb-org-4.2    11 Mmongodb-org-server   x86_64   4.2.24-1.el7      mongodb-org-4.2    20 Mmongodb-org-shell    x86_64   4.2.24-1.el7      mongodb-org-4.2    13 Mmongodb-org-tools    x86_64   4.2.24-1.el7      mongodb-org-4.2    26 M事务概要
=========================================================================
安装  1 软件包 (+4 依赖软件包)总下载量:70 M
安装大小:253 M
Downloading packages:
警告:/var/cache/yum/x86_64/7/mongodb-org-4.2/packages/mongodb-org-4.2.24-1.el7.x86_64.rpm: 头V3 RSA/SHA256 Signature, 密钥 ID 058f8b6b: NOKEY
mongodb-org-4.2.24-1.el7.x86_64.rpm 的公钥尚未安装
(1/5): mongodb-org-4.2.24-1.el7.x86_64.rpm                                             | 6.2 kB  00:00:06     
(2/5): mongodb-org-mongos-4.2.24-1.el7.x86_64.rpm                                                                                                |  11 MB  00:00:15     
(3/5): mongodb-org-shell-4.2.24-1.el7.x86_64.rpm                                                                                                 |  13 MB  00:00:06     
(4/5): mongodb-org-server-4.2.24-1.el7.x86_64.rpm                                                                                                |  20 MB  00:00:17     
(5/5): mongodb-org-tools-4.2.24-1.el7.x86_64.rpm                                                                                                 |  26 MB  00:00:12     
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
总计                                                                                                                                    2.0 MB/s |  70 MB  00:00:34     
从 https://www.mongodb.org/static/pgp/server-4.2.asc 检索密钥
导入 GPG key 0x058F8B6B:用户ID     : "MongoDB 4.2 Release Signing Key <packaging@mongodb.com>"指纹       : e162 f504 a20c df15 827f 718d 4b7c 549a 058f 8b6b来自       : https://www.mongodb.org/static/pgp/server-4.2.asc
Running transaction check
Running transaction test
Transaction test succeeded
Running transaction正在安装    : mongodb-org-tools-4.2.24-1.el7.x86_64                                                                                                               1/5 正在安装    : mongodb-org-mongos-4.2.24-1.el7.x86_64                                                                                                              2/5 正在安装    : mongodb-org-shell-4.2.24-1.el7.x86_64                                                                                                               3/5 正在安装    : mongodb-org-server-4.2.24-1.el7.x86_64                                                                                                              4/5 
Created symlink from /etc/systemd/system/multi-user.target.wants/mongod.service to /usr/lib/systemd/system/mongod.service.正在安装    : mongodb-org-4.2.24-1.el7.x86_64                                                                                                                     5/5 验证中      : mongodb-org-server-4.2.24-1.el7.x86_64                                                                                                              1/5 验证中      : mongodb-org-4.2.24-1.el7.x86_64                                                                                                                     2/5 验证中      : mongodb-org-shell-4.2.24-1.el7.x86_64                                                                                                               3/5 验证中      : mongodb-org-mongos-4.2.24-1.el7.x86_64                                                                                                              4/5 验证中      : mongodb-org-tools-4.2.24-1.el7.x86_64                                                                                                               5/5 已安装:mongodb-org.x86_64 0:4.2.24-1.el7                                                                                                                                     作为依赖被安装:mongodb-org-mongos.x86_64 0:4.2.24-1.el7  mongodb-org-server.x86_64 0:4.2.24-1.el7  mongodb-org-shell.x86_64 0:4.2.24-1.el7  mongodb-org-tools.x86_64 0:4.2.24-1.el7 完毕!


    启动数据库
        systemctl start mongod.service

 四、目录结构

rpm -ql mongodb-org-server


        /etc/mongod.conf
            主配置文件
                port: 27017       监听端口号
                  bindIp: 127.0.0.1         监听地址


        /run/mongodb         PID文件
        /usr/bin/mongod       启动命令
        /var/lib/mongo            存储数据文件
        /var/log/mongodb            日志
    rpm -ql mongodb-org-shell


        /usr/bin/mongo     客户端命令
    rpm -ql mongodb-org-tools


        /usr/bin/mongodump          备份数据库
        /usr/bin/mongoexport         备份文档
        /usr/bin/mongoimport         恢复文档
        /usr/bin/mongorestore        恢复数据库

五、默认数据库

    admin:
        从权限的角度来看,这是"root"数据库。要是将一个用户添加到这个数据库,这个用户自动继承所有数据库的权限。
一些特定的服务器端命令也只能从这个数据库运行,比如列出所有的数据库或者关闭服务器。
    local:
        这个数据库永远不会被复制,可以用来存储限于本地单台服务器的任意集合。
    config:
        当Mongo用于分片设置时,config数据库在内部使用,用于保存分片的相关信息。 

六、 数据库操作

 6.1 库操作

登录数据库

mongo

[root@localhost ~]# mongo
MongoDB shell version v4.2.24
connecting to: mongodb://127.0.0.1:27017/?compressors=disabled&gssapiServiceName=mongodb
Implicit session: session { "id" : UUID("bb8264f9-b2bf-4492-b6b1-78f88888cf4f") }
MongoDB server version: 4.2.24
Welcome to the MongoDB shell.
For interactive help, type "help".
For more comprehensive documentation, seehttps://docs.mongodb.com/
Questions? Try the MongoDB Developer Community Forumshttps://community.mongodb.com
Server has startup warnings: 
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] ** WARNING: Access control is not enabled for the database.
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] **          Read and write access to data and configuration is unrestricted.
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] ** WARNING: /sys/kernel/mm/transparent_hugepage/enabled is 'always'.
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] **        We suggest setting it to 'never'
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] ** WARNING: /sys/kernel/mm/transparent_hugepage/defrag is 'always'.
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] **        We suggest setting it to 'never'
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] 
---
Enable MongoDB's free cloud-based monitoring service, which will then receive and display
metrics about your deployment (disk utilization, CPU, operation statistics, etc).The monitoring data will be available on a MongoDB website with a unique URL accessible to you
and anyone you share the URL with. MongoDB may use this information to make product
improvements and to suggest MongoDB products and deployment options to you.To enable free monitoring, run the following command: db.enableFreeMonitoring()
To permanently disable this reminder, run the following command: db.disableFreeMonitoring()
---

查看数据库
        show databases
        show dbs


    显示当前所在数据库
        db
    切换数据库
        use  dbName


    数据库创建
        隐式创建
            不用主动创建,使用use newDB,会自动创建不存在的数据库
            只有在库中创建集合后才会保存,并使用show dbs查看到
    删除数据库
        use dbName
        db.dropdatabase()

 

6.2  文档操作

     查看集合
        show tables


    创建集合
        db.createCollection("test")

     删除集合
        db.需要删除的集合名称.drop()


    插入数据(文档)
        db.集合名称.insert({key:value})
            单行


        db.集合名称.insertmany([{key:value},{key:value},{key:value}])
            多行  mongodb默认数字的数据类型float浮点型,若要改变为整型:NumberInt(数字)

  查询数据
        全集合查询
            db.集合名称.find({})

            db.集合名称.find()


        条件查询
            db.info.find({查询条件1key:value,查询条件2,...},{key1:1|0,key2:1|0,...})
            key:1 显示,key:0 不显示
            当显示的key只有一个时,key:1 只显示该key及对应value,key:0 显示除了该key之外其他所有keyvalue


        查询集合中有多少文档
            db.集合名称.count()
    删除数据
        全文删除
            db.集合名称.remove({})


        条件删除
            db.集合名称.remove({key:value}) 
    更新数据
        db.info.update({_id:"3"}, {$set:{nickname:"jack"}})


        所有满足条件的文档都进行更新

             db.info.update({userid:"1003"},{$set:{nickname:"tom"}},{multi:true})


        更新文档进行数值递增
            db.info.update({userid:"1003"},{$inc:{likenum:NumberInt(1000)}})

七、MongoDB数据库备份 

7.1 备份命令

mongodump
        选项
            -h=hostname:port
            -u=<username>
            -p=<password>
            --authenticationDatabase=<dbname>
            -d=<database>
            -o=<path>
        语法
            mongodump -d dbName -h hostName:port -u userName -p Password -o backupDirectory


mongoexport
        选项
            -h=hostname:port
            -u=<username>
            -p=<password>
            --authenticationDatabase=<dbname>
            -d=<database>
            -o=<path>
        语法
            mongoexport -d dbName -c tableName -h hostName:port -u userName -p Password -o backupDirectory/jsonFile.json

 

7.2 恢复命令

 mongorestore
        选项
            -h=hostname:port
            -u=<username>
            -p=<password>
            --authenticationDatabase=<dbname>
            -d=<database>
            --drop 当目标数据库中存在同名集合则删除再恢复
        语法
            mongorestore -h hostName -u username -p password -d dbName -c tableName bakcupDirector/bsonFile

 查看

[root@localhost ~]# mongo
MongoDB shell version v4.2.24
connecting to: mongodb://127.0.0.1:27017/?compressors=disabled&gssapiServiceName=mongodb
Implicit session: session { "id" : UUID("94fdfff5-03ac-4d95-a96b-f632b47a3f8b") }
MongoDB server version: 4.2.24
Server has startup warnings: 
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] ** WARNING: Access control is not enabled for the database.
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] **          Read and write access to data and configuration is unrestricted.
2023-08-14T18:44:55.142+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] ** WARNING: /sys/kernel/mm/transparent_hugepage/enabled is 'always'.
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] **        We suggest setting it to 'never'
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] 
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] ** WARNING: /sys/kernel/mm/transparent_hugepage/defrag is 'always'.
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] **        We suggest setting it to 'never'
2023-08-14T18:44:55.143+0800 I  CONTROL  [initandlisten] 
---
Enable MongoDB's free cloud-based monitoring service, which will then receive and display
metrics about your deployment (disk utilization, CPU, operation statistics, etc).The monitoring data will be available on a MongoDB website with a unique URL accessible to you
and anyone you share the URL with. MongoDB may use this information to make product
improvements and to suggest MongoDB products and deployment options to you.To enable free monitoring, run the following command: db.enableFreeMonitoring()
To permanently disable this reminder, run the following command: db.disableFreeMonitoring()
---> show dbs
admin   0.000GB
config  0.000GB
jx      0.000GB
local   0.000GB
> use jx
switched to db jx
> show tables
info1

 mongoimport
        选项
            -h=hostname:port
            -u=<username>
            -p=<password>
            --authenticationDatabase=<dbname>
            -d=<database>
            --drop 当目标数据库中存在同名集合则删除再恢复
        语法
            mongoimport -d dbName -c tableName -h hostName:port -u userName -p Password  backupDirectory/jsonFile.json 


总结

       mongodb是一个nosql数据库,它有高性能、无模式、文档型的特点。是nosql数据库中功能最丰富,最像关系数据库的。所以,一起好好学吧!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/92450.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

DNNGP模型解读-early stopping 和 batch normalization的使用

一、考虑的因素&#xff08;仅代表个人观点&#xff09; 1.首先我们看到他的这篇文章所考虑的不同方面从而做出的不同改进&#xff0c;首先考虑到了对于基因组预测的深度学习方法的设计 &#xff0c;我们设计出来这个方法就是为了基因组预测而使用&#xff0c;这也是主要目的&…

华为OD机试 - 用户调度问题(Java 2023 B卷 100分)

目录 专栏导读一、题目描述二、输入描述三、输出描述四、解题思路1、核心思想&#xff1a;2、说人话: 五、Java算法源码六、效果展示1、输入2、输出3、说明 华为OD机试 2023B卷题库疯狂收录中&#xff0c;刷题点这里 专栏导读 本专栏收录于《华为OD机试&#xff08;JAVA&#…

【Linux】进程的基本属性|父子进程关系

个人主页&#xff1a;&#x1f35d;在肯德基吃麻辣烫 我的gitee&#xff1a;Linux仓库 个人专栏&#xff1a;Linux专栏 分享一句喜欢的话&#xff1a;热烈的火焰&#xff0c;冰封在最沉默的火山深处 文章目录 前言进程属性1.进程PID和PPID2.fork函数创建子进程1&#xff09;为什…

【JavaEE进阶】SpringBoot项目的创建

文章目录 一. SpringBoot简介1. 什么是SpringBoot?2. SpringBoot的优点 二. SpringBoot项目创建1. 使用IDEA创建2. 使用网页创建SpringBoot项目 三. 运行SpringBoot项目 一. SpringBoot简介 1. 什么是SpringBoot? Spring Boot 是一个用于快速构建基于 Spring 框架的应用程序…

插入、希尔、归并、快速排序(java实现)

目录 插入排序 希尔排序 归并排序 快速排序 插入排序 排序原理&#xff1a; 1.把所有元素分为两组&#xff0c;第一组是有序已经排好的&#xff0c;第二组是乱序未排序。 2.将未排序一组的第一个元素作为插入元素&#xff0c;倒序与有序组比较。 3.在有序组中找到比插入…

Ceph入门到精通-Aws Iam(user,role,group,policy,resource)架构图和快速入门

-- Aws Iam(identity,user,role,group,policy,resource,)架构图和快速入门. 【官网】&#xff1a;Cloud Computing Services - Amazon Web Services (AWS) 应用场景 aws 云服务运维,devops过程中经常涉及各项服务&#xff0c;权限&#xff0c;角色的处理。 为了更好的使用各项…

logstash 原理(含部署)

1、ES原理 原理 使⽤filebeat来上传⽇志数据&#xff0c;logstash进⾏⽇志收集与处理&#xff0c;elasticsearch作为⽇志存储与搜索引擎&#xff0c;最后使⽤kibana展现⽇志的可视化输出。所以不难发现&#xff0c;⽇志解析主要还 是logstash做的事情 从上图中可以看到&#x…

单片机第一季:零基础13——AD和DA转换

1&#xff0c;AD转换基本概念 51 单片机系统内部运算时用的全部是数字量&#xff0c;即0 和1&#xff0c;因此对单片机系统而言&#xff0c;无法直接操作模拟量&#xff0c;必须将模拟量转换成数字量。所谓数字量&#xff0c;就是用一系列0 和1 组成的二进制代码表示某个信号大…

winform中嵌入cefsharp, 并使用selenium控制

正常说&#xff0c; 需要安装的包 下面是所有的包 全部代码 using OpenQA.Selenium.Chrome; using OpenQA.Selenium; using System; using System.Windows.Forms; using CefSharp.WinForms; using CefSharp;namespace WindowsFormsApp2 {public partial class Form1 : Form{//…

【Python】Web学习笔记_flask(5)——会话cookie对象

HTTP是无状态协议&#xff0c;一次请求响应结束后&#xff0c;服务器不会留下对方信息&#xff0c;对于大部分web程序来说&#xff0c;是不方便的&#xff0c;所以有了cookie技术&#xff0c;通过在请求和响应保温中添加cookie数据来保存客户端的状态。 html代码&#xff1a; …

数据统计与可视化的Dash应用程序

在数据分析和可视化领域&#xff0c;Dash是一个强大的工具&#xff0c;它结合了Python中的数据处理库&#xff08;如pandas&#xff09;和交互式可视化库&#xff08;如Plotly&#xff09;以及Web应用程序开发框架。本文将介绍如何使用Dash创建一个简单的数据统计和可视化应用程…

使用 BERT 进行文本分类 (02/3)

​ 一、说明 在使用BERT&#xff08;1&#xff09;进行文本分类中&#xff0c;我向您展示了一个BERT如何标记文本的示例。在下面的文章中&#xff0c;让我们更深入地研究是否可以使用 BERT 来预测文本是使用 PyTorch 传达积极还是消极的情绪。首先&#xff0c;我们需要准备数据…

冉冉升起的星火,再度升级迎来2.0时代!

文章目录 前言权威性评测结果 星火大模型多模态功能插件功能简历生成文档问答PPT生成 代码能力 福利 前言 前几天从技术群里看到大家都在谈论《人工智能大模型体验报告2.0》里边的内容&#xff0c;抱着好奇和学习的态度把报告看了一遍。看完之后瞬间被里边提到的科大讯飞的星火…

PHP实现在线年龄计算器

1. 输入日期查询年龄 2. php laravel框架实现 代码 /*** 在线年龄计算器*/public function ageDateCal(){// 输入的生日时间$birthday $this->request(birthday);// 当前时间$currentDate date(Y-m-d);// 计算周岁$age date_diff(date_create($birthday), date_create($…

SQL Server基础之游标

一&#xff1a;认识游标 游标是SQL Server的一种数据访问机制&#xff0c;它允许用户访问单独的数据行。用户可以对每一行进行单独的处理&#xff0c;从而降低系统开销和潜在的阻隔情况&#xff0c;用户也可以使用这些数据生成的SQL代码并立即执行或输出。 1.游标的概念 游标是…

LiveDataBus 其中的一个库LiveEventBus库的源码解析

EventBus事件通知的框架我们用了很久了&#xff0c;随着LiveData的出现&#xff0c;出现了LiveDataBus来替代EventBus,因为LiveDataBus 会考虑生命周期&#xff0c;EventBus你可能要注意在生命周期结束的时候unregister的&#xff0c;否则会有内存泄漏等问题&#xff0c;而Live…

采用pycharm在虚拟环境使用pyinstaller打包python程序

一年多以前&#xff0c;我写过一篇博客描述了如何虚拟环境打包&#xff0c;这一次有所不同&#xff0c;直接用IDE pycharm构成虚拟环境并运行pyinstaller打包 之前的博文&#xff1a; 虚拟环境venu使用pyinstaller打包python程序_伊玛目的门徒的博客-CSDN博客 第一步&#xf…

【深入了解PyTorch】PyTorch模型解释性和可解释性:探索决策过程与预测结果的奥秘

【深入了解PyTorch】PyTorch模型解释性和可解释性:探索决策过程与预测结果的奥秘 PyTorch模型解释性和可解释性:探索决策过程与预测结果的奥秘1. 引言2. 梯度可视化3. 特征重要性分析4. 结论PyTorch模型解释性和可解释性:探索决策过程与预测结果的奥秘 在机器学习和深度学习…

临床试验设计-平行设计、析因设计、交叉设计

平行设计、析因设计、交叉设计是临床试验中最重要的三种设计方法。 平行设计&#xff1a;最常见 交叉设计&#xff1a;生物等效性试验 析因设计&#xff1a;药物配伍 一、平行设计 双臂试验&#xff08;two-arm study&#xff09;&#xff08;两组&#xff09;&#xff1a;试验…

Steam 灵感的游戏卡悬停效果

先看效果&#xff1a; 再看代码&#xff08;查看更多&#xff09;&#xff1a; <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Steam 灵感的游戏卡悬停效果</title><style>* {margin: …