java 在线表格展示插件

转载

编程小达 2024-10-22 16:33:58

文章标签 java 在线表格展示插件 javascript servlet 前端面向对象 文章分类 Java 后端开发

一、前端

下图是一个表格控件。现需要将单元格中的黄色背景(yellow)显示成蓝色背景(blue),请写出程序代码或编程思路(可合理假设控件的id、方法、属性等)

java 在线表格展示插件_面向对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>yellow</title>
</head>
<style>
    #t1 {
        background-color: red;
        width: 500px;
        height: 500px;
        text-align: center;
        line-height: 50px;
        float: left;
    }

    #t2 {
        background-color: rebeccapurple;
        width: 300px;
        height: 300px;
        margin: 100px 100px;
        text-align: center;
        line-height: 50px;
        float: left;
        cursor: pointer;
    }

    #t3 {
        background-color: chartreuse;
        width: 100px;
        height: 100px;
        margin: 100px 100px;
        text-align: center;
        line-height: 260px;
        float: left;
        cursor: pointer; /*小手*/

    }
</style>
<script src="js/jquery-3.3.1.js"></script>
<script>
    // alert(111)
    $(function () {
        var colorArr = ['rebeccapurple', 'yellow'];
        var count = 1;

        $("#t2").click(function () {
            var $this = $(this);
            $this.css('backgroundColor', colorArr[count % 2]);
            count++;
        })
    })

    $(function () {
        var colorArr = ['chartreuse', 'blue'];
        var count = 1;

        $("#t3").click(function () {
            var $this = $(this);
            $this.css('backgroundColor', colorArr[count % 2]);
            count++;
        })
    })

</script>
<body>

<div id="t1">
    <div id="t2">
        <div id="t3">
            第三个表格
        </div>
        第二个表格
    </div>
    第一个表格
</div>


</body>
</html>

java 在线表格展示插件_servlet_02

二、后端

编写一段代码，找出下方文字中有几处不一致的地方(假设字数一致，连续的文字错误算一项，此处应有3处不同，写出代码实现方式)

java 在线表格展示插件_javascript_03

/**
 * @Author wang
 * @Date 2022/6/19 12:10
 * @PackageName:PACKAGE_NAME
 * @ClassName: findDifferent
 * @Description: TODO 2、	编写一段代码，找出下面文字中有几处不一致的地方（假设字数一致，连续的文字错误算一项，此处应有3处不同，写出代码实现方式）：
 * TODO 长度相同不需要双重for 长度不同需要双重复for
 * @Version 1.0
 */

import javax.lang.model.SourceVersion;
import javax.lang.model.element.VariableElement;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Scanner;

/**
 * 面向对象的思想已经涉及到软件开发的各个方面。如，面向对象的分析(OOA,Object OrientedAnalysis) ，面向对象的设计(oOD,Object Oriented
 * Design) 、以及我们经常说的面向对象的编程实现(OOP,ObjectOriented Programming) 。
 * <p>
 * <p>
 * 面向对象的思想已经设计到软件开发的各个方面。如:面向对象的分析(OOA,Object OrientedAnalysis) ，
 * Design) 、以及经常我们说的面向对象的编程实现(OOP,ObjectOriented Programming) 。
 */
public class findDifferent {
    public static void main(String[] args) {
//        oneVoid(); //1-找不同

//        Scanner sc = new Scanner(System.in);//2-输入字符串 找相同
//        String s1 = sc.nextLine();
//        String s2 = sc.nextLine();
//        String search = search(s1, s2);
//        System.out.println("search = " + search);

    }

    /**
     * 第三种方式 使用hashmap
     */


    


    /**
     * 第二种方法 使用scanner 输入 list存值
     */

    public static String search(String str1, String str2) {
        char[] str1s = str1.toCharArray();

        List list = new ArrayList<>();
        String temp = "";
        for (int i = 0; i < str1s.length; i++) {
            if (!list.contains(str1s[i])) {
                list.add(str1s[i]);
                temp += str1s[i];
            }

        }
        char[] tempChars = temp.toCharArray();
        char[] str2Chars = str2.toCharArray();

        String tempChar = "";
        for (int j = 0; j < temp.length(); j++) {
            for (int k = 0; k < str2Chars.length; k++) {
                if (tempChars[j] == str2Chars[k]) {
                    tempChar += tempChars[j];
                    break;
                }
            }
        }

        return tempChar;

    }


    /**
     * 第一种方法
     */
    public static void oneVoid() {
        String str1 = "面向对象的思想已经涉及到软件开发的各个方面。如，面向对象的分析(OOA,Object OrientedAnalysis) ，Design) 、以及我们经常说的面向对象的编程实现(OOP,ObjectOriented Programming) 。";
        String str2 = "面向对象的思想已经设计到软件开发的各个方面。如：面向对象的分析(OOA,Object OrientedAnalysis) ，Design) 、以及经常我们说的面向对象的编程实现(OOP,ObjectOriented Programming) 。";


        //1、首先 获取2个字符窜的 长度
        int length1 = str1.length();
        int length2 = str2.length();

        //2、用SubString 截取 一个一个比较
        for (int i = 0; i < length1; i++) {
            char c = str1.charAt(i);
            char c1 = str2.charAt(i);
            if (c != c1) {
                System.out.println("c1 = " + c1);
            }
        }
    }
}