vue3.2+ts+element，搭了个简易的后台框架，没有过渡封装，可以拿来做启动项目

最新推荐文章于 2024-06-14 23:11:55 发布
会写代码的客家咸鱼 最新推荐文章于 2024-06-14 23:11:55 发布
阅读量160 收藏 2
点赞数 2
文章标签： vue.js vue Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接： https://blog.csdn.net/weixin_43860974/article/details/129673136
版权

业余时间，花了半个多月，用尽毕生所学，vue3.2+ts+elementPlus+vite4+pinia搭建了个纯前端的后台管理系统。

高手轻喷，我知道轮子很多了，我做这个，第一，是累积项目经验，第一次写ts项目，很多不会的地方直接都是any。第二嘛，就是自己写的轮子，二开起来比较方便，毕竟项目结构，开发文档啥的就在我的脑子里，轻车熟路

在线预览 http://vue3.88an.top

gitee仓库源码 https://gitee.com/chenguangan/vue3.2.ts.vite4

有登录，修改密码，产品列表，产品类型，产品编辑，一个企业站点后台管理的基础模块，都有了，后续想到什么，再继续完善吧

整合了如下功能：

1、多语言切换

2、主题色更换

3、路由过度动画

4、暗黑模式

5、图片管理组件

6、图片拖拽排序

7、引入了百度富文本编辑器

8、改造了百度富文本编辑器的图片上传功能

9、富文本，增加了模板功能

10、标签导航栏切换菜单功能

目前就这样吧，预计接下来做移动端的适配，首页再优化优化...

会写代码的客家咸鱼
关注 关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
使用vue3.2x + element-plus + ts + vite + vue-router@4.x + vuex@4.x搭建的后台管理系统
wangweiruning的博客
04-19 1266
功能 用户管理 登录 注册 权限验证 页面权限 按钮权限 多环境发布 开发环境 测试环境 预发布环境 生产环境 全局功能 字体svg + elementIcon 动态面包屑 动态侧边栏 ScreenFull全屏 动态换肤 多语言 快捷导航栏 错误日志 引导页 Echarts图表 全局Loading指令 编辑器 富文本 Markdown JSON Excal 导出 导入 前端可视化 导出zip
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
vue3.2+TS
qq_44794851的博客
01-06 635
代码如下（示例）： <template> <div> <el-card> <el-form ref="form" label-width="110px" size="mini" class="search-form" :model="search" :rules="rules" :inline="true" >
TypeScript 学习笔记（二十一）：TypeScript 与后端框架的结合使用
最新发布
Programming Talk
06-14 730
在 TypeScript 项目中，使用类型定义文件（如*.d.ts）可以提升类型检查的准确性。
哔哩哔哩移动端项目：Vue3.2 + TS + Axios入门到实战
技术专家
08-24 993
完成带数据交互的 B 站移动端 学习到 Vue3 + TypeScript 的开发环境配置 Volar + DevTools 学习到 Vant3 组件库 + Axios 请求库在项目实战中使用
Vue3.2+Vite2.x+Ts项目搭建
qq_43592064的博客
05-24 2711
Vue3.2+Vite2.x+Ts项目搭建
公开课丨Vue3.2 + TS + Axios入门到实战
传智播客的专栏
09-27 553
今年8月，Vue3.2 终于定稿了 <script setup> 语法糖，作者尤雨溪自信放话：<script setup> + TS + Volar = 真香。今晚...
vue3+TS+axios+route+element plus 可二次开发的模板，包括请求使用方法，完美封装 上手即用
08-19
vue3+TS+axios+route+element plus 可二次开发的模板，包括请求使用方法，完美封装 上手即用
基于vue3+TS构建的商城后台管理系统
02-23
综上所述，"基于vue3+TS构建的商城后台管理系统"涉及了现代前端开发的多个重要知识点，包括Vue3的新特性、TypeScript的安全性、Vuex的状态管理、路由控制、UI组件库的使用以及测试和部署策略。这些技术的综合运用，...
Vue3+TS图片裁切组件
08-02
Vue3+TS图片裁切组件，在main.ts中全局引入 import ImageCrop from "@/components/image-crop/" const app = createApp(App) app.use(ImageCrop); app.mount('#app ') 在对应的页面使用 裁切比例，不用此参数自由...
vue3企业级项目二次封装el-table、分页
06-28
2、项目选型：vite + ts + vue3 3、全篇采用语法糖形式 4、通过带着读者手写简化版 封装技巧，了解 核心原理。全文极简备注！在书写的过程中会摘取整体框架中的核心逻辑，简化代码实现过程，保留核心功能，例如：...
vue3 后台模板
weixin_42587866的博客
01-06 152
Vue 3 是一个用于构建用户界面的 JavaScript 框架。它的后台模板是用来在服务端渲染应用的模板，这样可以使应用的首屏加载更快，并且可以帮助搜索引擎更好地爬取应用的内容。Vue 3 使用 JavaScript 语言来编写模板，因此你需要了解 JavaScript 和 Vue 3 的语法，才能够编写后台模板。 ...
vue3.2setup语法糖，vite2创建vue3.2+ts+vue-router4项目
切图仔
05-12 1723
vite2创建项目 用volar插件替换vetur插件 vite配置文件 resolve.alias配置项（路径别名使用） 1.需要安装插件来支持ts: 2.在配置文件导入node模块path并改resolve.alias 3.添加配置项 vue3.2语法糖 1.setup 语法糖 2.defineProps(自定义属性) 3.defineEmits（自定义事件） 4.useSlots和useAttrs（需引入） 4.1.useSlots 4. 2.useAttrs 5.de
vue3.2+ts遇到的小问题以及写法心得
zuiHouHui16Sui的博客
07-01 704
vue3.2+ts遇到的小问题以及写法心得
vue3.2的TS写法
11-20 3459
父组件 子组件 也可以用interface定义{id: number, content: string} 有没有发现上面用TS写的不可以写默认值，怎么解决呢用withDefaults：第一个参数是defineProps， 第二个参数是一个对象 对象里面的属性是父组件传值的属性，直接给属性赋值 二、自定义事件TS写法(defineEmits) 父组件 子组件 总结说明： 因为defineEmits()返回的是一个函数， 所以我们定义泛型的时候也是定义成函数类型参数一： e的值是
vue3 + vite + ts + element-ui搭建后台管理框架
学全栈、大前端方向，就找前端早间课
03-30 4898
前端路上 | 所知甚少，唯善学。各位小伙伴有什么疑问，欢迎留言探讨。— 关注我：前端路上不迷路 —
Vue 3.2正式发布，<script setup> + TS + Volar = 真香
开发者技术前线-DevolperFront
08-12 938
点击“开发者技术前线”，选择“星标”让一部分开发者看到未来来自：前端之巅原文链接：https://blog.vuejs.org/posts/vue-3.2.html8 月 5 日，Vue....
vue3+ts+elementPlus 后台管理系统
cjy_fly的博客
09-01 561
vue3+ts+elementPlus 后台管理系统
从零搭建vue3 + ts + vant 的后台框架-引言
phplife的电子商务网上商城专栏
10-13 1504
从零搭建VUE3+VANT+TS的后台框架
请你用vue3+element-plus+ts二次封装一个el-dialog
05-22
好的，我可以为你提供一个基本的ElDialog封装，供你参考： ```vue :title="title" :visible.sync="dialogVisible" :before-close="handleClose" :close-on-click-modal="false" :custom-class="customClass...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • vue3.2+ts+element，搭了个简易的后台框架，没有过渡封装，可以拿来做启动项目 160

最新评论

  • vue3.2+ts+element，搭了个简易的后台框架，没有过渡封装，可以拿来做启动项目

    人过留名，雁过留声机: 全局any

  • vue3.2+ts+element，搭了个简易的后台框架，没有过渡封装，可以拿来做启动项目

    CSDN-Ada助手: 推荐 Vue入门 技能树：https://edu.csdn.net/skill/vue?utm_source=AI_act_vue

您愿意向朋友推荐“博客详情页”吗？

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

2023年1篇

目录

目录

评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会写代码的客家咸鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或 充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值

PHP网站源码横岗百度seo坂田建设网站广州网站关键词优化罗湖百度竞价横岗网络推广同乐网站设计模板双龙外贸网站建设南联百搜标王永湖SEO按天收费深圳网站seo优化吉祥设计网站龙华seo网站优化布吉网站优化大运百姓网标王推广平湖建网站松岗网站推广宝安网站改版丹竹头营销型网站建设龙岗网站优化按天收费南联企业网站设计龙华网站制作设计惠州百姓网标王永湖优秀网站设计坪山关键词按天收费爱联模板制作大芬阿里店铺托管坪山关键词排名包年推广松岗网站设计大浪百度竞价观澜网站优化软件歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅：唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人？开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

PHP网站源码 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化