收集、管理和分享有用的代码片段,提高开发效率
处理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)
绘制柱状图
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);
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 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;
基本安全配置
@Configuration
@EnableWebSecurity
public class SecurityConfig extends WebSecurityConfigurerAdapter {
@Override
protected void configure(HttpSecurity http) throws Exception {
http
.authorizeRequests(antRequest()
.antRequests()
.permitAll()
.anyRequest())
.formLogin();
}
}
播放音频
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');
}
高效管理您的代码片段,提高开发效率
通过关键字、语言或分类快速查找代码片段,支持模糊搜索和过滤功能
支持多种编程语言的语法高亮,使代码更加清晰易读
随时随地访问您的代码片段库,支持桌面和移动设备
浏览最受欢迎的代码分类