一文学会搭建 cli 脚手架工具

news2024/10/7 16:17:17

文章目录

  • 设置工具命令
    • package.json bin 字段
    • 注释：#!/usr/bin/env node
    • 设置环境变量
  • 接收命令选项参数
    • process 实现
    • commander
  • 命令行交互：inquirer
  • 下载项目模板：download-git-repo
  • 执行额外命令：自动安装依赖
    • child_process
    • execa
  • 体验优化
    • 输出彩色信息：chalk
    • loading 加载状态提示：ora
    • 控制台输出表格：easy-table
    • 控制台输出方框：boxen
    • 输出 ASCII 的艺术字体：figlet

通过学习搭建脚手架工具，学习 nodejs 开发命令行工具知识。

设置工具命令

以 create-vite 为例，怎么终端就能识别 create-vite 为一个命令呢？并且会执行一些逻辑呢？这些逻辑代码写在哪？

  • 通过 bin 字段。

package.json bin 字段

bin 字段用来设置内部命令，并且指定命令对应的执行文件。

设置一个命令为 ikun，命令行执行 ikun 其实就是执行 main.js 文件。

{
  "bin": {
    "ikun": "./src/main.js"
  }
}

注释：#!/usr/bin/env node

#!/usr/bin/env node 是一个称为 shebang（或 hashbang）的特殊注释，它出现在脚本文件的第一行。这个注释的作用是告诉 Unix 或类 Unix 系统的操作系统，当用户尝试执行这个脚本时，应该使用哪个解释器来运行这个脚本。

在这个例子中，#!/usr/bin/env node 指示系统使用 env 命令来查找 node 解释器，并使用 node 来执行该脚本。env 命令会在系统的环境变量中查找 node 可执行文件，这样可以确保无论 node 安装在哪个目录下，脚本都能正确地运行。

#!/usr/bin/env node

console.log(234);

设置环境变量

学过 Java 都知道，第一步就是设置环境变量，没有设置环境变量，是不能在任意路径下使用 java 命令的。

我们的 ikun 命令自然也是一样的，也需要添加入环境变量。

如果这个包npm publish发布后，用户npm install安装这个包。package.json 中有 bin 字段，就会自动添加入环境变量。用户可直接使用 ikun 命令。

那我们在开发的时候怎么办？
可以使用npm link给这个命令建立一个软连接，连接到全局。这样我们就能像全局安装了这个包一样，能全局直接用了。

# 建立连接
npm link --global

# 断开连接，也是全局删除这个包
npm unlink cli-demo --global

npm uninstall 文档中可以发现，unlink 其实是 uninstall 的别名，实质上也是删除了包。

pnpm link | pnpm中文文档 | pnpm中文网
pnpm unlink | pnpm中文文档 | pnpm中文网

# 建立连接
pnpm link --global

# 断开连接（其实就是全局卸载这个包）
pnpm uninstall --global cli-demo

接收命令选项参数

命令通常可以接收一些选项参数 options。比如几乎所有命令都有的一个版本。

  • java --version

并且选项还可以添加一些参数，如 git 提交 -m 选项后填写参数，作为提交说明：

  • git add -m "第一次提交"

我们的 ikun 命令怎么实现这个？

  • 原生实现
  • 第三方库：commander

process 实现

process 全局对象

#!/usr/bin/env node
const package = require("../package.json");

const option = process.argv[2];

if (option === "-v" || option === "--version") {
    // package.json 会自动解析为 js 对象
    console.log(package.version);
}

CommonJS 能直接解析 JSON 文件，但是 ESM 不可以，目前只是实验性支持：断言类型为 JSON

import packageModule from "../../package.json" assert { type: "json" };

import("../../package.json", { assert: { type: "json" } })
 .then(({ default: packageModule }) => {});

(node:8072) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time

因此 node 中处理 JSON 文件，最好的办法还是通过 fs 模块 IO 将 JSON 文件内容读取为字符串，然后 JSON.parse。

import fs from "fs";
import { resolve, dirname } from "path";
import { fileURLToPath } from "url";

const packageJsonUrl =  resolve(dirname(fileURLToPath(import.meta.url)), "../../package.json"))
const packageJsonStr = fs.readFileSync(packageJsonUrl, "utf-8");
const packageModule = JSON.parse(packageJsonStr);

这样原生是可以实现，但是太麻烦了。

commander

commander

实现类似 vue-cli 的效果：
命令行输入ikun create 项目名，就会在该目录下生成一个 vue 项目模板。

const { program } = require('commander')

function helpOptions() {
  // 1.处理--version的操作
  const version = require('../../package.json').version
  program.version(version, '-v --version')

  // 2.增强其他的options的操作
  program.option('-w --why', "a why cli program~")
  program.option('-d --dest <dest>', 'a destination folder, 例如: -d src/components')

  program.on('--help', () => {
    console.log("")
    console.log("others:")
    console.log("  xxx")
    console.log("  yyy")
  })
}

module.exports = helpOptions


const { program } = require('commander')
const { createProjectAction, addComponentAction } = require('./core/actions')
const helpOptions = require('./core/help-options')

// 1.配置所有的options
helpOptions()

// 2.增加子命令实现具体功能
program
  .command("create <project> [...others]")
  .description("create vue project into a folder, 比如: whycli create airbnb")
  .action(createProjectAction)

program
  .command("addcpn <cpnname> [...others]")
  .description("add vue component into a folder, 比如: whycli addcpn NavBar -d src/components")
  .action(addComponentAction)

// 让commander解析process.argv参数
program.parse(process.argv)

命令行交互：inquirer

命令行交互，比如执行命令后，一问一答询问你项目名要填什么，是否要支持 ts 等等。

inquirer 、enquirer、prompts。这三个库都可以处理复杂的用户输入，完成命令行输入交互。

Inquirer 是一个强大的命令行交互工具，用于与用户进行交互和收集信息。它提供了各种丰富的交互式提示（如输入框、选择列表、确认框等），可以帮助你构建灵活的命令行界面。通过 Inquirer，你可以向用户提出问题，获取用户的输入，并根据用户的回答采取相应的操作。

Inquirer.js 提供了一系列的预设问题类型，包括：

  • 输入（Input）：让用户输入一些文本。
  • 确认（Confirm）：让用户回答是或否的问题。
  • 列表（List）：让用户从列表中选择一个选项。
  • 检查框（Checkbox）：让用户从多个选项中选择多个。
  • 扩展列表（Expand）：让用户通过键盘快捷键从多个选项中选择一个。
  • 密码（Password）：让用户输入密码，输入时字符会被隐藏。

以下是一个使用 Inquirer.js 的简单示例：
在这个示例中，Inquirer.js 会依次显示三个问题，并根据用户的回答存储在 answers 对象中。

import inquirer from "inquirer";

async function promptQuestions() {
    let answers;
    try {
        answers = await inquirer.prompt([
            // ... questions
            {
                type: "input",
                name: "username",
                message: "请输入您的用户名:"
            },
            {
                type: "confirm",
                name: "isVIP",
                message: "您是VIP用户吗?",
                default: false
            },
            {
                type: "list",
                name: "plan",
                message: "请选择您的计划:",
                choices: ["Free", "Professional", "Enterprise"],
                filter: function (val) {
                    return val.toLowerCase();
                }
            }
        ]);

        console.log(JSON.stringify(answers, null, "  "));
    } catch (error) {
        if (error.isTtyError) {
            console.log("Prompt couldn't be rendered in the current environment");
        } else {
            console.log("Something else went wrong");
        }
    }

    return answers;
}

export default promptQuestions;

// {
//   "username": "hh",
//   "isVIP": false,
//   "plan": "professional"
// }

下载项目模板：download-git-repo

本地生成的 vue 项目模块其实 glt clone 下来的，并不是本地生成的。这样的好处就是，模板在 github 上，我可以实时更新，但是命令行工具代码不用变。

去 github clone 项目的操作没必要自己实现，使用第三方库即可。

Phillip Lanclos / download-git-repo · GitLab

Download-git-repo 是一个用于下载 Git 仓库的 npm 库。它提供了一个简单的接口，可以方便地从远程 Git 仓库中下载项目代码。你可以指定要下载的仓库和目标目录，并可选择指定分支或标签。Download-git-repo 支持从各种 Git 托管平台（如 GitHub、GitLab、Bitbucket 等）下载代码。

download-git-repo

const VUE_REPO = "direct:https://github.com/coderwhy/vue3_template.git#main"

module.exports = {
  VUE_REPO
}

async function createProjectAction(project) {
  try {
      // 1.从编写的项目模板中clone下来项目
      await download(VUE_REPO, project, { clone: true })

      // 2. 模板下载好后，给予一些提示，比如进入项目，下载依赖等
      console.log(`cd ${project}`)
      console.log(`npm install`)
      console.log(`npm run dev`)
    
    } catch (error) {
      console.log("github连接失败, 请稍后重试")
  }
}

执行额外命令：自动安装依赖

下载好项目模板后，可以继续帮用户自动执行npm install下载好依赖。

当前 node 主线程正在执行我们的 ikun 命令，此时又要执行 npm 命令。因此我们需要在 node 中开一个子进程。

https://www.yuque.com/ahcheng123/project/dbhhnl6sxm7zgwmw#Ym8tS

child_process

子进程 childProcess

const { spawn } = require('child_process')

function execCommand(...args) {
  return new Promise((resolve) => {
    // npm install/npm run dev
    // 1.开启子进程执行命令
    const childProcess = spawn(...args)

    // 2.获取子进程的输出和错误信息
    childProcess.stdout.pipe(process.stdout)
    childProcess.stderr.pipe(process.stderr)

    // 3.监听子进程执行结束, 关闭掉
    childProcess.on('close', () => {
      resolve()
    })
  })
}

module.exports = execCommand

要执行 npm 命令要注意，不同平台执行的实际命令不同。

  • win：npm.cmd
  • mac: npm
  • linux: npm
async function createProjectAction(project) {
  try {
    // 1.从编写的项目模板中clone下来项目
    await download(VUE_REPO, project, { clone: true })

    // 2.很多的脚手架, 都是在这里给予提示

    // 3.帮助执行npm install
    console.log(process.platform)
    const commandName = process.platform === 'win32'? 'npm.cmd': 'npm'
    await execCommand(commandName, ["install"], { cwd: `./${project}` })

    // 4.帮助执行npm run dev
    await execCommand(commandName, ["run", "dev"], { cwd: `./${project}` })
  } catch (error) {
    console.log("github连接失败, 请稍后重试")
  }
}

至此，其实一个 cli 工具的主体功能基本完成了。

execa

https://github.com/sindresorhus/execa?tab=readme-ov-file

Execa 是一个流行的 Node.js 库，它提供了一种更简单、更现代的方式来执行子进程。它对 Node.js 原生的 child_process 模块进行了封装，提供了一系列的改进和额外功能，使得执行外部命令更加方便和可靠。

Execa 的主要特点包括：

  1. 清晰的 API：Execa 提供了简洁明了的 API，使得执行命令和获取输出变得更加简单。
  2. 跨平台支持：它能够在不同的操作系统上提供一致的表现，例如在 Windows 上正确处理路径和扩展名。
  3. 流式输出：Execa 支持流式输出，这意味着你可以实时地获取命令的输出，而不是等到命令执行完毕后一次性获取。
  4. Promise-based：Execa 使用 Promise，使得异步操作更加易于管理和组合。
  5. 改进的错误处理：它能够提供更详细的错误信息，包括命令的退出码和信号。
  6. 同步模式：除了默认的异步模式外，Execa 还支持同步执行命令。
    以下是一个使用 Execa 执行命令的简单示例：

Execa 支持交互式命令，你可以使用 stdio: ‘inherit’ 将子进程的输入/输出/错误传递给父进程：

const execa = require('execa');

async function runInteractiveCommand() {
  try {
    await execa('git', ['commit'], { stdio: 'inherit' });
  } catch (error) {
    console.error('命令执行出错:', error);
  }
}

runInteractiveCommand();

Execa 是许多现代 Node.js 应用程序的流行选择，特别是那些需要频繁与系统命令交互的应用程序，例如构建工具、测试框架和开发工具等。

import { execa } from "execa";

/**
 * 执行命令
 * @param {string} command — The program/script to execute.
 * @param {string[]} args — Arguments to pass to file on execution.
 * @param {*} options
 */
export async function execCommand(command, args) {
    try {
        await execa(command, args, { stdio: "inherit" });
    } catch (error) {
        console.log("error", error);
    }
}

体验优化

输出彩色信息：chalk

  • https://github.com/chalk/chalk

使用 console.log 输出提示信息太丑了，使用第三方库 chalk 可以输出彩色的控制台信息。

搭建 ts koa 项目模板

import chalk from "chalk";

// 定义主题和对应的 emoji
const theme = {
    info: { color: chalk.blue, emoji: " 💡 " },
    success: { color: chalk.green, emoji: " 🎉 " },
    warning: { color: chalk.yellow, emoji: " 🔔 " },
    error: { color: chalk.red, emoji: " 🚨 " },
    debug: { color: chalk.gray, emoji: " 🔍 " },
    highlight: { color: chalk.bold, emoji: " 🌟 " }
};

// 日志工具方法
const logInfo = message => console.log(`${theme.info.emoji}${theme.info.color(message)}`);
const logSuccess = message => console.log(`${theme.success.emoji}${theme.success.color(message)}`);
const logWarning = message => console.log(`${theme.warning.emoji}${theme.warning.color(message)}`);
const logError = message => console.log(`${theme.error.emoji}${theme.error.color(message)}`);
const logDebug = message => console.log(`${theme.debug.emoji}${theme.debug.color(message)}`);
const logHighlight = message => console.log(`${theme.highlight.emoji}${theme.highlight.color(message)}`);

// 导出方法
export { logInfo, logSuccess, logWarning, logError, logDebug, logHighlight };

loading 加载状态提示：ora

  • https://github.com/sindresorhus/ora

Ora 是一个用于在命令行界面显示加载动画的 npm 库。它可以帮助你在执行耗时的任务时提供一个友好的加载状态提示。Ora 提供了一系列自定义的加载动画，如旋转器、进度条等，你可以根据需要选择合适的加载动画效果，并在任务执行期间显示对应的加载状态。

在这里插入图片描述

控制台输出表格：easy-table

  • https://github.com/eldargab/easy-table
var Table = require('easy-table')

var data = [
  { id: 123123, desc: 'Something awesome', price: 1000.00 },
  { id: 245452, desc: 'Very interesting book', price: 11.45},
  { id: 232323, desc: 'Yet another product', price: 555.55 }
]

var t = new Table

data.forEach(function(product) {
  t.cell('Product Id', product.id)
  t.cell('Description', product.desc)
  t.cell('Price, USD', product.price, Table.number(2))
  t.newRow()
})

console.log(t.toString())

Product Id  Description            Price, USD
----------  ---------------------  ----------
123123      Something awesome         1000.00
245452      Very interesting book       11.45
232323      Yet another product        555.55

控制台输出方框：boxen

  • https://github.com/sindresorhus/boxen

Boxen 是一个轻量级的 Node.js 库，用于将文本内容格式化为带框的文本，通常用于美化命令行输出。它可以将文本包裹在固定的宽度中，并在文本周围添加边框，使得输出更加整洁和易于阅读。
使用 Boxen，你可以轻松地创建各种形状和大小的框，包括单行和多行的文本。Boxen 支持多种边框样式，并且可以根据需要调整边框、填充和间距等样式属性。

import boxen from 'boxen';

console.log(boxen('unicorn', {padding: 1}));
/*
┌─────────────┐
│             │
│   unicorn   │
│             │
└─────────────┘
*/

console.log(boxen('unicorn', {padding: 1, margin: 1, borderStyle: 'double'}));
/*

   ╔═════════════╗
   ║             ║
   ║   unicorn   ║
   ║             ║
   ╚═════════════╝

*/

console.log(boxen('unicorns love rainbows', {title: 'magical', titleAlignment: 'center'}));
/*
┌────── magical ───────┐
│unicorns love rainbows│
└──────────────────────┘
*/

输出 ASCII 的艺术字体：figlet

  • https://github.com/patorjk/figlet.js

很多库都有这样的标题，比如 spring。

figlet.text(
  "Boo!",
  {
    font: "Ghost",
    horizontalLayout: "default",
    verticalLayout: "default",
    width: 80,
    whitespaceBreak: true,
  },
  function (err, data) {
    if (err) {
      console.log("Something went wrong...");
      console.dir(err);
      return;
    }
    console.log(data);
  }
);

.-. .-')                            ,---.
\  ( OO )                           |   |
 ;-----.\  .-'),-----.  .-'),-----. |   |
 | .-.  | ( OO'  .-.  '( OO'  .-.  '|   |
 | '-' /_)/   |  | |  |/   |  | |  ||   |
 | .-. `. \_) |  |\|  |\_) |  |\|  ||  .'
 | |  \  |  \ |  | |  |  \ |  | |  |`--'
 | '--'  /   `'  '-'  '   `'  '-'  '.--.
 `------'      `-----'      `-----' '--'

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

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

相关文章

在Anaconda3的conda中创建虚拟环境下载opencv

在Anaconda3的conda中创建虚拟环境下载opencv

opencv下载全流程 一、下载Anaconda 记得从官方网格站进行下载&#xff0c;会有一些慢 下载后进行配置 b站讲解视频&#xff08;非本人&#xff08;平台大神讲解&#xff09;&#xff09; 二、打开conda控制台 这里的两个都可以进行下载 通常我们受用anaconda prompt 三、…
阅读更多...
pytorch CV入门3-预训练模型与迁移学习.md

pytorch CV入门3-预训练模型与迁移学习.md

专栏链接&#xff1a;https://blog.csdn.net/qq_33345365/category_12578430.html 初次编辑&#xff1a;2024/3/7&#xff1b;最后编辑&#xff1a;2024/3/8 参考网站-微软教程&#xff1a;https://learn.microsoft.com/en-us/training/modules/intro-computer-vision-pytorc…
阅读更多...
mysql主从复制（同步阿里云的RDS至自建数据库）

mysql主从复制（同步阿里云的RDS至自建数据库）

从库同步阿里云的RDS 阿里云默认开启了binglog&#xff0c;所以我们无需对主库进行配置 查询主库的server_id&#xff0c;从库配置不要重复就行 show variables like %server_id%;编辑从库的my.cnf文件 在文件中增加如下配置 server-id 123456789 …
阅读更多...
【微信小程序】传参存储

【微信小程序】传参存储

目录 一、本地数据存储 wx.setStorage wx.setStorageSync 1.1、异步缓存 存取数据 1.2、同步缓存 存取数据 二、使用url跳转路径携带参数 2.1、 wx.redirectTo({}) 2.2、 wx.navigateTo({}) 2.3、 wx.switchTab({}) 2.4 、wx.reLaunch({}) 2.5、组件跳转 三、…
阅读更多...
spring boot 2.4.x 之前版本(对应spring-cloud-openfeign 3.0.0之前版本)feign请求异常逻辑

spring boot 2.4.x 之前版本(对应spring-cloud-openfeign 3.0.0之前版本)feign请求异常逻辑

目录 feign SynchronousMethodHandler 第一部分 第二部分 第三部分 spring-cloud-openfeign LoadBalancerFeignClient ribbon AbstractLoadBalancerAwareClient 在之前写的文章配置基础上 https://blog.csdn.net/zlpzlpzyd/article/details/136060312 因为从 spring …
阅读更多...
GPT-4 等大语言模型（LLM）如何彻底改变客户服务

GPT-4 等大语言模型（LLM）如何彻底改变客户服务

GPT-4革命&#xff1a;如何用AI技术重新定义SEO策略 在当今快节奏的数字时代&#xff0c;客户服务不再局限于传统的电话线或电子邮件支持。 得益于人工智能 (AI) 和自然语言模型 (NLM)&#xff08;例如 GPT-4&#xff09;的进步&#xff0c;客户服务正在经历革命性的转变。 在这…
阅读更多...
【棘手问题】Spring JPA一级缓存导致获取不到数据库表中的最新数据，对象地址不发生改变

【棘手问题】Spring JPA一级缓存导致获取不到数据库表中的最新数据，对象地址不发生改变

【棘手问题】Spring JPA一级缓存导致获取不到数据库表中的最新数据&#xff0c;对象地址不发生改变 一、问题背景二、解决步骤2.1 debug2.2 原因分析2.2.1 数据步骤2.2.2 大模型解释2.2.3 解释举例2.2.4 关键函数 2.3 解决方案 三、Spring JPA一级缓存 一、问题背景 项目的数据…
阅读更多...
在ubuntu上使用vscode+gcc-arm-none-eabi+openocd工具开发STM32

在ubuntu上使用vscode+gcc-arm-none-eabi+openocd工具开发STM32

文章目录 所需工具安装调试搭建过程中遇到的问题 写在前面 老大上周让我用vscode开发STM32&#xff0c;我爽快的答应了&#xff0c;心想大学四年装了这么多环境了这不简简单单&#xff0c;更何况vscode这两年还用过&#xff0c;然而现实总是令人不快的——我竟然花了差不多两周…
阅读更多...
Java SE入门及基础（29）

Java SE入门及基础（29）

第三节 访问修饰符 1. 概念 访问修饰符就是控制访问权限的修饰符号 2. 类的访问修饰符 类的访问修饰符只有两种&#xff1a;public 修饰符和默认修饰符&#xff08;不写修饰符就是默认&#xff09; public 修饰符修饰类表示类可以公开访问。默认修饰符修饰类表示该类只能…
阅读更多...
flutter逆向 ACTF native ap

flutter逆向 ACTF native ap

言 算了一下好长时间没打过CTF了,前两天看到ACTF逆向有道flutter逆向题就过来玩玩啦,花了一个下午做完了.说来也巧,我给DASCTF十月赛出的逆向题其中一道也是flutter,不过那题我难度降的相当之低啦,不知道有多少人做出来了呢~ 还原函数名 flutter逆向的一大难点就是不知道lib…
阅读更多...
lvs集群中NAT模式

lvs集群中NAT模式

群集的含义 由多台主机构成&#xff0c;但对外表现为一个整体&#xff0c;只提供一个访问入口&#xff0c;相当于一台大型的计算机。 横向发展:放更多的服务器&#xff0c;有调度分配的问题。 垂直发展&#xff1a;升级单机的硬件设备&#xff0c;提高单个服务器自身功能。 …
阅读更多...
论文阅读：Scalable Diffusion Models with Transformers

论文阅读：Scalable Diffusion Models with Transformers

Scalable Diffusion Models with Transformers 论文链接 介绍 传统的扩散模型基于一个U-Net骨架&#xff0c;这篇文章提出了一种新的扩散模型结构&#xff0c;将U-Net替换为一个transformer&#xff0c;并将这种结构称为Diffusion Transformers (DiTs)。他们还发现&#xff…
阅读更多...
Codesys.运动控制电子齿轮

Codesys.运动控制电子齿轮

文章目录 一. 电子齿轮概念应用 二. 电子齿轮耦合功能块 2.1. MC_GearIn 2.2. MC_GearInPos 2.3. MC_GearOut 三. 电子齿轮案例 3.1. 样例介绍 3.2. 引入虚轴 3.3. 程序框架 3.4. 程序编写 3.5. 程序监控 一. 电子齿轮概念应用 在很多应用场景中有多个牵引轴每个牵引…
阅读更多...
.NET开源的两款第三方登录整合库

.NET开源的两款第三方登录整合库

前言 我相信做开发的同学应该都对接过各种各样的第三方平台的登录授权&#xff0c;来获取用户信息&#xff08;如&#xff1a;微信登录、支付宝登录、QQ登录、GitHub登录等等&#xff09;。今天大姚分享两款.NET开源的第三方登录整合库。 MrHuo.OAuth MrHuo.OAuth是.NET项目…
阅读更多...
Tcp标志位 笔记240309

Tcp标志位 笔记240309

Tcp标志位 TCP&#xff08;传输控制协议&#xff09;的标志位是用于指示TCP报文段中特定控制信息的位字段。这些标志位存在于TCP报头中&#xff0c;用于控制TCP连接的建立、数据传输和终止等过程。以下是TCP标志位的详细说明&#xff1a; SYN&#xff08;同步标志&#xff09;…
阅读更多...
Android应用界面

Android应用界面

概述&#xff1a;由于学校原因&#xff0c;估计会考&#xff0c;曹某人就浅学一下。 目录 View概念 创建和使用布局文件 相对布局 线性布局 水平线性布局 垂直线性布局 表格布局 帧布局 扁平化布局 Android控件详解 AdapterView及其子类 View概念 安卓中的View是所…
阅读更多...
设计模式-行为型设计模式-命令模式

设计模式-行为型设计模式-命令模式

命令模式&#xff08;Command&#xff09;&#xff0c;将一个请求封装为一个对象&#xff0c;从而使你可用不同的请求对客户进行参数化&#xff1b;对请求排队或记录请求日志&#xff0c;以及支持可撤销的操作。[DP] // 命令接口 interface Command {void execute(); }// 具体命…
阅读更多...
隐私与创新的交汇点：Partisia Blockchain 重绘技术蓝图

隐私与创新的交汇点：Partisia Blockchain 重绘技术蓝图

正当我们在这个信息泛滥的时代寻找稳固的信任锚点时&#xff0c;区块链技术应运而生&#xff0c;然而&#xff0c;正如任何科技革命都会遇到的挑战&#xff0c;一个重要的问题摆在了我们面前&#xff1a;如何在不牺牲个人隐私的前提下&#xff0c;享受区块链技术带来的好处&…
阅读更多...
【漏洞复现】帮管客 CRM jiliyu SQL注入漏洞

【漏洞复现】帮管客 CRM jiliyu SQL注入漏洞

免责声明&#xff1a;文章来源互联网收集整理&#xff0c;请勿利用文章内的相关技术从事非法测试&#xff0c;由于传播、利用此文所提供的信息或者工具而造成的任何直接或者间接的后果及损失&#xff0c;均由使用者本人负责&#xff0c;所产生的一切不良后果与文章作者无关。该…
阅读更多...
MySQL安装使用（mac）

MySQL安装使用（mac）

目录 一、下载MySQL 二、环境变量 三、启动 MySql 四、初始化密码设置 一、下载MySQL 打开 MySql 官方下载页面 我是macOS12&#xff0c;所以选择了8.0.30 下载完成之后&#xff0c;打开安装&#xff0c;一直下一步安装完成&#xff0c;在最后安装完成时&#xff0c;会弹出…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023