vue3后台管理系统
文章平均质量分 79
vue3后台管理系统是基于vue3,ts和element-plus,项目都是以composition api风格编写。
星宇大前端
大前端编程爱好者,开源爱好者。
展开
-
《vue3+ts+element-plus 后台管理系统系列》之微前端版本
vue3-ts-admin 微前端版本设计思路记录原创 2022-01-20 14:27:06 · 5580 阅读 · 2 评论 -
《vue3+ts+element-plus 后台管理系统系列一》之简介
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。简介项目的基础版本出自于源于花裤衩大佬的 vue-element-admin。版本:vue2+js版本:vue-element-adminvue2+ts版本:vue-typescr...原创 2021-01-29 13:58:47 · 7828 阅读 · 8 评论 -
《vue3+ts+element-plus 后台管理系统系列二》之布局
布局本页面部分内容来源于引用vue-element-admin-site页面整体布局是一个产品最外层的框架结构,往往会包含导航、侧边栏、面包屑以及内容等。想要了解一个后台项目,先要了解它的基础布局。Layout@/layoutvue3-composition-admin 中大部分页面都是基于这个 layout 的,除了个别页面如:login , 404, 401 等页面没有使用该layout。如果你想在一个项目中有多种不同的layout也是很方便的,只要在一级路由那里选择不同的layou原创 2021-01-30 11:51:33 · 5314 阅读 · 0 评论 -
《vue3+ts+element-plus 后台管理系统系列三》之路由侧边栏
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin 路由和侧边栏路由和侧边栏是组织起一个后台应用的关键骨架。本项目侧边栏和路由是绑定在一起的,所以.原创 2021-02-04 11:18:34 · 5159 阅读 · 12 评论 -
《vue3+ts+element-plus 后台管理系统系列四》之面包屑
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin 面包屑代码引用 @/bread-crumb.Index.vue面包屑是基于el-brea.原创 2021-02-04 11:28:31 · 2004 阅读 · 0 评论 -
《vue3+ts+element-plus 后台管理系统系列五》之 标签栏导航(TagsView)
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin演示tagsview 现在的后端管理平台现在基本上成必须了,先看下效果。 代码实现总体思.原创 2021-02-04 14:29:04 · 5205 阅读 · 2 评论 -
《vue3+ts+element-plus 后台管理系统系列六》之样式和icon
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin项目css 使用sass进行开发,关于icon图标则使用阿里的iconfont symbol引用的方式。&nb.原创 2021-02-18 14:02:49 · 1814 阅读 · 0 评论 -
《vue3+TS+element-plus 后端管理系统系列》之响应式设计
响应式设计页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和原创 2021-01-30 10:26:12 · 3857 阅读 · 0 评论 -
《vue3+ts+element-plus 后台管理系统系列》之网络请求封装
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin 数据(Model)层?关于前端是否需要数据层,有许多需要探讨的部分,从客户端或者后端转前端的同.原创 2021-02-19 10:40:25 · 2529 阅读 · 13 评论 -
《vue3+ts+element-plus 后台管理系统系列》之vuex4.x
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-adminVuex4.x 和 TS 一起分包变化也是比较多的,先从官方例子说起。基础例子请查看官网,传送vuex4.x官网.原创 2021-02-20 10:04:51 · 2084 阅读 · 1 评论 -
《vue3+ts+element-plus 后台管理系统系列》之国际化
vue3-composition-admin 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。 演示地址:https://admin-tmpl.rencaiyoujia.com/github地址:https://github.com/rcyj-FED/vue3-composition-admin国际化主要是利用 vue-i18n-next ,是因为项目使用composition api风格,需要最新兼容。.原创 2021-02-20 10:53:17 · 2608 阅读 · 8 评论