前端学习09--vue-admin-template目录架构介绍

最新推荐文章于 2023-09-06 00:08:40 发布
最新推荐文章于 2023-09-06 00:08:40 发布
阅读量146 收藏
点赞数
分类专栏： 前端 文章标签： 前端 vue.js 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45800365/article/details/128546176
版权

文章目录

前端框架入口文件

index.html
main.js
在这里插入图片描述

前端页面使用框架

vue + element-ui

build文件夹

放项目构建的脚本文件

config目录

index.js 修改useEslint:true 关闭语法检查
dev.env.js 修改后端接口地址

src目录

在这里插入图片描述
api 定义调用方法(接口,与后端接口照应)
assets 静态资源文件
components 组件
icons 图标
router 路由
store 脚本文件
styles 样式文件
utils 工具包，比如密码加密等
views 前端具体页面

static文件夹

静态页面，一般用不着

超级无敌暴龙战士塔塔开
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Vue和Vue-Element-Admin（二）：vue-element-admin的目录结构和使用
叶子叶来
11-20 7941
Vue-Element-Admins是前端成熟框架，基于vue+element ui的开源技术方案：vue-element-admin 码云地址，教程：vue-element-admin教程，界面简洁清爽； 本地安装node.js和git工具，copy到本地即可运行，框架默认使用mock数据 # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目目录 cd vue-element-admin # 安..
【Vue学习笔记】vue-admin-template项目结构说明（个人理解）完整的一个vue项目结构，值得初学者学习这个项目的结构。
番茄Salad
02-16 160
【代码】【Vue学习笔记】vue-admin-template项目结构说明（个人理解）完整的一个vue项目结构，值得初学者学习这个项目的结构。
vue-admin-template入门详解(后端springboot+sprngsecurity+jwt+redis)
klz
05-10 4172
目录vscode插件clone 项目配置跨域后端接口前后端分离登陆前后端分离登陆二总结 vscode插件 clone 项目 地址：https://github.com/PanJiaChen/vue-admin-template 我们这里不讲vue-element-admin，讲的是vue-admin-template 配置跨域 跨域配置分为两种，一种是cors方式在 vue-config.js 配置 proxy 代理，另外一种是通过 nginx 配置反向代理，这里我们用第一种，第二
认识vue-admin-template项目目录
m0_71835253的博客
05-23 122
认识vue-admin-template项目目录
项目笔记9：vue-admin-template框架使用
Sky_rabbit94的博客
04-10 288
流程： 1、现在rooter下的index.js添加路由，比如页面左侧菜单栏 2、在index.js文件中，添加路由对应的界面，界面在view-tree下创建（index.vue） 路由关联界面代码： component: () => import('@/views/login/index') 3、在api下创建js，定义接口地址和参数： import request from '@/utils/request' export function login(username, pas
学习vue-admin-template，优化了大量融入代码，添加中文注释
05-16
Vue-admin-template是基于Vue.js的一个后台管理系统模板，它提供了一个快速开发后台应用的基础架构。这个模板通常包含路由、组件、状态管理（Vuex）以及API调用等核心功能，极大地简化了开发流程。 在“学习vue-...
vue-admin-template-4.4.0.zip
03-01
Vue Admin Template则是基于Vue.js构建的后台管理界面模板，为开发人员提供了一个快速搭建后台管理系统的基础架构。4.4.0版本是这个模板的特定迭代，可能包含了性能优化、新功能和错误修复。 在"vue-admin-template...
vue-admin-template-master.zip
02-21
总的来说，"vue-admin-template-master" 是一个完整的 Vue.js 开发环境，包含了使用 Vue.js、Element-UI 和其他辅助工具进行后台管理应用开发的基础框架，适合初学者学习和快速启动项目。通过这个模板，开发者可以...
vue3-admin-template
04-18
综上所述，"vue3-admin-template" 是一个基于最新技术栈构建的后台管理系统，集成了 Vue 3.0 的高效和灵活、Vite 2.0 的快速开发体验、Vue-Router 4.0 的路由管理、Element-Plus 的美观组件、Echarts 5.0 的丰富图表...
详细分析 vue-admin-template
热门推荐
cyt
08-02 3万+
vue-admin-template流程分析！
第8篇 前端框架 vue-admin-template的搭建运行以及结构介绍
健康平安的活着的专栏
09-06 1433
vue-element-admin是基于element-ui 的一套后台管理系统集成方案。
vue-admin-template源码目录结构
weixin_55008454的博客
08-31 212
-public 包含会被自动打包到项目根路径的文件夹。|-index.html 唯一的页面。|-dist 生产环境打包生成的打包项目。|-mock 产生模拟数据。
两小时从零学会vue-admin-template框架
drhrht的博客
03-06 6048
一、vue-admin-template 1.项目简介 官网：https://github.com/PanJiaChen vue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目，内部的架构非常的完善，简单易上手。 1.2下载项目 vue-element-admin 官网 vue-admi
vue-admin-template框架搭建及应用
SKY_PLA的博客
05-29 1万+
并且执行 login 方法， 把返回的token , 保存到 vuex、cookie 中（在路由守卫中 / login 是白名单会直接放行、axios 的请求拦截中 添加的是一个空值)style=>页面的css样式。配合路由使用的， 对于vue router 而言它还附带了一些其他的信息， 比如路由守卫， 在路由守卫中我们可以在路由跳转之前来做一些事情的。它只会包装Store中保存的数据，并不会修改Store中保存的数据，当Store中的数据发生变化时，Getter生成的内容也会随之变化；
Vue前端模板框架--vue-admin-template
m0_57037182的博客
11-04 1万+
Vue前端模板框架--vue-admin-template
vue-element-admin目录详解
weixin_44674424的博客
03-12 539
vue-element-admin目录详解
vue-admin-template搭建后台管理系统的学习（一）目录结构
pengboran的博客
06-21 2007
首先我们来看看这个基础模版的目录结构 ├── build // 构建相关 ├── config // 配置相关 ├── src // 源代码 │ ├── api // 所有请求 │ ├── assets // 主题 字体等静态资源 │ ├── components // 全局公用组件 │ ├── directive // 全局指令 │ ├── filtres // 全局 filter │ ├── icons // 项目所有 svg icons │ ├── lang // 国际化
vue学习笔记-vue-admin-template框架学习
半度微凉
01-11 1268
vue-admin-template English | 简体中文 使用[vue-admin-template]进行学习前台整合以及vue相关技术，本项目作为学习记录 A minimal vue admin template with Element UI & axios & iconfont & permission control & lint 项目代码: ...
vue-admin-template和vue-element-admin
最新发布
09-13
vue-admin-template和vue-element-admin是两个不同的项目。 vue-admin-template是一个基于vue-element-admin的后台管理系统基础模板，可以作为模板进行二次开发。它提供了一个简洁的基础框架，适合用于中小型后台...

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

超级无敌暴龙战士塔塔开

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

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

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

打赏作者

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

抵扣说明：

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

余额充值