System 发布的文章

2024-08-27

为了回答这个问题，我们需要提供一个简化的代码示例，展示如何在一个基于Maven的项目中创建一个简单的父子模块结构，并使用Ajax来实现一个简单的人工管理系统。

创建一个父项目：




<groupId>com.example</groupId>
<artifactId>artificial-intelligence-system</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>pom</packaging>
 
<modules>
    <module>ai-webapp</module>
</modules>
 
<dependencies>
    <!-- 添加任何需要的父项目依赖 -->
</dependencies>

创建子模块（Web应用程序）：




<parent>
    <groupId>com.example</groupId>
    <artifactId>artificial-intelligence-system</artifactId>
    <version>1.0-SNAPSHOT</version>
</parent>
 
<groupId>com.example.ai</groupId>
<artifactId>ai-webapp</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>war</packaging>
 
<dependencies>
    <!-- 添加任何需要的Web应用程序依赖 -->
</dependencies>

在Web应用程序中使用Ajax：




<!DOCTYPE html>
<html>
<head>
    <title>AI System</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
            $("#submitButton").click(function(){
                $.ajax({
                    type: "POST",
                    url: "your-backend-endpoint",
                    data: { question: $("#questionInput").val() },
                    success: function(response){
                        $("#responseDiv").text(response);
                    },
                    error: function(xhr, status, error){
                        console.error("An error occurred: " + status + "\nError: " + error);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <div>
        <input type="text" id="questionInput" placeholder="Enter your question" />
        <button id="submitButton">Submit</button>
    </div>
    <div id="responseDiv">Response will be displayed here.</div>
</body>
</html>

在这个简化的示例中，我们创建了一个基本的Web应用程序，它使用Ajax与后端通信。这个过程展示了如何在Maven项目中管理模块，以及如何使用Ajax实现前端与服务器的异步通信。这个示例假设有一个后端服务your-backend-endpoint处理提交的问题并返回响应。在实际的项目中，你需要实现这个后端服务并相应地更新url字段。

System

2024-08-27

所有,javascript




import us.codecraft.webmagic.Page;
import us.codecraft.webmagic.Site;
import us.codecraft.webmagic.Spider;
import us.codecraft.webmagic.processor.PageProcessor;
 
public class C919PhotoGather implements PageProcessor {
 
    private Site site = Site.me().setRetryTimes(3).setSleepTime(1000);
 
    @Override
    public Site getSite() {
        return site;
    }
 
    @Override
    public void process(Page page) {
        // 假设页面上有用于下载的图片链接列表，我们通过jQuery选择器提取这些链接
        List<String> imageUrls = page.getHtml().$("div.g-content img").each(new Function<Element, String>() {
            @Override
            public String apply(Element element) {
                return element.attr("data-original");
            }
        });
 
        // 将提取的图片链接保存到页面对象中，供之后处理
        page.putField("imageUrls", imageUrls);
 
        // 提取下一页链接并加入爬虫的爬取队列
        String nextLink = page.getHtml().$("a.next").links().get();
        page.addTargetRequest(nextLink);
    }
 
    public static void main(String[] args) {
        Spider.create(new C919PhotoGather())
                .addUrl("http://photo.c-star.org/C919/")
                .thread(5)
                .run();
    }
}

这个代码实例展示了如何使用XxlCrawler库来实现一个简单的网页爬虫，该爬虫会从一个模拟的商飞C919相册页面开始，提取该页面上的图片链接，并且跟踪分页，爬取整个相册的所有图片。这个例子教会开发者如何使用XxlCrawler进行基本的网页爬取工作。

- 阅读更多 -

【js逆向】Python爬虫如何突破字体反爬，拿到想要数据

System

2024-08-27

所有,javascript

字体反爬通常是指网站通过设置自定义字体（Web Fonts）来保护数据，使得爬虫难以从网页中直接解析出文本内容。这里提供一个基本的方法来处理这种情况：

分析网站的字体文件：网站通常会在其服务器上提供.woff或.woff2等格式的字体文件。你需要下载这些字体文件。
使用fontTools库来转换字体文件：fontTools是Python中处理字体的库。
使用pyftsubset工具来提取特定字符的子集字体。
使用ReportLab库来创建一个简单的PDF，并使用提取出的字体。
使用OCR技术（如tesseract）来识别图片中的文本。

以下是使用fontTools和pyftsubset的示例代码：




from fontTools.ttLib import TTFont
import pyftsubset
 
# 下载的字体文件路径
font_path = 'path_to_font.woff'
 
# 加载字体
font = TTFont(font_path)
 
# 提取子集字体
subset_font = pyftsubset.Subset(font_path, options=['--text=0123456789abcdefghijklmnopqrstuvwxyz'])
with open('subset_font.woff', 'wb') as out:
    out.write(subset_font.subset())
 
# 接下来，你可以使用OCR工具来处理网页截图，并尝试识别文本。
# 例如，使用tesseract识别图片中的文本：
# !tesseract subset_font.woff output -l eng --oem 3 --psm 6 nohup

请注意，这个方法可能不总是有效，因为有些网站采用了更高级的防爬策略，例如动态渲染、JavaScript渲染的内容等。此外，这种方法对于处理复杂的布局和样式可能会有挑战。对于复杂的网站，可能需要更高级的图像处理和机器学习技术来解决。

System

2024-08-27

所有,javascript




<template>
  <div>
    <input v-model="publicKey" placeholder="请输入RSA公钥" />
    <button @click="encryptData">加密数据</button>
  </div>
</template>
 
<script>
import JSEncrypt from 'jsencrypt/bin/jsencrypt'
 
export default {
  data() {
    return {
      publicKey: '',
    }
  },
  methods: {
    encryptData() {
      const encrypt = new JSEncrypt()
      encrypt.setPublicKey(this.publicKey)
      const encrypted = encrypt.encrypt('需要加密的数据')
      console.log('加密后的数据:', encrypted)
      // 这里可以将加密后的数据发送到后端
    }
  }
}
</script>

这段代码展示了如何在Vue 3应用中使用jsencrypt库进行数据加密。用户在输入框中输入RSA公钥，点击按钮后，会触发encryptData方法，使用公钥对默认的字符串"需要加密的数据"进行加密，并在控制台输出加密后的结果。在实际应用中，你可以替换默认的数据，并将加密后的数据发送到后端进行处理。

- 阅读更多 -

Flutter 初识：数据表格和卡片

System

2024-08-27

所有,javascript




import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('数据卡和数据表'),
      ),
      body: ListView(
        children: <Widget>[
          Card(
            child: Column(
              children: <Widget>[
                ListTile(
                  title: Text('张三'),
                  subtitle: Text('工程师'),
                ),
                ListTile(
                  title: Text('联系方式'),
                  subtitle: Text('电话：1234567890'),
                ),
                ListTile(
                  title: Text('地址'),
                  subtitle: Text('北京市朝阳区'),
                ),
              ],
            ),
          ),
          // 添加更多的Card...
        ],
      ),
    );
  }
}

这段代码创建了一个简单的Flutter应用，其中包含一个HomePage页面，该页面使用ListView来展示多个Card。每个Card包含了一个Column，其中包含了几个ListTile，用于展示不同类型的数据。这是学习Flutter布局和数据展示的一个很好的起点。

System

2024-08-27

所有,javascript

在Vue.js框架中，watch、computed和watchEffect都用于响应数据的变化执行特定的操作，但它们之间有明显的区别：

computed：是一个依赖于其他响应式属性的属性，它是基于它的依赖进行缓存的，只有当依赖发生变化时，才会重新计算。




// Vue 2.x
computed: {
  fullName: function () {
    return this.firstName + ' ' + this.lastName
  }
}
 
// Vue 3.x
import { computed, ref } from 'vue'
 
const firstName = ref('John')
const lastName = ref('Doe')
const fullName = computed(() => firstName.value + ' ' + lastName.value)

watch：用于观察特定响应式属性的变化，并执行相应的异步操作或者代码块。




// Vue 2.x
watch: {
  firstName: function (val) {
    console.log('First Name changed!', val)
  }
}
 
// Vue 3.x
import { watch, ref } from 'vue'
 
const firstName = ref('John')
 
watch(firstName, (newVal, oldVal) => {
  console.log('First Name changed!', newVal, oldVal)
})

watchEffect：它不依赖于特定的响应式属性，而是当响应式属性发生变化时，它会自动执行一段副作用代码。




// Vue 2.x
watchEffect: function () {
  console.log('Full Name is: ' + this.firstName + ' ' + this.lastName)
}
 
// Vue 3.x
import { watchEffect, ref } from 'vue'
 
const firstName = ref('John')
const lastName = ref('Doe')
 
watchEffect(() => {
  console.log('Full Name is: ' + firstName.value + ' ' + lastName.value)
})

总结：computed是基于依赖进行的计算，watch用于观察响应式属性的变化，而watchEffect则是自动执行无目标的副作用代码。

- 阅读更多 -

【TS】TypeScript中的接口(Interface):对象类型的强大工具

System

2024-08-27

所有,javascript




// 定义一个简单的接口
interface Point {
  x: number;
  y: number;
}
 
// 使用接口来定义一个函数，该函数接收一个符合Point接口的对象
function printCoord(point: Point) {
  console.log('x: ' + point.x + ', y: ' + point.y);
}
 
// 创建一个符合Point接口的对象
const point: Point = { x: 100, y: 200 };
 
// 调用函数并传入该对象
printCoord(point);

这段代码首先定义了一个Point接口，该接口有x和y两个属性，分别代表坐标系中的x坐标和y坐标。然后定义了一个printCoord函数，该函数接受一个类型为Point的对象作为参数，并打印出该对象的坐标。最后，创建了一个符合Point接口的对象，并调用printCoord函数来输出这个点的坐标。这个例子展示了接口的基本使用方法，并且有助于理解接口在TypeScript中的作用。

- 阅读更多 -

【TS】TypeScript类型断言：掌握类型转换的艺术

System

2024-08-27

所有,javascript




// 假设有一个函数，它接受一个联合类型的参数，并根据类型不同执行不同的操作
function processInput(input: string | number): string {
    // 使用类型断言来确保在处理input时，我们可以调用toString()
    const stringInput = input.toString();
    // 根据不同的类型，执行不同的逻辑
    if (typeof input === 'string') {
        return stringInput.toUpperCase();
    } else {
        return stringInput.toString();
    }
}
 
// 使用类型断言来确保我们可以调用特定于字符串的方法
const myStringValue: string | number = "Hello, TypeScript!";
const processedValue = processInput(myStringValue);
 
console.log(processedValue); // 输出: "HELLO, TYPESCRIPT!"

这个例子展示了如何在TypeScript中使用类型断言来确保代码可以编译通过并正确地处理不同类型的输入。这是TypeScript中类型系统的一个关键特性，它允许开发者在编写类型安全的代码时更加灵活。

- 阅读更多 -

Java | Spring框架 | 构造器注入 vs 设值注入

System

2024-08-27

所有,java

构造器注入和设值注入是两种在Spring框架中常用的依赖注入方式。

构造器注入:

构造器注入是通过类的构造函数来注入依赖项。在Spring框架中，当你想要注入的依赖项在对象创建时就已经可用，构造器注入是一个很好的选择。




public class SomeClass {
    private final DependencyA dependencyA;
    private final DependencyB dependencyB;
 
    public SomeClass(DependencyA dependencyA, DependencyB dependencyB) {
        this.dependencyA = dependencyA;
        this.dependencyB = dependencyB;
    }
    // ...
}

设值注入:

设值注入是通过类的setter方法来注入依赖项。这种方式在对象创建后依赖项变得可用时使用较为合适。




public class SomeClass {
    private DependencyA dependencyA;
    private DependencyB dependencyB;
 
    public void setDependencyA(DependencyA dependencyA) {
        this.dependencyA = dependencyA;
    }
 
    public void setDependencyB(DependencyB dependencyB) {
        this.dependencyB = dependencyB;
    }
    // ...
}

在实际开发中，选择哪种注入方式通常取决于你的具体需求和项目规范。构造器注入可以在创建对象时就确保依赖项的可用性，而设值注入则更灵活，可以在对象创建后任何时候注入依赖项。

- 阅读更多 -

java连接redis和基础操作命令

System

2024-08-27

所有,java

在Java中连接Redis并执行基本操作，你可以使用Jedis库。以下是一个简单的示例代码：

首先，确保你的项目中包含了Jedis依赖。如果你使用Maven，可以在pom.xml中添加以下依赖：




<dependency>
    <groupId>redis.clients</groupId>
    <artifactId>jedis</artifactId>
    <version>最新版本号</version>
</dependency>

然后，你可以使用以下Java代码连接到Redis并执行基本操作：




import redis.clients.jedis.Jedis;
 
public class RedisExample {
    public static void main(String[] args) {
        // 连接到Redis服务器，这里假设Redis运行在本地并使用默认端口6379
        Jedis jedis = new Jedis("localhost", 6379);
        
        // 检查服务器是否运行
        System.out.println("Server is running: " + jedis.ping());
        
        // 设置键值对
        jedis.set("key", "value");
        
        // 获取键对应的值
        String value = jedis.get("key");
        System.out.println("Get key: " + value);
        
        // 列出所有键
        System.out.println("All keys: " + jedis.keys("*"));
        
        // 关闭连接
        jedis.close();
    }
}

确保Redis服务器正在运行，并且你已经配置了正确的主机地址和端口。上述代码展示了如何连接到Redis服务器，设置键值对，获取键对应的值，列出所有键，并在最后关闭连接。

- 阅读更多 -