前后端分离框架 “若依” 前端Vue文件夹分析整合

前后端分离框架 “若依” 前端Vue文件夹分析整合

		最近在学习若依框架，自己对文件夹的内容做了一个大概整理和分析，
		方便在未来的开发中能够快速有效的进行处理，前端萌新，有的地方没看懂，欢迎各位大佬指正错误

bin

不知道

build

打包配置项

public

favicon.ico title栏图标
index.html 总页码（第一次加载页）

scr

api（请求接口）

monitor

job.js 定时任务页面各种请求api
jobLog.js 调度日志页面各种请求api
logininfo.js 登录日志页面各种请求api
online.js 在线用户相关操作api（查询在线用户和强退用户）
operlog.js 操作日志页面各种请求api
server.js 服务监控页面请求api

system（系统管理）

config.js 参数设置页面各种api
dept.js 部门管理页面api
menu.js 菜单管理页面api
notice.js 通知公告api
post.js 岗位管理api
role.js 角色管理api
user.js 用户管理api

dict

data.js 字典数据类请求api
type.js 字典类型类请求api

tool

gen.js 代码生成页请求api（平时不可见 需手动访问路径/tool/gen）

其他

login.js 登录退出请求api
menu.js 获取路由api

assets(静态资源)

图标 字体图标等存放地

components(组件)

Breadcrumb

index.vue 面包屑导航栏（头部 首页/系统管理/用户管理部分）

Editor

index.vue 富文本编译器组件 图片上传组件

Hamburger

index.vue 头部首页两个字的点击效果组件

HeaderSearch

index.vue 头部搜索框按钮组件

IconSelect

index.vue 图标选择组件
requireIcons.js 协助图标选择组件过滤后缀非svg的文件

Pagination

index.vue 分页功能

PanTHumb

index.vue 未知

RightPanel

index.vue 未知

RuoYi

Doc

index.vue 文档地址按钮

git

index.vue 源码地址按钮

Screenfull

index.vue 你的浏览器无法工作弹出框

SizeSelect

index.vue 布局大小按钮

SvgIcon

index.vue 图标选择组件

ThemePicker

index.vue 颜色选择组件

views（视图层 可见页面）

index.vue 首页页面（echarts展示各种数据图页面）
login.vue 登录页面
redirect.vue 页面重定向

components

icons

element-icons.js 字体图标库名称
index.vue 字体图标选择组件
svg-icons.js 判断后缀为SVG样式算法

dashiboard（首页）

BarChart.vue 柱状图组件
LineChart.vue 折线图组件
PanelGroup.vue 访客，消息栏功能组件
PieChart.vue 饼状图组件
RaddarChart.vue 柱状图组件

mixins

resize.js 首页在进行切换时保护首页状态和大小

error（发生错误导航页面）

401.vue 401错误页面
404.vue 404错误页面

monitor（系统监控）

system（系统管理）

config

index.vue 参数设置

dept

index.vue 部门管理页面

dict

data.vue 点击字典类型数据进入页面
index.vue 字典管理页面

log

index.vue 路由占位符

menu

index.vue 菜单管理

notice

index.vue 通告公告

post

index.vue 岗位管理

role

index.vue 角色管理

user

index.vue 用户管理

profile

index.vue 个人信息界面
resetPwd.vue 修改密码组件
userAvatar.vue 上传头像组件
userInfo.vue 基本资料修改页面

tool（系统工具）

build（表单构建）

index.vue 表单构建左边功能框
CodeTypeDialog.vue 生成代码与复制代码点击弹出框
Draggableltem.vue 没看懂
IconsDialog.vue 选择图标
RightPanel.vue 表单构建右边功能框
TreeNodeDialog.vue 树形级联选择框（没看懂在哪）

gen（代码生成 需手动访问/tool/gen进入）

index.vue 代码生成模块（需手动访问/tool/gen进入）

swagger（系统接口）

index.vue 系统接口页面