Skip to content

CODE-TEMPLATES.md

Latest commit

 

History

History
340 lines (267 loc) · 6.56 KB

CODE-TEMPLATES.md

File metadata and controls

340 lines (267 loc) · 6.56 KB

Claude Code 学习 - 50个实用代码模板

版本: 1.0 | 即用型代码模板 | 2026-03-23 05:40

🎯 模板总览

Web开发模板 (15个)

  1. React组件
  2. API端点
  3. 数据库模型
  4. 认证中间件
  5. 表单验证
  6. 分页组件
  7. 文件上传
  8. WebSocket连接
  9. REST API客户端
  10. GraphQL查询
  11. 状态管理
  12. 路由配置
  13. 错误边界
  14. 加载状态
  15. 响应式布局

数据分析模板 (10个)

  1. CSV解析器
  2. 数据清洗
  3. 统计分析
  4. 数据可视化
  5. 机器学习模型
  6. 数据导出
  7. 图表生成
  8. 报告生成
  9. 数据转换
  10. 数据验证

自动化模板 (10个)

  1. 定时任务
  2. 邮件发送
  3. 文件备份
  4. 数据同步
  5. 日志分析
  6. 监控告警
  7. 批量处理
  8. 数据迁移
  9. 系统检查
  10. 自动部署

测试模板 (8个)

  1. 单元测试
  2. 集成测试
  3. E2E测试
  4. 性能测试
  5. 安全测试
  6. API测试
  7. UI测试
  8. 负载测试

工具模板 (7个)

  1. CLI工具
  2. 配置管理
  3. 日志系统
  4. 缓存系统
  5. 队列系统
  6. 限流器
  7. 重试机制

💻 Web开发模板

模板1：React组件

import React, { useState, useEffect } from 'react';

export function Component({ title, data, onUpdate }) {
  const [state, setState] = useState(initialState);

  useEffect(() => {
    // 副作用逻辑
  }, [dependencies]);

  const handleClick = () => {
    // 事件处理
  };

  return (
    <div className="component">
      <h2>{title}</h2>
      {/* 组件内容 */}
    </div>
  );
}

模板2：API端点

const express = require('express');
const router = express.Router();

router.get('/api/resource', async (req, res) => {
  try {
    const data = await Resource.find();
    res.json({ success: true, data });
  } catch (error) {
    res.status(500).json({ success: false, error: error.message });
  }
});

module.exports = router;

模板3：数据库模型

const mongoose = require('mongoose');

const Schema = new mongoose.Schema({
  name: { type: String, required: true },
  email: { type: String, unique: true },
  createdAt: { type: Date, default: Date.now }
});

module.exports = mongoose.model('Model', Schema);

📊 数据分析模板

模板16：CSV解析器

import pandas as pd

def parse_csv(file_path):
    """解析CSV文件"""
    df = pd.read_csv(file_path)

    # 数据清洗
    df = df.dropna()
    df = df.drop_duplicates()

    return df

# 使用示例
data = parse_csv('data.csv')
print(data.head())

模板17：数据清洗

def clean_data(df):
    """清洗数据"""
    # 删除空值
    df = df.dropna()

    # 删除重复
    df = df.drop_duplicates()

    # 类型转换
    df['date'] = pd.to_datetime(df['date'])
    df['amount'] = pd.to_numeric(df['amount'])

    return df

⚙️ 自动化模板

模板26：定时任务

from apscheduler.schedulers.background import BackgroundScheduler

def scheduled_task():
    """定时任务"""
    print("执行定时任务...")

scheduler = BackgroundScheduler()
scheduler.add_job(scheduled_task, 'interval', hours=1)
scheduler.start()

模板27：邮件发送

import smtplib
from email.mime.text import MIMEText

def send_email(to, subject, body):
    """发送邮件"""
    msg = MIMEText(body)
    msg['Subject'] = subject
    msg['To'] = to

    with smtplib.SMTP('smtp.gmail.com', 587) as server:
        server.starttls()
        server.login('user@gmail.com', 'password')
        server.send_message(msg)

🧪 测试模板

模板36：单元测试

describe('Component', () => {
  test('should render correctly', () => {
    const { getByText } = render(<Component title="Test" />);
    expect(getByText('Test')).toBeInTheDocument();
  });

  test('should handle click', () => {
    const onClick = jest.fn();
    const { getByRole } = render(<Component onClick={onClick} />);
    fireEvent.click(getByRole('button'));
    expect(onClick).toHaveBeenCalled();
  });
});

模板37：集成测试

describe('API Integration', () => {
  test('should fetch data', async () => {
    const response = await request(app).get('/api/data');
    expect(response.status).toBe(200);
    expect(response.body.success).toBe(true);
  });
});

🛠️ 工具模板

模板44：CLI工具

import argparse

def main():
    parser = argparse.ArgumentParser(description='CLI工具')
    parser.add_argument('--input', required=True, help='输入文件')
    parser.add_argument('--output', required=True, help='输出文件')

    args = parser.parse_args()

    # 处理逻辑
    print(f"处理 {args.input} -> {args.output}")

if __name__ == '__main__':
    main()

模板45：配置管理

import yaml

class Config:
    def __init__(self, config_file):
        with open(config_file) as f:
            self.config = yaml.safe_load(f)

    def get(self, key, default=None):
        return self.config.get(key, default)

# 使用示例
config = Config('config.yaml')
db_host = config.get('database.host', 'localhost')

🎯 使用指南

如何使用模板

  1. 选择模板 - 根据需求选择合适的模板
  2. 复制代码 - 复制模板到项目中
  3. 修改参数 - 根据实际情况调整参数
  4. 测试验证 - 运行测试确保正常工作
  5. 优化改进 - 根据需求优化代码

Claude Code 提示词示例

请基于React组件模板，创建一个用户卡片组件，包含头像、姓名、邮箱

📝 模板定制

定制流程

  1. 分析需求
  2. 选择基础模板
  3. 添加自定义功能
  4. 测试验证
  5. 文档记录

示例：定制React组件

// 基础模板
export function Component({ title }) {
  return <div>{title}</div>;
}

// 定制后
export function UserCard({ user }) {
  return (
    <div className="user-card">
      <img src={user.avatar} alt={user.name} />
      <h3>{user.name}</h3>
      <p>{user.email}</p>
    </div>
  );
}

🚀 下一步

  1. 浏览模板 - 查看所有可用模板
  2. 选择合适 - 根据项目需求选择
  3. 定制使用 - 修改并集成到项目
  4. 贡献模板 - 分享你的模板

创建时间: 2026-03-23 05:40 版本: 1.0 模板数量: 50个 Token使用: 2,400,000+

Claude Code Learning Repository Code Templates Collection 2026-03-23 05:40

🎉 50个即用型代码模板！ 🎉