element-plus的form表单

介绍 form表单官网介绍非常多,但是很难看懂怎么用的。 这里用个例子介绍常用场景 这里一个form表单设计两个提交按钮, 第一个提交按钮需要校验验证码和邮箱。 第二个提交按钮不需要校验验证码,校验验证码以外的的其他输入框 官方文档 https://element-plus.org/zh-CN/component/form.html 使用 <template> <div class="register-container"> <el-form :model="form" :rules="rules" ref="formRef" label-width="100px"> <el-form...

django验证码组件插件django-simple-captcha的使用

介绍 官网如下 [https://github.com/mbi/django-simple-captcha](https://github.com/mbi/django-simple-captcha https://django-simple-captcha.readthedocs.io/en/latest/ 实现效果就是,调用接口返回一个验证码图片和一个key值。同时后台数据库会创建验证码code和对应key值和有效期 key值在前端是隐藏的,随着提交接口一起发送到后端,在数据库里筛选出对应hashkey的code与前端传过来的code是否一致,并且在有效期内。 本文会介绍使用中的一些坑,网上好像搜不到。 安装 因为我的项目是django3.2,所以按官网介绍,支持3.2的最后一个版本是5.2。不要安装5.19或者6.0,因为会自动卸载你的d...

pinia持久化存储pinia-plugin-persistedstate

介绍 pinia是vue的状态管理库,默认是保存在内存里如果刷新页面状态会丢失。 pinia-plugin-persistedstate插件将pinia状态变化自动保存在localStorage中,这样页面刷新也不会丢失了。官网 https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/ 安装 安装: npm i pinia-plugin-persistedstate 在main.js注册: import { createPinia } from 'pinia' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' const pinia = createPinia() pinia.use(pi...

可拖动大小的双栏vue页面分享

介绍 分享一个自己写的简单的双栏页面,中间有个拖动条,可以左右拖动来改变左右双栏的大小。感觉自己写很多功能可以用到挺方便的,避免重复造轮子。   代码 TwoColumnsResizView.vue <template> <div class="tccontainer"> <div class="sidebar" ref="sidebar"> <slot name="left"></slot> </div> <div class="resizer" @mousedown="startResize"></div> <div class="main-content" ref="main...

element-plus的el-pagination分页控件使用笔记

介绍 element-plus是vue常用的组件库,但是官方文档介绍不是很详细,这里把自己用到的常用点总结一下方便使用 https://element-plus.org/zh-CN/component/pagination.html   典型使用 请求后台接口,得到总页数(page-count),当前页码(current-page),当前页数据,然后填入el-pagination组件中。 点击某个页码的时候调用 @current-change="selectpage"方法 <el-pagination large background v-model:current-page="feedArticlesStore.page" layout="total, p...

element-plus的checkbox多选控件使用笔记

介绍 element-plus是vue常用的组件库,但是官方文档介绍不是很详细,这里把自己用到的常用点总结一下方便使用 https://element-plus.org/zh-CN/component/checkbox.html   典型使用 对一个数组数据循环,生成列表,然后需要能多选列表中几个选项 这里用到el-checkbox-group 嵌套 v-for循环,再是el-checkbox选项以及显示的内容。 <el-button @click="startvector" class="m-2">开始向量化</el-button> <div> <el-checkbox-group v-model="feedArticlesStore.selectedArticles" size=...

科大讯飞智能编程助手

科大讯飞智能编程助手相比chatgpt的优势 直接进入主题,众所周知目前AI辅助编程最好用的还是chatgpt4,包括现在支持了文件上传,已经成为了编程和日志排查利器,那么为什么我们还需要一个科大讯飞智能助手这样的工具? 简单来说,看下面两张图,它可以帮我们自动对已有代码进行解释,同时自动根据注释和代码上下文生成补全代码 对代码进行选中后右键解释 根据注释和代码上下文生成补全代码。 写好注释后,回车就会生成提示代码,再按TAB键就可以让提示代码生效 此外还可以对代码进行纠错,生成单元测试,以及想GPT一样技术问答,目前内测期间还是完全免费的,配置非常简单 如何使用 首页这是一个编辑器插件,叫iFlyCode,可以选择支持VSCODE或者IDEA,经过测试AndroidStudio也可以完美支持 支持的语言有JAVA,python、C++和JS等 ...

速度更快的git工具fork,性能远超sourcetree

之前一直使用sourcetree管理git仓库,最近发现速度实在太慢,更新、add、commit每次都要卡半天。push文件一多甚至把电脑和gitlab服务器都卡崩溃了。。。相比之下idea自带的git管理性能则要好的多。可以确定sourcetree确实有严重的性能缺陷。 经过测试发现改为fork这款GUI工具,使用速度得到极大提升。缺点是win版本不支持中文。 官网下载 https://git-fork.com/ 页面上说会有49.99美元的付费,实际使用没有要求注册和付费。free evaluation,目前正处于免费试用阶段? ...
切换注册

登录

忘记密码 ?

切换登录

注册