你知道组合模式吗?

本文通过实例介绍组合模式,展示了如何使用MenuComponent和Menu类创建一个树状的二级菜单结构,以展示整体与部分的关系,并演示了如何统一处理菜单项和组合。

一、组合模式

允许你将对象组合成树形状结构来表现“整体/部分”的层次结构。组合能让客户以一致的方式处理个别对象以及组合。

二、举例

设计一个二级菜单

菜单组合类

package com.jackeys.Component;


import java.util.ArrayList;

/**
 * @Description: 菜单组合类
 * @ClassName: MenuComponet
 * @Package com.jackeys.Component
 * @Author: Jackeys 1623427047@qq.com
 * @Copyright 版权归Jackeys企业(或个人)所有
 * @CreateTime: 2021/10/25 9:16
 * @Version: 1.0
 */
public class MenuComponent {
    protected String name;
    protected ArrayList<MenuComponent> menuComponents = new ArrayList<>();
    public void add(MenuComponent component) throws Exception {
        throw new Exception();
    }

    public  void remove(MenuComponent component) throws Exception {
        throw new Exception();
    }

    public  MenuComponent getChild(int i) throws Exception {
        throw new Exception();
    }

    public void print() throws Exception {
        throw new Exception();
    }
}

菜单类

package com.jackeys.Component;


/**
 * @Description: 菜单类
 * @ClassName: Menu
 * @Package com.jackeys.Component
 * @Author: Jackeys 1623427047@qq.com
 * @Copyright 版权归Jackeys企业(或个人)所有
 * @CreateTime: 2021/10/25 9:20
 * @Version: 1.0
 */
public class Menu extends MenuComponent{

    public Menu(String name) {
        this.name = name;
    }

    public String getName() {
        return this.name;
    }

    @Override
    public void add(MenuComponent component) {
        this.menuComponents.add(component);
    }

    @Override
    public void remove(MenuComponent component) {
        this.menuComponents.remove(component);
    }

    @Override
    public MenuComponent getChild(int i) {
        return this.menuComponents.get(i);
    }

    @Override
    public void print() {
        System.out.println(this.name);
        for (int i = 0; i < this.menuComponents.size(); i++) {
            System.out.println("    " + this.menuComponents.get(i).name);
        }
    }
}


测试

package com.jackeys.Component;

/**
 * @Description: 测试组合模式
 * @ClassName: Test
 * @Package com.jackeys.Component
 * @Author: Jackeys 1623427047@qq.com
 * @Copyright 版权归Jackeys企业(或个人)所有
 * @CreateTime: 2021/10/25 9:24
 * @Version: 1.0
 */
public class Test {
    public static void main(String[] args) {
        Menu personalCenter = new Menu("个人中心");
        Menu personalInformation = new Menu("个人信息");
        Menu accountInformation = new Menu("账号信息");
        Menu myCollections = new Menu("我的收藏");
        personalCenter.add(personalInformation);
        personalCenter.add(accountInformation);
        personalCenter.add(myCollections);
        Menu systemManage = new Menu("系统管理");
        Menu userManage = new Menu("用户管理");
        Menu jurisdictionManage = new Menu("权限管理");
        systemManage.add(userManage);
        systemManage.add(jurisdictionManage);
        personalCenter.print();
        systemManage.print();
    }
}

运行截图
在这里插入图片描述

下载前可以先看下教程 https://pan.quark.cn/s/a426667488ae 标题“仿淘宝jquery图片左右切换带数字”揭示了这是一个关于运用jQuery技术完成的图片轮播机制,其特色在于具备淘宝在线平台普遍存在的图片切换表现,并且在整个切换环节中会展示当前图片的序列号。 此类功能一般应用于电子商务平台的产品呈现环节,使用户可以便捷地查看多张商品的照片。 说明中的“NULL”表示未提供进一步的信息,但我们可以借助标题来揣摩若干核心的技术要点。 在构建此类功能时,开发者通常会借助以下技术手段:1. **jQuery库**:jQuery是一个应用广泛的JavaScript框架,它简化了HTML文档的遍历、事件管理、动画效果以及Ajax通信。 在此项目中,jQuery将负责处理用户的点击动作(实现左右切换),并且制造流畅的过渡效果。 2. **图片轮播扩展工具**:开发者或许会采用现成的jQuery扩展,例如Slick、Bootstrap Carousel或个性化的轮播函数,以达成图片切换的功能。 这些扩展能够辅助迅速构建功能完善的轮播模块。 3. **即时数字呈现**:展示当前图片的序列号,这需要通过JavaScript或jQuery来追踪并调整。 每当图片切换时,相应的数字也会同步更新。 4. **CSS美化**:为了达成淘宝图片切换的视觉效果,可能需要设计特定的CSS样式,涵盖图片的排列方式、过渡效果、点状指示器等。 CSS3的动画和过渡特性(如`transition`和`animation`)在此过程中扮演关键角色。 5. **事件监测**:运用jQuery的`.on()`方法来监测用户的操作,比如点击左右控制按钮或自动按时间间隔切换。 根据用户的交互,触发相应的函数来执行...
垃圾实例分割数据集 一、基础信息 • 数据集名称:垃圾实例分割数据集 • 图片数量: 训练集:7,000张图片 验证集:426张图片 测试集:644张图片 • 训练集:7,000张图片 • 验证集:426张图片 • 测试集:644张图片 • 分类类别: 垃圾(Sampah) • 垃圾(Sampah) • 标注格式:YOLO格式,包含实例分割的多边形点坐标,适用于实例分割任务。 • 数据格式:图片文件 二、适用场景 • 智能垃圾检测系统开发:数据集支持实例分割任务,帮助构建能够自动识别和分割图像中垃圾区域的AI模型,适用于智能清洁机器人、自动垃圾桶等应用。 • 环境监控与管理:集成到监控系统中,用于实时检测公共区域的垃圾堆积,辅助环境清洁和治理决策。 • 计算机视觉研究:支持实例分割算法的研究和优化,特别是在垃圾识别领域,促进AI在环保方面的创新。 • 教育与实践:可用于高校或培训机构的AI课程,作为实例分割技术的实践数据集,帮助学生理解计算机视觉应用。 三、数据集优势 • 精确的实例分割标注:每个垃圾实例都使用详细的多边形点进行标注,确保分割边界准确,提升模型训练效果。 • 数据多样性:包含多种垃圾物品实例,覆盖不同场景,增强模型的泛化能力和鲁棒性。 • 格式兼容性强:YOLO标注格式易于与主流深度学习框架集成,如YOLO系列、PyTorch等,方便研究人员和开发者使用。 • 实际应用价值:直接针对现实世界的垃圾管理需求,为自动化环保解决方案提供可靠数据支持,具有重要的社会意义。
CLI 是命令行界面(Command Line Interface)的缩写,是一种通过文本命令与计算机系统进行交互的方式。CLI 通常通过终端或命令行工具实现,用户输入特定的命令,系统则执行相应的操作并返回结果。CLI 是一种高效、灵活的交互方式,广泛应用于操作系统、编程语言、开发工具等领域。 ### CLI 的核心特性 - **文本交互**:CLI 依赖文本输入和输出,用户通过键盘输入命令,系统通过终端显示执行结果。 - **命令驱动**:CLI 的操作基于命令,每个命令对应特定的功能。例如,`ls` 用于列出目录内容,`cd` 用于切换目录。 - **脚本化能力**:CLI 支持将多个命令组合成脚本,实现自动化任务。例如,Shell 脚本可以执行一系列命令来完成复杂的操作。 - **无需图形界面**:CLI 不依赖图形界面,因此资源占用较低,适合服务器环境或远程操作。 ### CLI 的使用方法 CLI 的使用通常涉及以下几个方面: - **命令行工具**:不同的操作系统提供了各自的 CLI 工具。例如,Windows 使用命令提示符(CMD)或 PowerShell,而 Linux 和 macOS 使用终端(Terminal)。 - **基本命令**:CLI 提供了一系列基础命令来操作文件、目录和系统资源。例如: ```bash ls # 列出当前目录下的文件和目录(Linux/macOS) dir # 列出当前目录下的文件和目录(Windows) cd <目录名> # 切换到指定目录 mkdir <目录名> # 创建新目录 ``` - **参数与选项**:命令可以携带参数和选项来扩展功能。例如: ```bash ls -l # 以详细列表形式列出目录内容 ``` - **脚本编写**:CLI 支持通过脚本语言(如 Bash、PowerShell、Python 等)编写自动化脚本。例如,一个简单的 Bash 脚本: ```bash #!/bin/bash echo "Hello, World!" ``` ### CLI 的典型应用场景 - **系统管理**:CLI 常用于操作系统管理任务,如文件操作、进程控制、网络配置等。例如,使用 `top` 命令监控系统资源占用情况。 - **开发与调试**:开发者通过 CLI 编译代码、运行测试、调试程序。例如,PHP 的 CLI 模式可以直接执行脚本文件,而不需要 Web 服务器的参与[^1]。 - **自动化任务**:CLI 的脚本化能力使其成为自动化任务的理想选择。例如,定期清理日志文件或备份数据库。 - **工具集成**:许多开发工具和框架提供了 CLI 工具来简化操作。例如,Vue CLI 可以快速生成单页面应用的项目结构[^2]。 ### CLI 的优势与挑战 - **优势**: - **高效性**:CLI 提供了快速执行任务的能力,尤其适合熟悉命令的用户。 - **灵活性**:CLI 支持丰富的命令和参数组合,能够满足复杂的需求。 - **资源低消耗**:由于不需要图形界面,CLI 的资源占用较低。 - **挑战**: - **学习曲线**:对于新手来说,CLI 的命令和语法可能需要一定时间学习。 - **错误处理**:命令行操作容易因输入错误导致意外结果,需要谨慎使用。 ### 示例:PHP CLI 模式 PHP 的 CLI 模式允许直接运行脚本文件,适用于后台任务或命令行工具开发。例如,一个简单的 PHP CLI 脚本: ```php #!/usr/bin/env php <?php echo "Hello, World!\n"; ``` 运行方式: ```bash php hello.php ``` ### 示例:Vue CLI Vue CLI 是一个用于快速搭建 Vue 项目的工具。安装和使用步骤如下: 1. 安装 Node.js 和 npm。 2. 安装 Vue CLI: ```bash npm install -g @vue/cli ``` 3. 创建新项目: ```bash vue create my-project ``` ### 示例:Gemini CLI Gemini CLI 是 Google 提供的命令行工具,用于与 Gemini 模型交互。使用前需要设置环境变量 `GOOGLE_CLOUD_PROJECT`,以确保身份验证和项目配置正确[^3]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值