设计前后端系统以处理长时间运行的计算任务并提供缓存支持

后端设计

1. 任务队列

创建一个任务队列来存储提交的计算任务。

@Component
public class TaskQueue {
    private final Queue<CalculationTask> queue = new LinkedList<>();

    public synchronized void addTask(CalculationTask task) {
        queue.add(task);
    }

    public synchronized CalculationTask getNextTask() {
        return queue.poll();
    }
}
2. 计算服务
@Service
public class CalculationService {
    
    @Autowired
    private TaskQueue taskQueue;
    
    @Autowired
    private CacheManager cacheManager;

    public void submitTask(CalculationTask task) {
        taskQueue.addTask(task);
    }

    @Async
    public void processTasks() {
        while (true) {
            CalculationTask task = taskQueue.getNextTask();
            if (task != null) {
                Result result = performCalculation(task);
                cacheManager.put(task.getId(), result);
            }
        }
    }

    public Result getResultFromCache(String taskId) {
        return cacheManager.get(taskId);
    }

    private Result performCalculation(CalculationTask task) {
        // Perform long-running calculation here
        // ...
        return new Result();
    }
}
3. 缓存管理器
@Component
public class CacheManager {
    private final Map<String, Result> cache = new ConcurrentHashMap<>();

    public void put(String key, Result result) {
        cache.put(key, result);
    }

    public Result get(String key) {
        return cache.get(key);
    }
}

前端设计

1. 提交任务

前端通过API提交计算任务,并获取一个任务ID

async function submitTask() {
    const response = await fetch('/submitTask', {
        method: 'POST',
        body: JSON.stringify({ /* task data */ }),
        headers: {
            'Content-Type': 'application/json'
        }
    });
    const data = await response.json();
    const taskId = data.taskId;
    return taskId;
}
2. 获取结果

前端通过任务ID获取计算结果。

async function getResult(taskId) {
    const response = await fetch(`/getResult?taskId=${taskId}`);
    const data = await response.json();
    return data.result;
}
3. 使用缓存
async function handleTask() {
    const taskId = await submitTask();
    // Poll or use a WebSocket to check if the task is completed
    const result = await getResult(taskId);
    // Use the result
}

这个设计方案通过任务队列、异步处理和缓存管理器 实现了任务提交、计算和结果缓存。前端可以通过任务ID来轮询或使用WebSocket来检查任务是否完成,并从缓存中获取结果,从而减少计算时间和资源消耗。

相关推荐
生椰拿铁You6 分钟前
09 —— Webpack搭建开发环境
前端·webpack·node.js
喵叔哟14 分钟前
重构代码中引入外部方法和引入本地扩展的区别
java·开发语言·重构
狸克先生18 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
尘浮生20 分钟前
Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
baiduopenmap32 分钟前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish40 分钟前
小程序webview我爱死你了 小程序webview和H5通讯
前端
不是二师兄的八戒43 分钟前
本地 PHP 和 Java 开发环境 Docker 化与配置开机自启
java·docker·php
请叫我欧皇i1 小时前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
爱编程的小生1 小时前
Easyexcel(2-文件读取)
java·excel