C++拾趣——绘制Console中DropdownMenu

news2024/10/9 8:48:50

大纲

  • 居中显示窗口
  • 清屏并重设光标
  • 绘制窗口
    • 绘制窗口顶部
    • 绘制下拉行
    • 绘制下拉框选项
    • 绘制按钮行
    • 绘制窗口底部
  • 修改终端默认行为
  • 对方向键的特殊处理
  • 过程控制
    • Tab键的处理
    • Enter键的处理
    • 上下左右方向键的处理
  • 完整代码
  • 代码地址

这次我们要绘制下拉菜单，如下图。

在这里插入图片描述

居中显示窗口

按照界面库的设计，Dropdown Menu不能独立存在，而是要位于一个窗口中。我们就用线段画出一个窗口。

这个窗口要位于终端中间，即居中。这样我们就需要先获取终端窗口的尺寸。

    // 获取终端窗口大小
    struct winsize w;
    ioctl(STDIN_FILENO, TIOCGWINSZ, &w);
    int terminalWidth = w.ws_col;
    int terminalHeight = w.ws_row;

然后通过当前窗口的大小，计算出起始绘制的坐标。下面options里保存的是可供选择的单选项，窗口的高度会随着选项个数而变化。

    // 窗口的宽度和高度
    int windowWidth = 40;
    int windowHeight = options.size() + 8;

    // 计算窗口的起始位置
    int startX = (terminalWidth - windowWidth) / 2;
    int startY = (terminalHeight - windowHeight) / 2;

清屏并重设光标

在开始绘制之前，我们需要使用《C++拾趣——绘制Console中圆形进度》中介绍的\033[2J\033[H来清屏并将光标移动到左上角。这是我们需要反复从最开始的位置重新绘制所有内容。

    cout << "\033[2J\033[H"; // 清屏并将光标移动到左上角

绘制窗口

绘制窗口顶部

在这里插入图片描述
因为要居中，所以在Y轴方向，我们先要输出一些\n来换行。

    // 打印顶部边框
    cout << string(startY, '\n');
    cout << string(startX, ' ') << "+" << string(windowWidth - 2, '-') << "+" << endl;

绘制下拉行

在这里插入图片描述
下拉行是未展开时的下拉框。我们可以通过Tab键切换焦点，让其被选中。
在这里插入图片描述

    // 打印下拉框行
    cout << string(startX, ' ') << "| ";
    if (isDropdownSelected) {
        cout << greenBackground << whiteText << "[Select Option]" << reset;
    } else {
        cout << "[Select Option]";
    }
    cout << string(windowWidth - 4 - 15, ' ') << " |" << endl;

绘制下拉框选项

在这里插入图片描述
下拉框选项是展开状态。我们可以对下拉行进行Enter操作，来让下拉框展开或者缩回。

    // 打印下拉框选项
    if (isDropdownOpen) {
        for (int i = 0; i < options.size(); ++i) {
            cout << string(startX, ' ') << "| ";
            if (i == selectedIndex) {
                cout << redBackground << whiteText << options[i] << reset;
            } else {
                cout << options[i];
            }
            cout << string(windowWidth - 4 - options[i].size(), ' ') << " |" << endl;
        }
    } else {
        cout << string(startX, ' ') << "| " << string(windowWidth - 4, ' ') << " |" << endl;
    }

绘制按钮行

在这里插入图片描述
我们需要绘制两个按钮：OK和Cancel。

因为按钮也要居中显示，所以我们先需要算出要空出多少列出来——padding值。

当按钮被选中时，它会变成绿色背景，另外一个按钮就会变成默认背景。

    // 打印按钮行
    string okButton = "[ OK ]";
    string cancelButton = "[Cancel]";
    int totalButtonLength = okButton.length() + cancelButton.length() + 2; // 2 spaces between buttons
    int padding = (windowWidth - totalButtonLength) / 2;

    cout << string(startX, ' ') << "| " << string(padding, ' ');
    if (isButtonSelected && buttonIndex == 0) {
        cout << greenBackground << whiteText << blinkText << okButton << reset;
    } else {
        cout << okButton;
    }
    cout << "  ";
    if (isButtonSelected && buttonIndex == 1) {
        cout << greenBackground << whiteText << blinkText << cancelButton << reset;
    } else {
        cout << cancelButton;
    }
    cout << string(windowWidth - totalButtonLength - padding - 2 - 2, ' ') << " |" << endl;

绘制窗口底部

在这里插入图片描述

    // 打印底部边框
    cout << string(startX, ' ') << "+" << string(windowWidth - 2, '-') << "+" << endl;

修改终端默认行为

由于不能鼠标操作，所以我们只能通过键盘操作界面，比如进行Button的选择和按下操作。

我们只接受Tab、向左、向右、向上、向下、ESC和Enter等7个键。

Tab键可以在Dropdown Menu和Push Button之间切换；

向左、向右只能在Push Button间切换；

向上、向下只能在Dropdown Menu间切换；

ESC是退出程序；

Enter表示PushButton被按下，或者Dropdown Menu被选中。

默认情况下，我们在键盘上输出的可见字符都会显示在终端上。但是在当前场景下，我们并不希望有这样的效果。这就需要我们修改终端的默认行为。

下面的代码在将终端修改为静默模式（关闭规范模式（ICANON）和回显（ECHO），使得输入字符不需要按下回车键就能立即读取，并且输入的字符不会显示在终端上）后，等待并读取键盘的输入，然后再还原原始的设置。这步还原操作非常重要，否则程序退出后，终端会一直处于静默模式，后续的输入都不会显示在终端上。这也预示着，如果本程序使用ctrl+c强行终止，会出现终端行为异常的情况。

int getch() {
    struct termios oldt, newt;
    int ch;
    tcgetattr(STDIN_FILENO, &oldt);
    newt = oldt;
    newt.c_lflag &= ~(ICANON | ECHO);   // 修改终端设置：关闭回显和规范模式
    tcsetattr(STDIN_FILENO, TCSANOW, &newt);    // 设置终端为静默模式
    ch = getchar();
    ……
    tcsetattr(STDIN_FILENO, TCSANOW, &oldt);
    return ch;
}

对方向键的特殊处理

在终端环境中，特殊键（如箭头键、功能键等）通常不会直接生成单个字符的输入，而是生成一系列字符的序列。对于箭头键，通常的序列是以 ESC 键（ASCII 码 27）开头，后面跟着一个或多个字符来表示具体的键。

  • 向上箭头：ESC + [ + A
  • 向下箭头：ESC + [ + B
  • 向右箭头：ESC + [ + C
  • 向左箭头：ESC + [ + D
    ch = getchar();
    if (ch == 27) { // 如果是ESC键
        ch = getchar();
        if (ch == 91) { // 如果是'['键
            ch = getchar();
            if (ch == 65) ch = 1000; // 上箭头键
            if (ch == 66) ch = 1001; // 下箭头键
            if (ch == 67) ch = 1002; // 右箭头键
            if (ch == 68) ch = 1003; // 左箭头键
        }
    }

过程控制

下面代码会在getch()中等待终端的输入。

int main() {
    bool isDropdownSelected = false;
    bool isDropdownOpen = false;
    vector<string> options = {"Option 1", "Option 2", "Option 3", "Option 4"};
    int selectedIndex = 0;
    bool isButtonSelected = false;
    int buttonIndex = 0;

    while (true) {
        display(isDropdownSelected, isDropdownOpen, options, selectedIndex, isButtonSelected, buttonIndex);

        int ch = getch();
        if (ch == 9) { // Tab 键
            if (!isDropdownSelected && !isButtonSelected) {
                isDropdownSelected = true;
            } else if (isDropdownSelected) {
                isDropdownSelected = false;
                isButtonSelected = true;
                buttonIndex = 0; // 默认选择 OK 按钮
            } else if (isButtonSelected) {
                if (buttonIndex == 1) {
                    isButtonSelected = false;
                    isDropdownSelected = true;
                } else {
                    buttonIndex = (buttonIndex + 1) % 2;
                }
            }
        } else if (ch == 10 || ch == 13) { // Enter 键
            if (isDropdownSelected) {
                isDropdownOpen = !isDropdownOpen;
            } else if (isButtonSelected) {
                cout << "\033[2J\033[H"; // 清空画面
                if (buttonIndex == 0) { // OK 按钮
                    cout << "You selected: " << options[selectedIndex] << endl;
                } else if (buttonIndex == 1) { // Cancel 按钮
                    cout << "Operation cancelled." << endl;
                }
                break;
            }
        } else if (ch == 1000) { // 上箭头键
            if (isDropdownOpen && selectedIndex > 0) {
                selectedIndex--;
            }
        } else if (ch == 1001) { // 下箭头键
            if (isDropdownOpen && selectedIndex < options.size() - 1) {
                selectedIndex++;
            }
        } else if (ch == 1002) { // 右箭头键
            if (isButtonSelected) {
                buttonIndex = (buttonIndex + 1) % 2;
            }
        } else if (ch == 1003) { // 左箭头键
            if (isButtonSelected) {
                buttonIndex = (buttonIndex + 1) % 2;
            }
        } else if (ch == 27) { // Esc 键退出
            cout << "\033[2J\033[H"; // 清空画面
            break;
        }
    }

    return 0;
}

Tab键的处理

该界面分为三个个区域：Dropdown Menu行区域、Dropdown Menu选项区域和Push Button区域。isButtonSelected变量表示当前焦点是否在Push Button区域；isDropdownSelected表示当前焦点是否在Dropdown Menu行区域；isDropdownOpen表示当前焦点是否在Dropdown Menu选项区域。

如果是Push Button区域（isButtonSelected == true），且当前聚焦的是Cancel（buttonIndex == 1），则在收到Tab键时，会跳到Dropdown Menu行区域（isDropdownSelected= true）；如果聚焦的不是Cancel，则通过buttonIndex = (buttonIndex + 1) % 2计算出要聚焦到的Push Button的下标。

如果是Dropdown Menu行区域或者Dropdown Menu选项区域（isDropdownSelected== true），则在收到Tab键时，跳到Push Button区域（isButtonSelected == true）的OK按钮处。这就预示着光标在下拉框选项中时，Tab键并不会切换下拉选项。

在这里插入图片描述

Enter键的处理

如果当前聚焦的是Push Button区域（isButtonSelected == true），则判断聚焦的是OK还是Cancel。如果是OK，则输出用户的选项并退出；如果是Cancel则直接退出。

如果当前聚焦的是Dropdown Menu行区域（isButtonSelected == false），则会根据当前是否为展开状态决定后续是要展开还是收缩选项

在这里插入图片描述

上下左右方向键的处理

我们让上下键只能在Dropdown Menu区域切换焦点，左右键只能在Push Button区域切换焦点。这是因为Dropdown Menu区域中的项目是上下布局的，而Push Button区域是左右布局的。

在这里插入图片描述

完整代码

#include <iostream>
#include <termios.h>
#include <unistd.h>
#include <sys/ioctl.h>
#include <vector>

using namespace std;

void display(bool isDropdownSelected, bool isDropdownOpen, const vector<string>& options, int selectedIndex, bool isButtonSelected, int buttonIndex) {
    const string greenBackground = "\033[42m"; // 绿色背景
    const string redBackground = "\033[41m";   // 红色背景
    const string whiteText = "\033[37m";       // 白色字体
    const string blinkText = "\033[5m";        // 闪烁文本
    const string reset = "\033[0m";            // 重置颜色

    // 获取终端窗口大小
    struct winsize w;
    ioctl(STDIN_FILENO, TIOCGWINSZ, &w);
    int terminalWidth = w.ws_col;
    int terminalHeight = w.ws_row;

    // 窗口的宽度和高度
    int windowWidth = 40;
    int windowHeight = 10;

    // 计算窗口的起始位置
    int startX = (terminalWidth - windowWidth) / 2;
    int startY = (terminalHeight - windowHeight) / 2;

    cout << "\033[2J\033[H"; // 清屏并将光标移动到左上角

    // 打印顶部边框
    cout << string(startY, '\n');
    cout << string(startX, ' ') << "+" << string(windowWidth - 2, '-') << "+" << endl;

    // 打印下拉框行
    cout << string(startX, ' ') << "| ";
    if (isDropdownSelected) {
        cout << greenBackground << whiteText << "[Select Option]" << reset;
    } else {
        cout << "[Select Option]";
    }
    cout << string(windowWidth - 4 - 15, ' ') << " |" << endl;

    // 打印下拉框选项
    if (isDropdownOpen) {
        for (int i = 0; i < options.size(); ++i) {
            cout << string(startX, ' ') << "| ";
            if (i == selectedIndex) {
                cout << redBackground << whiteText << options[i] << reset;
            } else {
                cout << options[i];
            }
            cout << string(windowWidth - 4 - options[i].size(), ' ') << " |" << endl;
        }
    } else {
        cout << string(startX, ' ') << "| " << string(windowWidth - 4, ' ') << " |" << endl;
    }

    // 打印按钮行
    string okButton = "[ OK ]";
    string cancelButton = "[Cancel]";
    int totalButtonLength = okButton.length() + cancelButton.length() + 2; // 2 spaces between buttons
    int padding = (windowWidth - totalButtonLength) / 2;

    cout << string(startX, ' ') << "| " << string(padding, ' ');
    if (isButtonSelected && buttonIndex == 0) {
        cout << greenBackground << whiteText << blinkText << okButton << reset;
    } else {
        cout << okButton;
    }
    cout << "  ";
    if (isButtonSelected && buttonIndex == 1) {
        cout << greenBackground << whiteText << blinkText << cancelButton << reset;
    } else {
        cout << cancelButton;
    }
    cout << string(windowWidth - totalButtonLength - padding - 2 - 2, ' ') << " |" << endl;

    // 打印底部边框
    cout << string(startX, ' ') << "+" << string(windowWidth - 2, '-') << "+" << endl;

    cout << reset; // 重置颜色
}

int getch() {
    struct termios oldt, newt;
    int ch;
    tcgetattr(STDIN_FILENO, &oldt);
    newt = oldt;
    newt.c_lflag &= ~(ICANON | ECHO);
    tcsetattr(STDIN_FILENO, TCSANOW, &newt);
    ch = getchar();
    if (ch == 27) { // 如果是ESC键
        ch = getchar();
        if (ch == 91) { // 如果是'['键
            ch = getchar();
            if (ch == 65) ch = 1000; // 上箭头键
            if (ch == 66) ch = 1001; // 下箭头键
            if (ch == 67) ch = 1002; // 右箭头键
            if (ch == 68) ch = 1003; // 左箭头键
        }
    }
    tcsetattr(STDIN_FILENO, TCSANOW, &oldt);
    return ch;
}

int main() {
    bool isDropdownSelected = false;
    bool isDropdownOpen = false;
    vector<string> options = {"Option 1", "Option 2", "Option 3", "Option 4"};
    int selectedIndex = 0;
    bool isButtonSelected = false;
    int buttonIndex = 0;

    while (true) {
        display(isDropdownSelected, isDropdownOpen, options, selectedIndex, isButtonSelected, buttonIndex);

        int ch = getch();
        if (ch == 9) { // Tab 键
            if (!isDropdownSelected && !isButtonSelected) {
                isDropdownSelected = true;
            } else if (isDropdownSelected) {
                isDropdownSelected = false;
                isButtonSelected = true;
                buttonIndex = 0; // 默认选择 OK 按钮
            } else if (isButtonSelected) {
                if (buttonIndex == 1) {
                    isButtonSelected = false;
                    isDropdownSelected = true;
                } else {
                    buttonIndex = (buttonIndex + 1) % 2;
                }
            }
        } else if (ch == 10 || ch == 13) { // Enter 键
            if (isDropdownSelected) {
                isDropdownOpen = !isDropdownOpen;
            } else if (isButtonSelected) {
                cout << "\033[2J\033[H"; // 清空画面
                if (buttonIndex == 0) { // OK 按钮
                    cout << "You selected: " << options[selectedIndex] << endl;
                } else if (buttonIndex == 1) { // Cancel 按钮
                    cout << "Operation cancelled." << endl;
                }
                break;
            }
        } else if (ch == 1000) { // 上箭头键
            if (isDropdownOpen && selectedIndex > 0) {
                selectedIndex--;
            }
        } else if (ch == 1001) { // 下箭头键
            if (isDropdownOpen && selectedIndex < options.size() - 1) {
                selectedIndex++;
            }
        } else if (ch == 1002) { // 右箭头键
            if (isButtonSelected) {
                buttonIndex = (buttonIndex + 1) % 2;
            }
        } else if (ch == 1003) { // 左箭头键
            if (isButtonSelected) {
                buttonIndex = (buttonIndex + 1) % 2;
            }
        } else if (ch == 27) { // Esc 键退出
            cout << "\033[2J\033[H"; // 清空画面
            break;
        }
    }

    return 0;
}

代码地址

https://github.com/f304646673/cpulsplus/tree/master/console_ui/dropdownmenu

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

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

C语言 | Leetcode C语言题解之第466题统计重复个数

C语言 | Leetcode C语言题解之第466题统计重复个数

题目&#xff1a; 题解&#xff1a; #include <stdlib.h> #include <stdio.h> #include <stdbool.h> #include <string.h> #include <math.h> #include <limits.h>#define MMAX(a, b) ((a) > (b)? (a) : (b)) #define MMIN(a,…
阅读更多...
xianshan分支预测器BPU

xianshan分支预测器BPU

xianshan分支预测器BPU 1 RISC-V分支预测1.0 分支预测基本类型1.0.1 条件分支指令1.0.2 无条件分支指令 1.1 方向预测1.1.1 饱和计数器法1.1.1.1 Questions 1.1.2 分支历史法--程序局部性原理1.1.2.1 Questions 1.2 目标地址预测1.2.1 分支目标缓存--BTB 1.3 预测指令类型1.3.1…
阅读更多...
【小白向】机器人入门之ROS系统的学习（Ubuntu24.04+ROS2）

【小白向】机器人入门之ROS系统的学习（Ubuntu24.04+ROS2）

目录 一.复杂的机器人系统 二.ROS机器人系统 1.简介 1.节点 2.话题 2.安装 3.测试 4.可视化 RQT&#xff1a; RVIZ&#xff1a; 显示属性&#xff1a; 显示状态&#xff1a; 一.复杂的机器人系统 依照我们现在的技术来看&#xff0c;机器人系统仍是极其复杂的&#xff0c;往…
阅读更多...
深入了解音频剪辑在线工具的特色与优势

深入了解音频剪辑在线工具的特色与优势

在数字时代&#xff0c;音频内容已成为连接人心的重要桥梁。如果你也有同样的兴趣爱好&#xff0c;那不妨看看我今天要介绍的音频剪辑在线相关的工具们吧。 1.福昕音频剪辑 链接直达>>https://www.foxitsoftware.cn/audio-clip/ 福昕音频剪辑工具&#xff0c;专为音乐…
阅读更多...
【H2O2|全栈】关于CSS（11）flex——更加优雅的布局

【H2O2|全栈】关于CSS（11）flex——更加优雅的布局

目录 CSS3入门 前言 准备工作 布局优化 如何使用flex布局 容器与成员 概念 轴线 容器的属性 成员的属性 预告和回顾 后话 CSS3入门 前言 本系列博客主要介绍CSS有关知识点&#xff0c;当前章节讲述CSS3相关内容。 本章节讲述flex布局的相关知识。 部分内容仅代…
阅读更多...
数据结构 ——— 单链表oj题：环形链表

数据结构 ——— 单链表oj题：环形链表

目录 题目要求 手搓简易环状单链表 代码实现 问题1&#xff1a;slow 指针和 fast 指针一定会相遇吗 问题2&#xff1a;slow 每次走一步&#xff0c;fast 每次走 n 步是否还能判断链表带环&#xff1f;&#xff08;n > 2&#xff09; 题目要求 有一个单链表的头节点 …
阅读更多...
【翻译】在 Python 应用程序中使用Qt Designer的UI文件

【翻译】在 Python 应用程序中使用Qt Designer的UI文件

原文地址&#xff1a;Using a Designer UI File in Your Qt for Python Application 直接上图&#xff0c;上代码 将UI文件转为Python To demonstrate, we use the Qt Widgets animation easing example. 为了演示&#xff0c;我们使用 Qt Widgets 动画简化示例。 这个应用程…
阅读更多...
快递查询软件：实现单号识别与批量物流查询的高效工具

快递查询软件：实现单号识别与批量物流查询的高效工具

随着网络购物的普及&#xff0c;快递物流行业迎来了前所未有的发展机遇&#xff0c;同时也面临着巨大的挑战。跟踪物流信息成为一个难题&#xff0c;因此&#xff0c;快递查询软件的核心功能之一便是单号识别。传统的快递单号输入方式繁琐且易出错在此背景下&#xff0c;快递查…
阅读更多...
游戏盒子推广全攻略：从用户洞察到策略实施

游戏盒子推广全攻略：从用户洞察到策略实施

在移动互联网时代&#xff0c;游戏盒子的推广已经成为众多游戏代理商和开发者的重要课题。面对激烈的市场竞争&#xff0c;如何高效吸引并留住玩家&#xff0c;成为游戏盒子推广的关键。本文将结合Xinstall这一专业App推广工具&#xff0c;探讨游戏盒子推广的有效策略。 一、市…
阅读更多...
详细分析Java8中的StringJoiner | 对比StringBuilder（附Demo）

详细分析Java8中的StringJoiner | 对比StringBuilder（附Demo）

目录 前言1. 差异对比2. 基本知识3. 源码分析4. Demo 前言 对于Java的基本知识推荐阅读&#xff1a; java框架 零基础从入门到精通的学习路线 附开源项目面经等&#xff08;超全&#xff09;【Java项目】实战CRUD的功能整理&#xff08;持续更新&#xff09; 1. 差异对比 展…
阅读更多...
多种方式确定Linux是CentOS还是Ubuntu

多种方式确定Linux是CentOS还是Ubuntu

目录 前言正文 前言 对应的基本知识比较少&#xff0c;以下只是记录总结 由于目前使用的是centos&#xff0c;后续找到linux会对应补充 正文 要确定Linux系统是CentOS还是Ubuntu&#xff0c;可以通过以下几种方式进行分析 一、查看发行版信息文件&#xff1a; CentOS&…
阅读更多...
UE5运行时动态加载场景角色动画任意搭配-角色及动画（一）

UE5运行时动态加载场景角色动画任意搭配-角色及动画（一）

通过《MMD模型及动作一键完美导入UE5》系列文章，我们可以把外部场景、角色、动画资产导入UE5，接下来我们将实现运行时动态加载这些资产，并任意组合搭配。 1、骨骼动画复用 1、大部分模型骨骼是不通用的，比如这些裙子也是有骨骼的，属于模型特有的，但是对于动画来说，很多…
阅读更多...
【实时计算 Flink】SQL作业大状态导致反压的调优原理与方法

【实时计算 Flink】SQL作业大状态导致反压的调优原理与方法

状态管理不仅影响应用的性能&#xff0c;还关系到系统的稳定性和资源的有效利用。如果状态管理不当&#xff0c;可能会导致性能下降、资源耗尽&#xff0c;甚至系统崩溃。本文为您介绍SQL作业大状态导致反压的调优原理与方法。 运行原理&#xff1a;状态算子的产生 作为一种特…
阅读更多...
面试题：Redis（二）

面试题：Redis（二）

1. 面试题 2. MoreKey案列 事故案例 2.1 生成上如何限制key*/flushdb/flushall等危险命令的使用&#xff1f; 通过redis.conf配置文件中在SECURITY选项中禁用这些命令 2.2 不用key*避免卡顿那用什么&#xff1f; 用scan命令&#xff0c;类似mysql中的limit命令 语法&…
阅读更多...
数学建模算法与应用 第2章 整数规划及其求解方法

数学建模算法与应用 第2章 整数规划及其求解方法

目录 2.1 概述 2.2 0-1整数规划模型 2.3 分枝定界法&#xff08;Branch and Bound&#xff09; 2.4 蒙特卡洛法&#xff08;随机取样法&#xff09; Matlab代码示例&#xff1a;蒙特卡洛法求解简单整数规划 2.5 整数规划的计算机求解工具 习题 2 总结 整数规划是线性规…
阅读更多...
Window11 安装Java21教程

Window11 安装Java21教程

随着Java版本的迭代&#xff0c;最新的长期支持版本已经更新到Java21了&#xff0c;虽然笔者许多代码还是当年用Java8写的&#xff0c;但抱残守缺从来不适合IT人员&#xff0c;该来的我们始终要欣然面对。 其实随着各项技术的发展&#xff0c;Java许多组件现在其实都不需要或者…
阅读更多...
Authentication Lab | Client Side Auth

Authentication Lab | Client Side Auth

关注这个靶场的其它相关笔记&#xff1a;Authentication Lab —— 靶场笔记合集-CSDN博客 0x01&#xff1a;Client Side Auth 前情提要 有些时候&#xff0c;开发人员会将身份验证的逻辑写于前端&#xff0c;这样写是十分不安全的&#xff0c;因为前端的代码几乎全部都是可见的…
阅读更多...
借助微软 Teams 中的 Tableau，加速数据驱动型决策与协作流程

借助微软 Teams 中的 Tableau，加速数据驱动型决策与协作流程

Tableau 应用已正式上线 Teams 商店&#xff01;如此&#xff0c;企业就能以一种更可靠和安全的方式在 Teams 中共享数据见解。 让团队能快速协作做出数据驱动型决策不再是可选项&#xff0c;而是业务成功的必备条件。 在几个月前的TC24 大会上&#xff0c;Tableau 再次表明了…
阅读更多...
关于Amazon Linux 2023的版本及包管理器

关于Amazon Linux 2023的版本及包管理器

在亚马逊上创建EC2实例时&#xff0c;会看到有一个Amazon Linux镜像。 那这个镜像与其他Linux有什么关系和区别呢&#xff1f; 网站是介绍&#xff1a;Amazon Linux 2023 是基于 Linux 的现代化通用操作系统&#xff0c;提供 5 年的长期支持。它针对 AWS 进行了优化&#xff0…
阅读更多...
Stable Diffusion最新版nowebui的api使用详解

Stable Diffusion最新版nowebui的api使用详解

最近在使用stable diffusion最新版的Stable Diffusion WebUI Forge进行api调用，下面来一步一步的进行展开吧！！！ 1、下载lllyasviel/stable-diffusion-webui-forge GitHub - lllyasviel/stable-diffusion-webui-forgeContribute to lllyasviel/stable-diffusion-webui-for…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023