Qwen2.5-Coder-32B模型介绍：

Qwen2.5-Coder-32B-Instruct 是基于 Qwen2.5 开发的代码特定大语言模型。该模型通过 5.5 万亿 tokens 的训练，在代码生成、代码推理和代码修复方面都取得了显著提升。它是当前最先进的开源代码语言模型，编码能力可与 GPT-4 相媲美。模型不仅增强了编码能力，还保持了在数学和通用能力方面的优势，并支持长文本处理 。

Qwen2.5-Coder-32B模型测试结果：

以硅基流动提供的模型为例
放一个硅基邀请（注册送14r）：

点击注册硅基使用！！！

直接放个图
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

问题1：
“写一个带有Bootstrap组件的长度单位转化的页面”
直接些的，webui渲染的可以直接使用
代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>长度单位转换器</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
    <h2 class="text-center">长度单位转换器</h2>
    <form id="conversion-form">
        <div class="form-group">
            <label for="input-value">输入长度:</label>
            <input type="number" class="form-control" id="input-value">
        </div>
        <div class="form-group">
            <label for="from-unit">转换前单位:</label>
            <select class="form-control" id="from-unit">
                <option value="m">米 (m)</option>
                <option value="cm">厘米 (cm)</option>
                <option value="km">公里 (km)</option>
                <option value="ft">英尺 (ft)</option>
                <option value="inch">英寸 (inch)</option>
            </select>
        </div>
        <div class="form-group">
            <label for="to-unit">转换后单位:</label>
            <select class="form-control" id="to-unit">
                <option value="m">米 (m)</option>
                <option value="cm">厘米 (cm)</option>
                <option value="km">公里 (km)</option>
                <option value="ft">英尺 (ft)</option>
                <option value="inch">英寸 (inch)</option>
            </select>
        </div>
        <button type="submit" class="btn btn-primary">转换</button>
    </form>
    <div class="result mt-4 text-center" id="result"></div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
    document.getElementById('conversion-form').addEventListener('submit', function (event) {
        event.preventDefault();
        var inputValue = document.getElementById('input-value').value;
        var fromUnit = document.getElementById('from-unit').value;
        var toUnit = document.getElementById('to-unit').value;

        var result = convertUnits(inputValue, fromUnit, toUnit);

        document.getElementById('result').innerText = `${inputValue} ${fromUnit} 约等于 ${result.toFixed(2)} ${toUnit}`;
    });

    function convertUnits(value, fromUnit, toUnit) {
        // 单位转换逻辑
        switch (fromUnit) {
            case 'm':
                value = value * 1;
                break;
            case 'cm':
                value = value / 100;
                break;
            case 'km':
                value = value * 1000;
                break;
            case 'ft':
                value = value / 3.28084;
                break;
            case 'inch':
                value = value / 39.3701;
                break;
        }

        switch (toUnit) {
            case 'm':
                return value * 1;
            case 'cm':
                return value * 100;
            case 'km':
                return value / 1000;
            case 'ft':
                return value * 3.28084;
            case 'inch':
                return value * 39.3701;
        }
    }
</script>
</body>
</html>

问题2（带上下文）：
“再加一个BMI计算的功能，让两个功能可以分开选择后再次运行”
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

代码2：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>长度单位转换与BMI计算器</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
    <h2 class="text-center">长度单位转换和BMI计算器</h2>
    <div class="btn-group mb-3" role="group" aria-label="功能选择">
        <button type="button" class="btn btn-primary" id="length-conversion-btn" onclick="showConversion()">长度单位转换</button>
        <button type="button" class="btn btn-secondary" id="bmi-calculator-btn" onclick="showBMI()">计算BMI</button>
    </div>
    <div id="length-conversion-container" style="display: none;">
        <form id="conversion-form">
            <div class="form-group">
                <label for="input-value">输入长度:</label>
                <input type="number" class="form-control" id="input-value">
            </div>
            <div class="form-group">
                <label for="from-unit">转换前单位:</label>
                <select class="form-control" id="from-unit">
                    <option value="m">米 (m)</option>
                    <option value="cm">厘米 (cm)</option>
                    <option value="km">公里 (km)</option>
                    <option value="ft">英尺 (ft)</option>
                    <option value="inch">英寸 (inch)</option>
                </select>
            </div>
            <div class="form-group">
                <label for="to-unit">转换后单位:</label>
                <select class="form-control" id="to-unit">
                    <option value="m">米 (m)</option>
                    <option value="cm">厘米 (cm)</option>
                    <option value="km">公里 (km)</option>
                    <option value="ft">英尺 (ft)</option>
                    <option value="inch">英寸 (inch)</option>
                </select>
            </div>
            <button type="submit" class="btn btn-primary">转换</button>
        </form>
        <div class="result mt-4 text-center" id="length-conversion-result"></div>
    </div>
    <div id="bmi-calculator-container" style="display: none;">
        <form id="bmi-form">
            <div class="form-group">
                <label for="height">身高 (cm):</label>
                <input type="number" class="form-control" id="height">
            </div>
            <div class="form-group">
                <label for="weight">体重 (kg):</label>
                <input type="number" class="form-control" id="weight">
            </div>
            <button type="submit" class="btn btn-primary">计算</button>
        </form>
        <div class="result mt-4 text-center" id="bmi-result"></div>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script>
    document.getElementById('conversion-form').addEventListener('submit', function (event) {
        event.preventDefault();
        var inputValue = document.getElementById('input-value').value;
        var fromUnit = document.getElementById('from-unit').value;
        var toUnit = document.getElementById('to-unit').value;

        var result = convertUnits(inputValue, fromUnit, toUnit);
        document.getElementById('length-conversion-result').innerText = `${inputValue} ${fromUnit} 约等于 ${result.toFixed(2)} ${toUnit}`;
    });

    document.getElementById('bmi-form').addEventListener('submit', function (event) {
        event.preventDefault();
        var height = document.getElementById('height').value / 100;
        var weight = document.getElementById('weight').value;

        var bmi = calculateBMI(weight, height);
        document.getElementById('bmi-result').innerText = `BMI: ${bmi.toFixed(2)}`;
    });

    function convertUnits(value, fromUnit, toUnit) {
        switch (fromUnit) {
            case 'm':
                value = value * 1;
                break;
            case 'cm':
                value = value / 100;
                break;
            case 'km':
                value = value * 1000;
                break;
            case 'ft':
                value = value / 3.28084;
                break;
            case 'inch':
                value = value / 39.3701;
                break;
        }

        switch (toUnit) {
            case 'm':
                return value * 1;
            case 'cm':
                return value * 100;
            case 'km':
                return value / 1000;
            case 'ft':
                return value * 3.28084;
            case 'inch':
                return value * 39.3701;
        }
    }

    function calculateBMI(weight, height) {
        return weight / (height * height);
    }

    function showConversion() {
        document.getElementById('length-conversion-container').style.display = 'block';
        document.getElementById('bmi-calculator-container').style.display = 'none';
        document.getElementById('length-conversion-btn').classList.add('btn-primary');
        document.getElementById('length-conversion-btn').classList.remove('btn-secondary');
        document.getElementById('bmi-calculator-btn').classList.add('btn-secondary');
        document.getElementById('bmi-calculator-btn').classList.remove('btn-primary');
    }

    function showBMI() {
        document.getElementById('length-conversion-container').style.display = 'none';
        document.getElementById('bmi-calculator-container').style.display = 'block';
        document.getElementById('bmi-calculator-btn').classList.add('btn-primary');
        document.getElementById('bmi-calculator-btn').classList.remove('btn-secondary');
        document.getElementById('length-conversion-btn').classList.add('btn-secondary');
        document.getElementById('length-conversion-btn').classList.remove('btn-primary');
    }
</script>
</body>
</html>

至少写的一次对，代码没细看，因为咱也不会

都放了，有需要的自己看
用的是硅基的key，HK服务器，输出一卡一卡的，但是总体很快，一次七八行代码，文字大概两三行的样子，具体可以试试别的网络环境

总结：以我这半吊子水平来说
一次写出来能渲染直接使用 ------------------可以的
写出来没有按键冲突啥的----------------------可以的
可以直接使用没有错误-------------------------可以的

所以，还是可以推荐使用的一个模型

也很便宜，有需要的可以试试

放一个硅基邀请：

点击注册硅基使用！！！

在这里插入图片描述

# javascript # 前端 # bootstrap # 人工智能 # html
Logo
欢迎加入ModelScope魔搭中文开源社区

ModelScope旨在打造下一代开源的模型即服务共享平台，为泛AI开发者提供灵活、易用、低成本的一站式模型服务产品，让模型应用更简单！

更多推荐

cover

Deepseek开源R1系列模型，纯RL助力推理能力大跃升！

avatar ModelScope魔搭社区
cover

OpenCSG开源SmolTalk Chinese数据集

avatar ModelScope魔搭社区
cover

VITA-1.5: 迈向GPT-4o级实时视频-语音交互

avatar ModelScope魔搭社区