+- inc -- 整个项目
     +- inc-admin -- 后端
         +- src
         |   +- main
         |   |    +- java
         |   |    |    +- com
         |   |    |    |    +- inc
         |   |    |    |    |    +- admin
         |   |    |    |    |    |   +- aspect -- 切面类，实现 AOP 面向切面编程
         |   |    |    |    |    |   +- config --  配置类，包括 Spring 配置、Mybatis 配置、Swagger 配置等
         |   |    |    |    |    |   +- constants -- 常量类
         |   |    |    |    |    |   +- context -- Spring Context 相关类，用于获取 Spring 上下文信息
         |   |    |    |    |    |   +- controller -- 控制器类，处理 HTTP 请求
         |   |    |    |    |    |      +- biz -- 业务相关的控制器类
         |   |    |    |    |    |      +- sys -- 系统相关的控制器类
         |   |    |    |    |    |   +- dao -- 数据访问对象类，用于访问数据库
         |   |    |    |    |    |      +- biz -- 业务相关的数据访问对象类
         |   |    |    |    |    |      +- sys --系统相关的数据访问对象类
         |   |    |    |    |    |   +- domain -- 实体类，对应数据库中的表
         |   |    |    |    |    |      +- biz -- 业务相关的实体类
         |   |    |    |    |    |      +- sys -- 系统相关的实体类
         |   |    |    |    |    |   +- dto -- 数据传输对象，用于 Controller 与 Service 层之间传输数据
         |   |    |    |    |    |      +- sys
         |   |    |    |    |    |          +- req -- 请求 DTO，封装 HTTP 请求参数
         |   |    |    |    |    |   +- exception -- 异常类
         |   |    |    |    |    |   +- filters -- 过滤器类，实现 HTTP 请求过滤
         |   |    |    |    |    |   +- intercepter -- 拦截器类，实现拦截器功能
         |   |    |    |    |    |   +- service -- 服务类，处理业务逻辑
         |   |    |    |    |    |      +- biz -- 业务相关的服务类
         |   |    |    |    |    |          +- impl -- 业务相关的服务实现类
         |   |    |    |    |    |      +- sys -- 系统相关的服务类
         |   |    |    |    |    |          +- impl -- 系统相关的服务实现类
         |   |    |    |    |    |   +- task -- 定时任务类
         |   |    |    |    |    |   +- utils -- 工具类
         |   |    |    |    |    |   +- vo -- 视图对象，用于封装视图数据
         |   |    |    |    |    |   +- IncAdminApplication.java -- 应用程序入口类  
         |   |    +- resources
         |   |        +- mapper 
         |   |        |  +- sys --  Mybatis Mapper 接口，用于访问数据库
         |   |        |     +- MenuMapper.xml --  菜单相关的 Mybatis Mapper 接口
         |   |        |     +- RoleMapper.xml --  角色相关的 Mybatis Mapper 接口
         |   |        |     +- RoleMenuMapper.xml --  角色菜单相关的 Mybatis Mapper 接口
         |   |        |     +- UserMapper.xml --  用户相关的 Mybatis Mapper 接口。
         |   |        |     +- UserRoleMapper.xml --  用户角色相关的 Mybatis Mapper 接口。
         |   |        +- application.yml -- 应用程序的配置信息，包括数据库连接、日志等
         |   |        +- application-dev.yml -- 开发环境配置文件
         |   |        +- application-pro.yml -- 生产环境配置文件
         |   |        +- spring-ehcache.xml -- Ehcache 缓存配置文件
         |   +- test
         |  	|	+- java -- 测试代码
         |  	|	    +- com 
         |  	|	        +- inc
         |  	|	            +- admin
         |  	|	                +- ClouddoAdminApplicationTests.java -- 测试应用程序的单元测试代码
         +- target -- Maven建项目时自动生成的目录
         +- inc.sql --  数据库脚本文件
         +- inc-admin.iml --  IntelliJ IDEA项目文件
         +- pom.xml -- Maven项目配置文件
     +- inc-view -- 前端
         +- .vscode -- 包含 Visual Studio Code 的项目设置和配置文件的目录
         +- build -- 包含项目构建相关的文件的目录
         +- config -- 包含 Vue 项目配置相关的文件的目录
         +- src
            +- api -- 包含与后端 API 交互的代码的目录
            +- assets -- 静态资源文件 如图片、字体等
            +- common -- 包含应用程序通用功能模块的目录
            +- components -- Vue 组件
            +- router -- 路由配置
            +- utils -- 包含应用程序工具函数的目录
            +- views -- 页面级组件
            +- vuex -- 包含 Vuex 状态管理器相关代码的目录
            +- App.vue -- 根组件 协调整个应用程序的视图和管理应用程序的状态
            +- bus.js -- 用于 Vue.js 组件之间通信的事件总线
            +- main.js -- 项目的入口文件
         +- static
            +- images
                +- cameras -- 包含摄像头图片资源的目录
         +- .babelrc -- Babel 配置文件，用于将 ES6+ 代码转换为兼容的 JavaScript 代码
         +- .editorconfig -- 编辑器配置文件，用于定义代码格式和风格的规则
         +- .postcssrc.js -- PostCSS 配置文件，用于定义样式的预处理器和后处理器
         +- index.html -- 应用程序的入口 HTML 文件
         +- install.bat -- Windows 系统下用于安装依赖包的批处理脚本
         +- packge.json -- 项目元数据的文件 用于描述 Node.js 应用程序或模块的属性
         +- packge-lock.json -- 锁定当前安装的包的版本号和依赖关系
         +- start.bat -- Windows 系统下用于启动应用程序的批处理脚本
     +- readme-- 项目说明文档
     +- .gitignore -- 指定需要 Git 忽略的文件或目录
     +- inc.iml-- IntelliJ IDEA 配置文件
     +- pom.xml -- Maven 配置文件
     +- README.md -- 项目的相关信息文档
     +- 系统安装部署文档V1.docx -- 应用程序的安装和部署说明文档。
 +- mybatis-generator-core -- 生成代码

npm install

npm run serve

npm run build

npm run lint

钩子函数（hook function）是一种在特定事件或函数执行时自动执行的函数。在编程中，钩子函数可以让我们在程序执行特定任务时执行自己的代码。在Vue.js框架中，钩子函数也被称为生命周期函数。 
 
Vue.js组件生命周期中包含多个不同的阶段，每个阶段都有对应的钩子函数，开发人员可以根据需要在不同阶段执行自定义的操作。例如，在组件被创建之前，可以使用beforeCreate钩子函数执行一些初始化操作；在组件DOM被创建之后，可以使用mounted钩子函数执行一些渲染和DOM操作。 
 
以下是Vue.js组件生命周期钩子函数及对应的阶段： 
 
- beforeCreate：实例刚被创建，数据观测和事件机制尚未初始化。 
- created：实例已经完成了数据观测、属性计算等相关工作，可以访问data、computed、methods等属性。 
- beforeMount：模板编译完成，但没有挂载到页面上。 
- mounted：实例已经挂载到页面上，可以进行DOM操作等，常用于初始化页面数据等任务。 
- beforeUpdate：数据更新之前调用，发生在虚拟DOM重新渲染和打补丁之前。可以在此钩子函数中进行一些状态管理或更新操作。 
- updated：数据更新完成，虚拟DOM已经重新渲染和打补丁，可以进行DOM操作等，但要注意避免无限循环更新。 
- beforeDestroy：实例即将销毁，可以在此钩子函数中进行资源释放、事件销毁等操作。 
- destroyed：实例已经销毁，与实例完全解绑，可以进行一些垃圾回收等操作。