DeepSeek应用技巧-智能体一秒生成专家抽取系统

miumiubear

1143人浏览 · 2025-03-02 11:59:52

miumiubear · 2025-03-02 11:59:52 发布

由于AI的持续迭代，其在编程方面的天赋也渐渐显露，程序猿原有的复制粘贴写代码的活计估计也将被AI所代替了，原因只有一个就是“你无需自己造轮子”，程序猿80%的重复劳动或者说是功能的堆砌和组合确实符合AI的应用方向，今天我就真实体验了一下一秒生成一个简易系统的功能，作为程序猿出生的我还是比较震惊的，原本可能需要3-4天才能打磨出来的一个系统，AI分分钟就实现了。对于什么年会抽奖、工会活动抽奖组织等，简直不要太方便，下面步入正题，给大家演示！

一、打开cherry-studio里面的智能体，选择精选里面的网页生成：

二、输入提示词：

请生成一个专家随机抽取的系统，点击抽取，再次点击结束，需要从专家库中抽取3个专家，页面风格以主流的科技元素为主，方便易用

1、经过简单的思考，deepseek即给出了结果：

整个代码，AI给出了思考的过程以及满足用户需求的设计考虑，像极了打工牛马向领导汇报成果时候的样子！！！

原代码为：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>专家随机抽取系统</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* 自定义动画 */
        @keyframes glow {
            0% { box-shadow: 0 0 5px #3b82f6; }
            50% { box-shadow: 0 0 20px #3b82f6; }
            100% { box-shadow: 0 0 5px #3b82f6; }
        }
        .glow-effect {
            animation: glow 1.5s infinite;
        }
    </style>
</head>
<body class="bg-gray-900 text-white flex flex-col items-center justify-center min-h-screen">
    <div class="text-center">
        <h1 class="text-4xl font-bold mb-8">专家随机抽取系统</h1>
        <button id="drawButton" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg transition-all glow-effect">
            开始抽取
        </button>
        <div id="result" class="mt-8 text-2xl font-semibold">
            <!-- 结果显示在这里 -->
        </div>
    </div>

    <script>
        const experts = [
            "专家A", "专家B", "专家C", "专家D", "专家E", 
            "专家F", "专家G", "专家H", "专家I", "专家J"
        ];

        let isDrawing = false;
        let intervalId;
        const drawButton = document.getElementById('drawButton');
        const resultDiv = document.getElementById('result');

        function drawExperts() {
            const selectedExperts = new Set();
            while (selectedExperts.size < 3) {
                const randomIndex = Math.floor(Math.random() * experts.length);
                selectedExperts.add(experts[randomIndex]);
            }
            return Array.from(selectedExperts).join(", ");
        }

        drawButton.addEventListener('click', () => {
            if (isDrawing) {
                clearInterval(intervalId);
                drawButton.textContent = "开始抽取";
                drawButton.classList.remove('bg-red-600');
                drawButton.classList.add('bg-blue-600');
            } else {
                intervalId = setInterval(() => {
                    resultDiv.textContent = drawExperts();
                }, 100);
                drawButton.textContent = "停止抽取";
                drawButton.classList.remove('bg-blue-600');
                drawButton.classList.add('bg-red-600');
            }
            isDrawing = !isDrawing;
        });
    </script>
</body>
</html>

2、将代码复制到txt文档中

3、将txt文档的后缀名修改为.html

4、双击这个html的文件，就出现了震撼的效果：完全可以使用。

三、进行程序调优

在我没有指定专家库的数量和人员时，AI已经默认给我预制了9个人员的专家库，实在是非常的clever，这时已经达到我的目的，但是我要具体一下专家库的人员名单，因此我再次给AI进行调优命令：

请重新优化这个代码，专家库名单为水浒传108将中的6个

接着又是分分钟生成了优化的代码：

重复上述的步骤，将代码复制到txt文件中，将后缀名修改为.html，然后用浏览器打开：

最终的效果真的是超乎了我的预期，这波操作可以给打到99分了，还有一分是怕它太骄傲。

后记：本节介绍了如何通过AI进行简单程序的实现，后续用到系统开发的时候，html前端真的可以由AI来操刀了，大大节省了效率。但是不管怎么说用AI来替代编码，在目前的阶段，作为程序猿还是需要理解每行代码的意义，这样AI才能变成工具，如果没有编程的基本功，也只能了解个皮毛，遇到BUG就束手无策了。AI带来的科技变革正在快速的发酵，谁也不知道明天将会怎样，但引用李开复最新的《AI未来进行式》中的一句话：正如马拉定律所揭示的那样，人们总是高估一项科技所带来的短期效益，却又低估它的长期影响！！！