项目简介 vue3-admin-xmw-pro 基于 Vben Admin 二次开发,它使用了全新的技术栈:Vue3、Vite、TypeScript等,提供了完善的前后端权限管理方案,丰富的主题配置及黑暗主题适配,对日常使用频率较高的组件二次封装,满足基础工作需求,希望本项目可以帮助到您。 🎯 前端技术栈: vue.js、ant-design-vue、vite、TypeScript 🔗 前端传送门: Xmw_web 🎯 后端技术栈: egg.js、jsonwebtoken、sequelize、redis 🔗 后端传送门: Xmw_server 😝 线上预览: http://vue3.xmwpro.com 🔑 用户名:admin,密码:123456 🚀 github 仓库地址 🚀 码云仓库地址 📄 文档地址:正在编写中! ❤️ star:如果可以的话,请顺手给个star,表示对作者的鼓励,万分感谢! 😝 Vue2版本: vue-admin-xmw-pro 环境和依赖 node (Node.js 版本要求12.x以上,且不能为13.x版本,这 ...
本站部分文章转载自 Akilarの糖果屋 ,如有侵权,请联系作者,本站仅当学习使用! 本文记录了本站博客主题 ButterFly 全部的美化教程 点击查看更新记录 Butterfly 主题美化日记2022-05-16 侧边栏归档样式修改 2022-05-13 Friend Link 友链样式魔改 引入 Wow.js Animation 动画 2022-05-12 标签 Tag 右上角添加章数 博客顶部菜单重写 引入 Aplayer 音乐播放器 Twikoo 评论块气泡风格魔改美化 使用 Hexo-abbrlink 生成唯一文章链接 留言板 爱心❤️ 信封✉️ 动画 2022-05-11 自定义 Loadin ...
基于 Vue3 + Element-plus 封装的 Table 组件,欢迎大家交流学习,持续开发中 Vue3-element-table基于 Vue3 + Element-plus 封装的 table 组件,支持所有 elementUI table 组件配置项 文档,另外多选功能做了跨分页多选 Table 属性除此之外支持所有 el-table 属性 参数 说明 类型 默认值 tableData 表格数据 Array - columns 列配置,详情见下方 Column 属性 Array - loading 加载状态 Boolean false tableConfig 表格配置项,详情见下方 Config 属性 Object - showPagination 是否显示分页 Boolean true paginationConfig 分页器配置项,详情见下方 paginationConfig 属性 Object - Column 属性除此之外支持所有 el-table-column 属性 参数 说明 类型 默认值 slotName 开启 ...
vue3-element-table基于 Vue3 + Element-plus 封装的 Form 组件,支持所有 Element-plus Form 组件配置项 文档 Form 属性除此之外支持所有 el-form 所有 属性 参数 说明 类型 默认值 formData 表单数据,双向绑定(字段需与 prop 属性一样) Object - formColumns 表单配置项,详情见下方 Column 属性 Array - formRules 表单规则验证,校验规则请参考 el-form Object - Form 方法表单组件已给 el-form 绑定 ref 并用 defineExpose 暴露出来,我们只需要在引入组件中绑定ref,即可调用 el-form 的方法 1<XmwForm :formData="formData" :formColumns="formColumns" :formRules="formRules" ref="baseForm"></X ...
本站部分文章转载自 Akilarの糖果屋 ,如有侵权,请联系作者,本站仅当学习使用! 本文记录了本站 Hexo博客 全部的优化教程 点击查看更新记录 Hexo博客 优化日记2022-05-18 使用 Vercel 托管 Vue3 前端静态页面 2022-05-11 从零开始搭建 Hexo 个人博客 2022-05-05 使用 Vercel 来加速 Hexo 博客 2022-04-30 使用 Gulp 压缩博客静态资源 从零开始搭建 Hexo 个人博客站内教程索引: 从零开始搭建 Hexo 个人博客/post/b9948411.html/ 使用 Gulp 压缩博客静态资源站内教程索引: 使用 Gulp 压缩博客静态资源/post/49b73b87.html/ 使用 Vercel 来加速 Hexo 博客站内教程索引: 使用 Verc ...
前言最近空闲时间再做一个引导站点,使用的是 Vue3 + Vite,完成之后首先想到的就是用 Vercel 托管,网上查询了下,有 vercel-cli 脚手架可以在本地用命令部署,特此记录一下! 前置教程 在看此文章之前,确保你之前有对 Vercel 有一定的了解并有项目托管的经验,可以参考此文章: 站内教程索引: 使用 Vercel 来加速 Hexo 博客/post/812734f8.html/ 教程步骤 使用 vue-cli 搭建脚手架,并能正常运行项目 由于考虑到看这篇文章的应该是做前端开发的,此教程就略过了,不懂的可以看 vue-cli 在项目根目录,全局安装 vercel 依赖 1npm i -g vercel 在根目录创建 vercel.json 文件 123{ "rewrites": [{"source": "/api/(.*)", "destination": "/api"}]} 在根目录创建文件 api\i ...
图床什么是图床?图床一般是指储存图片的服务器,专门用来存放图片,同时允许你把图片对外连接的网上空间,有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为 单线空间、多线空间 和 cdn加速 三种。 在我们博客写文章时,经常要在文章中插入图片,一般我们不会把图片存放在本地,而是存放在存储图片的服务器上,今天就以 阿里云OSS对象存储 为例,与 PicGo 搭建自己的图床。 阿里云OSS对象存储 首先我们要开通服务,访问 阿里云OSS对象存储,购买资源包: 由于我们写博客用的图片流量不是很大,这里我们选择按量付费: 开通 OSS 服务后,我们在 对象存储控制台 创建 Bucket: 付费方式可以看个人博客和图片的流量选择,如果只是单纯写博客用,按量付费是最划算的,我搭建博客两个多月,几十兆的流量就扣了不到2块钱。 PicGo 配置 首先,我们先安装 PicGo ,下载地址: PicGo 打开 PicGo 设置:图床设置 > 阿里云OSS KeyId 和 KeySecret 获取方式: 存储空间名:你创建的 Buc ...
文章转载自 Akilarの糖果屋,如有侵权,请联系作者,本站仅当学习使用。 魔改步骤 安装插件,在博客根目录 [Blogroot] 下打开终端,运行以下指令: 1npm install hexo-butterfly-wowjs --save 添加配置信息,以下为写法示例在站点配置文件 _config.yml 或者主题配置文件 _config.butterfly.yml 中添加 12345678910111213141516wowjs: enable: true #控制动画开关。true是打开,false是关闭 priority: 10 #过滤器优先级 mobile: false #移动端是否启用,默认移动端禁用 animateitem: - class: recent-post-item #必填项,需要添加动画的元素的class style: animate__zoomIn #必填项,需要添加的动画 duration: 2s #选填项,动画持续时间,单位可以是ms也可以是s。例如3s,700ms。 delay: 1s #选填项,动画开 ...
文章转载自 Akilarの糖果屋,如有侵权,请联系作者,本站仅当学习使用。 魔改步骤 修改 [Blogroot]\themes\butterfly\layout\includes\page\flink.pug , 此处添加判断机制,使得可以通过修改配置文件来切换友链风格。同时为了方便管理,把各个友链样式放到新建的文件目录 [Blogroot]\themes\butterfly\layout\includes\page\flink_style 下。 flink.pugbutterfly.pugvolantis.pugflexcard.pug修改 [Blogroot]\themes\butterfly\layout\includes\page\flink.pug ,全部内容替换为: 1234567case theme.flink_style when 'volantis' include ./flink_style/volantis.pug when 'flexcard' include ./flink_style/flexcard ...
魔改教程 使用命令 hexo new page guestbook 新建一个留言板菜单 guestbook (名字可以自定义),在 [Blogroot]\source\guestbook\index.md 中添加: 1234567891011121314151617<div class="envlope-wrapper"> <div id="envelope" class="open"> <div class="front flap"></div> <div class="front pocket"></div> <div class="letter"> <div class="words line1"></div> <div class=&q ...
avatar
Cyan
记录学习、生活和有趣的事
Guide Website
公告
好好吃饭🍣 好好睡觉💤 敲敲代码💻 谈谈恋爱💑
最新文章
最新评论
正在加载中...
网站资讯
文章数目 :
21
已运行时间 :
本站总字数 :
25.8k
本站访客数 :
本站总访问量 :
最后更新时间 :