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

在Ubuntu 18.04上安装和配置pgAdmin 4服务器模式的方法

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站。

简介

pgAdmin 是一个针对 PostgreSQL 及其相关数据库管理系统的开源管理和开发平台。它使用 Python 和 jQuery 编写,支持 PostgreSQL 中的所有功能。您可以使用 pgAdmin 从编写基本的 SQL 查询到监视数据库和配置高级数据库架构等各种操作。

在本教程中,我们将演示如何在 Ubuntu 18.04 服务器上安装和配置最新版本的 pgAdmin,通过 Web 浏览器访问 pgAdmin,并将其连接到服务器上的 PostgreSQL 数据库。

先决条件

要完成本教程,您需要:

  • 运行 Ubuntu 18.04 的服务器。该服务器应具有一个具有 sudo 权限的非 root 用户,并配置了 ufw 防火墙。如果需要帮助设置,请参考我们的《Ubuntu 18.04 初始服务器设置指南》。
  • 已安装并配置 Nginx 作为 http://unix:/tmp/pgadmin4.sock 的反向代理,按照《如何在 Ubuntu 22.04 上配置 Nginx 作为反向代理》中的第 1 和 2 步进行设置。
  • 在服务器上安装了 PostgreSQL。您可以按照我们的《如何在 Ubuntu 18.04 上安装和使用 PostgreSQL》指南进行设置。在按照该指南操作时,务必创建一个新角色和数据库,因为您需要这两者来连接 pgAdmin 到您的 PostgreSQL 实例。
  • 在服务器上安装了 Python 3 和 venv。请按照《如何在 Ubuntu 18.04 服务器上安装 Python 3 并设置编程环境》安装这些工具并设置虚拟环境。

步骤 1 — 安装 pgAdmin 及其依赖项

截至本文撰写时,pgAdmin 的最新版本是 pgAdmin 4,而通过官方 Ubuntu 软件仓库提供的最新版本是 pgAdmin 3。尽管 pgAdmin 3 不再受支持,项目维护人员建议安装 pgAdmin 4。在本步骤中,我们将介绍在虚拟环境中安装最新版本的 pgAdmin 4(正如项目开发团队建议的),并使用 apt 安装其依赖项的过程。

首先,如果您最近没有更新过服务器的软件包索引,请更新:

sudo apt update

接下来,安装以下依赖项。这些包括 libgmp3-dev,一个多精度算术库;libpq-dev,其中包括与 PostgreSQL 后端通信的头文件和静态库:

sudo apt install libgmp3-dev libpq-dev

然后,创建一些目录,用于存储 pgAdmin 的会话数据、存储数据和日志:

sudo mkdir -p /var/lib/pgadmin4/sessions
sudo mkdir /var/lib/pgadmin4/storage
sudo mkdir /var/log/pgadmin4

接下来,将这些目录的所有权更改为您的非 root 用户和组。这是必要的,因为当前这些目录的所有者是您的 root 用户,但我们将从您的非 root 用户拥有的虚拟环境中安装 pgAdmin,并且安装过程中会在这些目录中创建一些文件。但在安装完成后,我们将把所有权更改为 www-data 用户和组,以便可以提供给 Web:

sudo chown -R sammy:sammy /var/lib/pgadmin4
sudo chown -R sammy:sammy /var/log/pgadmin4

接下来,打开您的虚拟环境。转到您的编程环境所在的目录并激活它。按照先决条件 Python 3 教程的命名约定,我们将转到 environments 目录并激活 my_env 环境:

cd environments/
source my_env/bin/activate

激活虚拟环境后,最好确保您的系统上安装了最新版本的 pip。默认 Ubuntu 18.04 软件仓库中提供的 pip 版本是 9.0.1,而最新版本是 21.0.1。如果您按照先决条件 Python 安装教程中的步骤安装了 python3-pip 包,但尚未将其升级到最新版本,那么在下一步配置 pgAdmin 时将会遇到问题。

要将 pip 升级到最新版本,请运行以下命令:

python -m pip install -U pip

接下来,将 pgAdmin 4 源代码下载到您的计算机上。要找到最新版本的源代码,请转到 pgAdmin 4(Python Wheel)下载页面。单击最新版本(本文撰写时为 v6.10),然后在下一页单击pip的链接。从文件浏览器页面,复制以 .whl 结尾的文件链接,这是 Python 发行版中使用的标准构建包格式。然后返回到您的终端并运行以下 wget 命令,确保用您从 PostgreSQL 网站复制的链接替换,以将 .whl 文件下载到您的服务器:

wget https://ftp.postgresql.org/pub/pgadmin/pgadmin4/v6.10/pip/pgadmin4-6.10-py3-none-any.whl

接下来,使用以下命令安装 wheel 包,这是 wheel 打包标准的参考实现。作为 Python 库,该包用作构建 wheel 的扩展,并包括用于处理 .whl 文件的命令行工具:

python -m pip install wheel

然后使用以下命令安装 pgAdmin 4 包:

python -m pip install pgadmin4-6.10-py3-none-any.whl

接下来,安装 Gunicorn,这是一个 Python WSGI 服务器,将在本教程后面与 Nginx 一起用于提供 pgadmin Web 接口:

python -m pip install gunicorn

这样就完成了安装 pgAdmin 及其依赖项。但在将其连接到数据库之前,您需要对程序的配置进行一些更改。

步骤 2 — 配置 pgAdmin 4

虽然 pgAdmin 已经安装在您的服务器上,但仍然有一些步骤需要进行,以确保它具有所需的权限和配置,以便正确提供 Web 接口。

pgAdmin 的主配置文件 config.py 在任何其他配置文件之前被读取。它的内容可以用作进一步配置设置的参考点,这些设置可以在 pgAdmin 的其他配置文件中指定,但为了避免意外错误,您不应该直接编辑 config.py 文件。我们将向一个新文件添加一些配置更改,命名为 config_local.py,该文件将在主配置文件之后被读取。

现在使用您喜欢的文本编辑器创建此文件。在这里,我们将使用 nano

nano my_env/lib/python3.10/site-packages/pgadmin4/config_local.py

在您的编辑器中,添加以下内容:

LOG_FILE = '/var/log/pgadmin4/pgadmin4.log'
SQLITE_PATH = '/var/lib/pgadmin4/pgadmin4.db'
SESSION_DB_PATH = '/var/lib/pgadmin4/sessions'
STORAGE_DIR = '/var/lib/pgadmin4/storage'
SERVER_MODE = True

这里是这五个指令的作用:

  • LOG_FILE:定义了 pgAdmin 日志将存储的文件。
  • SQLITE_PATH:pgAdmin 将用户相关数据存储在一个 SQLite 数据库中,该指令将 pgAdmin 软件指向此配置数据库。由于此文件位于持久目录 /var/lib/pgadmin4/ 下,因此在升级后不会丢失用户数据。
  • SESSION_DB_PATH:指定用于存储会话数据的目录。
  • STORAGE_DIR:定义了 pgAdmin 将存储其他数据(如备份和安全证书)的位置。
  • SERVER_MODE:将此指令设置为 True 告诉 pgAdmin 以服务器模式运行,而不是桌面模式。

请注意,每个文件路径都指向您在步骤 1 中创建的目录。

添加这些行后,保存并关闭文件。如果您使用的是 nano,请按 CTRL + X,然后按 Y,最后按 ENTER

配置完成后,运行 pgAdmin 设置脚本以设置您的登录凭据:

python my_env/lib/python3.10/site-packages/pgadmin4/setup.py

运行此命令后,您将看到一个提示,询问您的电子邮件地址和密码。这将作为您以后访问 pgAdmin 时的登录凭据,因此请务必记住或记下您在此输入的内容:

. . .
输入用于初始 pgAdmin 用户帐户的电子邮件地址和密码:电子邮件地址:sammy@example.com
密码:
重新输入密码:

至此,pgAdmin 已经完全配置好。但是,该程序尚未从您的服务器上提供服务,因此无法访问。为了解决这个问题,我们将配置 Gunicorn 和 Nginx 来提供 pgAdmin,以便您可以通过 Web 浏览器访问其用户界面。

步骤 3 — 启动 Gunicorn 并配置 Nginx

您将使用 Gunicorn 作为 Web 应用程序来提供 pgAdmin。但是,作为应用程序服务器,Gunicorn 只能在本地访问,无法通过互联网访问。为了使其可以远程访问,您需要使用 Nginx 作为反向代理。

完成设置 Nginx 作为反向代理的先决条件后,您的 Nginx 配置文件将包含以下内容:

server {listen 80;listen [::]:80;server_name your_domain www.your_domain;location / {proxy_pass http://unix:/tmp/pgadmin4.sock;include proxy_params;}
}

这个反向代理配置使您的 Gunicorn 服务器可以在本地浏览器中访问。使用以下命令启动您的 Gunicorn 服务器与 pgAdmin 应用程序:

gunicorn --bind unix:/tmp/pgadmin4.sock --workers=1 --threads=25 --chdir ~/environments/my_env/lib/python3.10/site-packages/pgadmin4 pgAdmin4:app
[2022-08-29 00:19:11 +0000] [7134] [INFO] Starting gunicorn 20.1.0
[2022-08-29 00:19:11 +0000] [7134] [INFO] Listening at: unix:/tmp/pgadmin4.sock (7134)
[2022-08-29 00:19:11 +0000] [7134] [INFO] Using worker: gthread
[2022-08-29 00:19:11 +0000] [7135] [INFO] Booting worker with pid: 7135

通过 Gunicorn 作为应用程序服务器并通过您的 Nginx 反向代理进行访问,您现在可以在 Web 浏览器中访问 pgAdmin 了。

步骤 4 — 访问 pgAdmin

在本地机器上,打开你喜欢的网络浏览器,然后输入你服务器的 IP 地址:

http://your_server_ip

输入后,会出现一个类似下面的登录界面:

!pgAdmin 登录界面

输入在第 2 步中定义的登录凭据,然后你将进入 pgAdmin 欢迎界面:

!pgAdmin 欢迎页面

现在你已经确认可以访问 pgAdmin 界面,剩下的就是将 pgAdmin 连接到你的 PostgreSQL 数据库。不过,在这之前,你需要对你的 PostgreSQL 超级用户进行一些微小的配置。

步骤 5 — 配置你的 PostgreSQL 用户

如果你按照先决条件 PostgreSQL 教程进行了操作,那么你应该已经在服务器上安装了 PostgreSQL,并设置了一个新的超级用户角色和数据库。

在 PostgreSQL 中,默认情况下,你使用“身份验证协议”或“ident”身份验证方法来认证数据库用户。这意味着 PostgreSQL 会获取客户端的 Ubuntu 用户名,并将其用作允许的数据库用户名。在许多情况下,这可以提供更高的安全性,但也可能在你希望外部程序(如 pgAdmin)连接到你的数据库时出现问题。为了解决这个问题,我们将为这个 PostgreSQL 角色设置一个密码,这样 pgAdmin 就可以连接到你的数据库了。

从你的终端,以超级用户角色打开 PostgreSQL 提示符:

sudo -u sammy psql

在 PostgreSQL 提示符下,更新用户配置,设置一个你选择的强密码:

ALTER USER sammy PASSWORD 'password';

然后退出 PostgreSQL 提示符:

\q

接下来,回到你的浏览器中的 pgAdmin 4 界面,找到左侧的 Browser 菜单。右键单击 Servers 以打开上下文菜单,将鼠标悬停在 Create 上,然后单击 Server…

!创建服务器上下文菜单

这将在你的浏览器中弹出一个窗口,在其中你将输入有关你的服务器、角色和数据库的信息。

General 选项卡中,输入此服务器的名称。这可以是任何你喜欢的名称,但最好是一些描述性的内容。在我们的示例中,服务器的名称是 Sammy-server-1

!创建服务器 - General 选项卡

接下来,点击 Connection 选项卡。在 Host name/address 字段中,输入 localhostPort 应该默认设置为 5432,这对于这个设置来说是有效的,因为这是 PostgreSQL 使用的默认端口。

Maintenance database 字段中,输入你想要连接的数据库的名称。请注意,这个数据库必须已经在你的服务器上创建好。然后,在 UsernamePassword 字段中,分别输入你之前配置的 PostgreSQL 用户名和密码。

!创建服务器 - Connection 选项卡

其他选项卡中的空字段是可选的,只有在你有特定设置需要时才需要填写它们。点击 Save 按钮,数据库将出现在 Browser 菜单下的 Servers 中。

你已成功将 pgAdmin4 连接到你的 PostgreSQL 数据库。你可以在 pgAdmin 仪表板上执行几乎任何你在 PostgreSQL 提示符上可以执行的操作。为了说明这一点,我们将通过 Web 界面创建一个示例表,并向其中填充一些示例数据。

步骤 6 — 在 pgAdmin 仪表板中创建表

从 pgAdmin 仪表板中,找到窗口左侧的 Browser 菜单。单击 Servers (1) 旁边的加号(+)以展开其中的树形菜单。接下来,单击上一步中添加的服务器(在我们的示例中为 Sammy-server-1)左侧的加号,然后展开 Databases、你添加的数据库的名称(在我们的示例中为 sammy),然后展开 Schemas (1)。你应该会看到如下所示的树形菜单:

!展开的 Browser 树形菜单

右键单击 Tables,然后将鼠标悬停在 Create 上,单击 Table…

!创建表上下文菜单

这将打开一个 Create-Table 窗口。在这个窗口的 General 选项卡下,为表输入一个名称。这可以是任何你喜欢的名称,但为了简单起见,我们将其称为 table-01

!创建表 - General 选项卡

然后转到 Columns 选项卡,并单击窗口右上角的加号(+)以添加一些列。在添加列时,你需要为其指定一个 Name 和一个 Data type,如果数据类型要求,你可能还需要选择一个 Length

此外,官方的 PostgreSQL 文档指出,向表添加主键通常是最佳实践。主键 是一个约束,指示可以用作表中行的特殊标识符的特定列或列集。这不是必需的,但如果你想将一个或多个列设置为主键,可以将右侧的开关从 No 切换到 Yes

点击 Save 按钮以创建表。

!创建表 - 打开主键的 Columns 选项卡

到目前为止,你已经创建了一个表,并向其中添加了一些列。不过,这些列还没有包含任何数据。要向新表添加数据,右键单击 Browser 菜单中表的名称,将鼠标悬停在 Scripts 上,然后单击 INSERT Script

!INSERT 脚本上下文菜单

这将在仪表板上打开一个新面板。在顶部,你将看到一个部分填充的 INSERT 语句,其中包含适当的表和列名称。请用一些虚拟数据替换问号(?),确保你添加的数据与你为每列选择的数据类型相匹配。请注意,你还可以通过在新的括号组中添加每行来添加多行数据,每组括号之间用逗号分隔,如下例所示。

如果愿意,可以用以下示例 INSERT 语句替换部分填充的 INSERT 脚本:

INSERT INTO public."table-01"(col1, col2, col3)VALUES ('Juneau', 14, 337), ('Bismark', 90, 2334), ('Lansing', 51, 556);

!示例 INSERT 语句

点击侧向三角形图标()以执行 INSERT 语句。请注意,在较旧版本的 pgAdmin 中,执行图标是一个闪电图标()。

要查看表和其中的所有数据,再次右键单击 Browser 菜单中你的表的名称,将鼠标悬停在 View/Edit Data 上,然后选择 All Rows

!查看/编辑数据,所有行上下文菜单

这将在仪表板上打开另一个新面板,在下面的 Data Output 选项卡中,你可以查看表中保存的所有数据。

!查看数据 - 示例数据输出

到此为止,你已成功通过 pgAdmin Web 界面创建了一个表,并向其中填充了一些数据。当然,这只是你可以使用 pgAdmin 创建表的一种方法。例如,你也可以使用 SQL 而不是本步骤中描述的基于 GUI 的方法来创建和填充表。

结论

在本指南中,您学习了如何从 Python 虚拟环境安装 pgAdmin 4,配置它,使用 Gunicorn 和 Nginx 将其提供给 Web,并且如何将其连接到 PostgreSQL 数据库。此外,本指南还介绍了一种用于创建和填充表的方法,但 pgAdmin 不仅仅可以用于创建和编辑表格。

要了解如何充分利用 pgAdmin 的所有功能,我们鼓励您查阅该项目的文档。您也可以通过我们社区关于 PostgreSQL 的教程了解更多信息。

相关文章:

在Ubuntu 18.04上安装和配置pgAdmin 4服务器模式的方法

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站。 简介 pgAdmin 是一个针对 PostgreSQL 及其相关数据库管理系统的开源管理和开发平台。它使用 Python 和 jQuery 编写,支持 P…...

NiFi :1 初识这把“十年一剑”的利器

--->更多内容&#xff0c;请移步“鲁班秘笈”&#xff01;&#xff01;<--- “现在AI和数据处理密不可分&#xff0c;80%的企业可以利用Apache NiFi轻松解决复杂的数据问题&#xff0c;快速完成场景建设。犹如花上百来块钱在家享受一顿不亚于五星级西餐厅的法式大餐。对…...

Pyside6实战教程专栏目录

Pyside6实战教程&#x1f680; 专栏目录介绍 本专栏将详细地向Python开发者展示如何利用PySide6框架创建功能丰富的桌面应用程序。无论你是刚刚接触GUI编程的新手&#xff0c;还是希望快速提升自己技能水平的进阶用户&#xff0c;本文都将为你提供一系列简单易懂的教程&#xf…...

【Dash】使用 Dash Design Kit (DDK) 创建图表

一、Styling Your App The examples in the previous section used Dash HTML Components to build a simple app layout, but you can style your app to look more professional. This section will give a brief overview of the multiple tools that you can use to enhan…...

C++ 几何算法 - 向量点乘,叉乘及其应用

一&#xff1a;点乘介绍 1. 向量点乘&#xff1a; 2. 向量点乘的性质&#xff1a; 3. 向量点乘公式&#xff1a; 4. 向量的点乘的属性&#xff1a; &#xff08;1&#xff09;&#xff1a;向量与自身做点乘&#xff0c;会得到向量长度的平方&#xff1a; &#xff08;2&#xf…...

Taro学习记录(具体项目实践)

一、安装taro-cli 二、项目文件 三、项目搭建 1、Eslint配置 在项目生成的 .eslintrc 中进行配置 {"extends": ["taro/react"], //一个配置文件&#xff0c;可以被基础配置中的已启用的规则继承"parser": "babel/eslint-parser…...

ICML 2024 | 矛与盾的较量!北大提出提示无关数据防御保护算法PID

文章链接&#xff1a;https://arxiv.org/pdf/2406.15305 代码地址&#xff1a;https://github.com/PKU-ML/Diffusion-PID-Protection 亮点直击 本文在实证观察中发现&#xff0c;保护阶段和利用阶段之间的提示不匹配可能会削弱当前数据保护算法的有效性。本文深入探讨了利用LDM…...

Oracle聚合函数LISTAGG和WM_CONCAT简介

目录 Oracle聚合函数LISTAGG和WM_CONCAT简介LISTAGG 函数1.语法2.示例3.去除重复值 WM_CONCAT 函数1.语法2.示例3.去除重复值 比较1.性能2.排序与分隔符3.去除重复值 Oracle聚合函数LISTAGG和WM_CONCAT简介 在处理数据库中的数据聚合任务时&#xff0c;我们经常需要将多行数据…...

【Unity】多种寻路算法实现 —— BFS,DFS,Dijkstra,A*

本实验寻路算法均基于网格实现&#xff0c;整体称呼为Grid&#xff0c;单个瓦片称之为Tile 考虑程序处理的简洁性&#xff0c;所有算法使用同一种Tile&#xff0c;且权值点&#xff0c;A*所需的记录数值也全部放在Tile中记录 前排贴上代码仓库链接&#xff1a; GitHub - Sir…...

十大游戏设计软件:创意实现的利器

在数字娱乐的多彩世界里&#xff0c;游戏设计无疑是一项充满创意与技术挑战的艺术。随着技术的进步&#xff0c;游戏设计师的手中拥有了一系列强大的工具&#xff0c;它们让想象中的世界得以呈现&#xff0c;让玩家的体验更加丰富和真实。本文将带你走进游戏设计的幕后&#xf…...

Pandas高级操作:多级索引、窗口函数、数据透视表等

在数据处理和分析中,pandas库提供了强大的功能,支持从简单到复杂的数据操作。本文将介绍一些pandas的高级操作,包括多级索引(MultiIndex)、窗口函数(Window Functions)、数据透视表与复杂聚合、数据合并与连接、高级数据变换以及时间序列数据的高级处理。 1. 多级索引(…...

mysql源码编译启动debug

对于没有C语言基础的同学来说&#xff0c;想看看源码&#xff0c;在搞定编辑器做debug的时候就被劝退了&#xff0c;发生点啥了&#xff0c;完全看不懂&#xff0c;不知道从哪里入手去做debug&#xff1b;我为了看看 mysql 的 insert buffer 到底存的是索引页还是数据页&#x…...

吴恩达机器学习-C1W3L2-逻辑回归之S型函数

可选实验:逻辑回归 在这个不评分的实验中&#xff0c;你会 探索sigmoid函数(也称为logistic函数)探索逻辑回归;哪个用到了s型函数 import numpy as np %matplotlib widget import matplotlib.pyplot as plt from plt_one_addpt_onclick import plt_one_addpt_onclick from l…...

P-one新增火焰图-为性能测试开启新视野

随着软件业务流程的日益复杂&#xff0c;传统的性能测试方法已经难以满足对性能问题精准定位的需求。测试人员需要一种更加直观、全面的方式来分析软件在运行过程中的性能表现&#xff0c;以便快速准确地找到性能瓶颈并进行优化。因此&#xff0c;我们在性能测试平台P-One中加入…...

CTF-web基础 TCP/UDP协议

传输层协议由TCP/UDP协议组成&#xff0c;来控制信息的传输&#xff0c;二者有什么区别呢&#xff0c;TCP比较靠谱&#xff0c;但是UDP速度比较快一点。 TCP协议 Transmission Control protocol&#xff0c; 三次握手&#xff1a;先给服务器传输询问要发消息&#xff0c;然后…...

sql常用语法总结

SQL(Structured Query Language,结构化查询语言)是一种用于管理和操作关系数据库的标准编程语言。本文用来记录一些接触到的sql语句,随着学习不断进行更新: 选择数据 - SELECT 语句用于从数据库表中检索数据。 SELECT column1, column2 FROM table_name;插入数据 - INSERT…...

实验八 题目描述 从键盘上输入任意一个整数(正负数皆可),判断该整数的绝对值是否为回文数。

实验八 题目描述 从键盘上输入任意一个整数&#xff08;正负数皆可&#xff09;&#xff0c;判断该整数的绝对值是否为回文数。&#xff3b;提示&#xff1a;取数的绝对值&#xff0c;然后使用用循环语句从该绝对值的末位开始至最高位&#xff0c;重新构造一个数&#xff0c;…...

IsaacLab | Workflow 中 rsl_rl 的 play.py 脚本精读

如是我闻&#xff1a; 在用IsaacLab 做强化学习实验时&#xff0c;回顾已训练好的模型需要调用workflow中的play.py脚本&#xff0c;以下是对rsl_rl的play.py脚本的逐行精读。 1. 版权声明和文件描述 # Copyright (c) 2022-2024, The Isaac Lab Project Developers. # All ri…...

PYTHON专题-(8)我错了该怎么整?

什么是异常处理&#xff1f; 异常处理是一种机制&#xff0c;用于在程序执行期间发生错误或异常时&#xff0c;对发生的异常进行捕获、处理和恢复&#xff0c;以确保程序能够继续执行或正确地终止。异常处理可以包括捕获异常、处理异常&#xff0c;以及执行相应的操作来处理异常…...

【自然资源】设施农业用地的学习梳理

【自然资源】设施农业用地的学习梳理 什么是设施农业用地&#xff1f; 2019年12月17日&#xff0c;自然资源部 、农业农村部印发的《关于设施农业用地管理有关问题的通知》规定&#xff1a;设施农业用地包括农业生产中直接用于作物种植和畜禽水产养殖的设施用地。其中&#x…...

【秋招笔试】24-07-27-OPPO-秋招笔试题(后端卷)

🍭 大家好这里是清隆学长 ,一枚热爱算法的程序员 💻 ACM金牌团队🏅️ | 多次AK大厂笔试 | 编程一对一辅导 ✨ 本系列打算持续跟新 秋招笔试题 👏 感谢大家的订阅➕ 和 喜欢💗 ✨ 笔试合集传送们 -> 🧷春秋招笔试合集 💡 01.二进制反转游戏 问题描述 K小姐…...

JS 补充内容

一、dir 打印对象 二、获取 html 中的元素 常用的两种方式 其他获取元素的方法 三、 innerText 四、innerHTML 五、修改元素的值 六、鼠标放上去&#xff0c;显示图片的提示文字 img . title 七、获取 N ~ M 之间的随机整数 八、修改属性样式 1. style 2. className 将后面 …...

H5+JS 4096小游戏

主要实现 1.使用WASD或方向按钮控制游戏 2.最高值4096&#xff0c;玩到4096视为胜利 3.随机生成2、4、8方块 4.移动方块 5.合并方块 JS代码干了什么 初始化游戏界面&#xff1a;创建游戏板和控制按钮。 定义游戏相关变量&#xff1a;如棋盘大小、棋盘状态、得分等。 初始化棋…...

常见中间件漏洞(二、WebLogin合集)

目录 二、WebLogic Weblogic介绍 2.1 后台弱口令GetShell 漏洞描述 影响范围 环境搭建 漏洞复现 2.2 CVE-2017-3506 漏洞描述 影响版本 环境搭建 漏洞复现 2.3 CVE-2019-2725 漏洞描述 影响版本 环境搭建 漏洞复现 2.4 CVE-2018-2628 漏洞描述 漏洞影响 环…...

LeetCode LCR147.最小栈

LeetCode LCR147.最小栈 思路&#x1f914;&#xff1a; 建立两个栈&#xff0c;一个栈正常入栈出栈&#xff0c;一个栈只用于出入最小数&#xff0c;当push值小于minst栈顶才入栈&#xff0c;当pop值等于minst栈顶才出栈。 代码&#x1f50e;&#xff1a; class MinStack { pu…...

目标检测的算法有哪些

目标检测是计算机视觉领域的一个重要任务&#xff0c;它涉及识别图像或视频中的对象&#xff0c;并确定它们的位置和类别。随着深度学习的发展&#xff0c;出现了许多高效且准确的目标检测算法。以下是一些主要的目标检测算法&#xff1a; 两阶段检测器&#xff08;Region-bas…...

HDU多校-交通管控

Problem - 7498 (hdu.edu.cn) 直接dfs显然不行&#xff0c;达到了2^500&#xff0c;那么我们可以考虑枚举所有红绿灯的状态&#xff0c;总共有三种状态&#xff0c;k的范围小于等于10&#xff0c;因此所有状态数为3^10不会超&#xff0c;所以通过三进制状压dp即可完成&#xf…...

【C++】string类

&#x1f680;个人主页&#xff1a;奋斗的小羊 &#x1f680;所属专栏&#xff1a;C 很荣幸您能阅读我的文章&#xff0c;诚请评论指点&#xff0c;欢迎欢迎 ~ 目录 前言&#x1f4a5;1、标准库中的string类&#x1f4a5;1.1string类的常用接口&#x1f4a5;string类对象常见…...

Python中各类常用内置转换函数

Python中各类常用内置转换函数 函数功能说明int(x)将 x 转换为整数类型float(x)将 x 转换为浮点数类型str(x)将 x 转换为字符串repr(x)将 x 转换为表达式字符串eval(str)计算在字符串中的有效Python表达式&#xff0c;并返回一个对象list(s)将序列 s 转换为一个列表tuple(s)将…...

LangChain与JWT:构建安全认证的桥梁

LangChain与JWT&#xff1a;构建安全认证的桥梁 在现代Web应用和微服务架构中&#xff0c;安全认证是保护数据和资源访问的关键。JSON Web Tokens&#xff08;JWT&#xff09;作为一种广泛使用的开放标准&#xff0c;为安全传输提供了一种简洁而自包含的方式。LangChain&#…...