a. 首次访问系统根 url 时,应该显示「登录」页面 b. 登录成功后,应该进入管理系统的「主页面」 c. 在管理系统的主页面,做任何菜单切换,主页面的主体结构不变,只在内容区展示菜单项对应的业务内容 这里的主体结构是指:标题栏、菜单栏、底部信息栏(如果有的话) d. 管理主页面应该提供「退出」入口,点击入口时,...
f. 在浏览器地址栏直接输入一个「非登录」类 url 后,如果用户未登录,或登录凭证已过期,则应该跳转到「登录」页面 g. 在浏览器地址栏直接输入「登录」页面 的URL后,如果如果用户已经登录过,且凭证没有过期,则应该直接进入管理「主页面」并展示「管理首页菜单」的内容 这些基本特征看似很多,其实核心问题就二个:如...
这篇文章主要通过 vite + vue3 + element-plus + ts搭建一个后台管理系统架子 1、安装 通过vite脚手架搭建我们第一个项目 yarn create @vitejs/app my-vue-app(自己项目的名称) --template vue-ts 复制代码 这串命令可以让我们生成一个基于TS的项目 ...
从零搭建一套高效Vue3+element-plus+vite+pina的后台管理框架 想要开发一套高效的后台管理框架系统，只需要使用遵循以下操作：一、配置开发环境 后端环境要求：php8.0、mysql8.0、伪静态配置 前端环境要求：node.js 版本号18.0 二、后台框架的搭建 1、源码下载，将下载的代码复制粘贴到phpstudy的站点根目录；根...
一个后台管理常常需要一个标签页来管理已经打开的页面,这里我们单独写一个组件来展示标签页数组。 该标签页组件只做展示不涉及操作数据。标签页数组可记录已打开的数组,还能定义什么页面需要缓存,是一个重要的功能呢。 首先,建立一个TagList.vue组件,里面代码如下 ...
Vue3+Vite+ElementPlus管理系统常见问题 本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效...
vue-admin-box是一个免费并且开源的中后台管理系统模板。使用最新版本的vue3+vite+element-plus开发而成,目的是为了解决通用型的业务中后台系统复杂的配置。 功能特色 适合中后台开发的路由配置、状态管理机制(状态默认支持本地存储)、已封装完善的axios及api管理机制 ...
Element-Plus Vite 2.0 Vue-Router Echarts 5.0 Axios 主要技术栈为 Vue 3.0 和 Element Plus,Vue 3.0正式版本已上线半年有余,之后又看到 @iamkun 大佬发了一篇文章《? Element UI for Vue 3.0 来了!》,文章中有提到 Element Plus 正式发版,就想着用它来重构之前写的一个后台管理系统,然后又尝试了一下 Vite...
主要技术栈为 Vue 3.0 和 Element Plus,Vue 3.0正式版本已上线半年有余,之后又看到 @iamkun 大佬发了一篇文章《🎉 Element UI for Vue 3.0 来了!》,文章中有提到 Element Plus 正式发版,就想着用它来重构之前写的一个后台管理系统,然后又尝试了一下 Vite 2.0,算是尝鲜吧。
Element-Plus Vite 2.0 Vue-Router Echarts 5.0 Axios 主要技术栈为 Vue 3.0 和 Element Plus,Vue 3.0正式版本已上线半年有余,之后又看到 @iamkun 大佬发了一篇文章《🎉 Element UI for Vue 3.0 来了!》,文章中有提到 Element Plus 正式发版,就想着用它来重构之前写的一个后台管理系统,然后又尝试了一下 ...