1.若依前端部分代码src下第一个目录api，里面是一下自带的接口，主要关注登录和路由获取及system中的user.js、role.js、menu.js。
2.第二个目录assets下，包括了项目中的图片和icon资源，以及styles部分封装的公共样式库，里面包含了自定义的btn按钮样式，过度动画、侧边栏、主页。其中样式可以直接在class中使用。
3.第三个目录components下封装了大量组件：
在全局的 [@/components (opens new window)](https://gitee.com/y_project/RuoYi-Vue/tree/master/ruoyi-ui/src/components)写一些全局的组件，如富文本，各种搜索组件，封装的分页组件等等能被公用的组件。 每个页面或者模块特定的业务组件则会写在当前 [@/views (opens new window)](https://gitee.com/y_project/RuoYi-Vue/tree/master/ruoyi-ui/src/views)下面。
如：@/views/system/user/components/xxx.vue。这样拆分大大减轻了维护成本。
- Breadcrumb组件是控制面包屑的，循环了route中的所有路由的title用于显示。监听了路由的变化来重新渲染面包屑
- Crontab定时任务命令，无需过多关注
- DictTag字典标签组件
- Editor富文本组件，用的上，已经统一挂载，无需导入使用
- FileUpload文件上传组件
- Hamburger无需关注
- HeaderSearch 带搜索功能的头部搜索框，实际应该用不上
- IconSelect选择icon的下拉框，用不上
- iFrame嵌入网页的组件
- ImagePreview图片预览组件，已经全局挂载了，直接用 传图片路径即可
- ImageUpload图片上传 也全局挂载了，随便用都封装了，如果要自定义切记保存一份原来的，自行新建组件
- Pagination分页组件
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />用法，页面变化时 @pagination="getList"调用。 - ParentView没看懂
- RightToolbar用不上
- RuoYi里面放的若依的gitee地址，没有用
- Screenfull全屏组件，封装的功能是点击后全屏
- SizeSelect，应该是个可调节大小的下拉菜单，用不上
- SvgIcon，全局 Svg Icon 图标组件。
默认在 @/icons/index.js (opens new window)中注册到全局中，可以在项目中任意地方使用。所以图标均可在 @/icons/svg (opens new window)。可自行添加或者删除图标，所以图标都会被自动导入，无需手动操作，
svg-icon默认会读取其父级的 colorfill: currentColor;你可以改变父级的color或者直接改变fill的颜色即可。 - TopNav顶部菜单的，用不上
- TreeSelect 下拉树 全局挂载了，直接用
