Vben Admin 源码学习:项目初始化

【Vben Admin 源码学习:项目初始化】的更多相关文章

Vben Admin 源码学习:项目初始化

0x00 前言 Vue-Vben-Admin 是一个免费开源的中后台模版.使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案考. 本系列本着学习参考的目的,对项目代码进行深入分析 ,耐心读完,相信您会有所收获. 本系列需要一定的项目使用经验,建议先阅读项目的中文文档 ,会对理解非常有帮助. 0x.01 目录说明项目主要目录结构及说明,接下来将一一深入分析介绍. . ├── build # 打包脚本相关 ├── mock # mock文件夹 ├─…

Vben Admin 源码学习:状态管理-角色权限

前言本文将对 Vue-Vben-Admin 角色权限的状态管理进行源码解读,耐心读完,相信您一定会有所收获! 更多系列文章详见专栏 Vben Admin 项目分析&实践 . 本文涉及到角色权限之外的较多内容(路由相关)会一笔带过,具体功能实现将在后面专题中详细讨论.为了更好的理解本文内容,请先阅读官方的文档说明 # 权限. permission.ts 角色权限文件 src\store\modules\permission.ts 声明导出一个store实例 usePermissionSto…

Vben Admin 源码学习:状态管理-错误日志

0x00 前言本文将对 Vue-Vben-Admin 的状态管理实现源码进行分析解读,耐心读完,相信您一定会有所收获! 0x01 errorLog.ts 错误日志文件 src\store\modules\errorLog.ts 声明导出一个store实例 useErrorLogStore .一个方法 useErrorLogStoreWithOut()用于没有使用 setup 组件时使用. // 错误日志存储实例 export const useAppStore = defineStore({…

05.ElementUI源码学习:项目发布配置（github pages&npm package）

0x00.前言书接上文.项目第一个组件已经封装好,说明文档也已编写好.下面需要将说明文档发布到外网上,以此来展示和推广项目,使用 Github Pages功能实现.同时将组件发布之 npm 上,方便直接在项目中安装使用. 0x01.Github Pages发布进入项目的 Github repo,点击右上角的 Settings 选项. 点击左侧菜单的 Pages 选项,右侧显示项目 Github Pages 初始配置.source 配置项值为 None 说明此功能尚未开启. 点击 source…

Vue源码学习02 初始化模块init.js

接上篇,我们看到了VUE分了很多模块(initMixin()stateMixin()eventsMixin()lifecycleMixin()renderMixin()),通过使用Mixin模式,都是使用了JavaScript原型继承的原理,在Vue的原型上面增加属性和方法.我们继续跟着this._init(options)走,这个一点击进去就知道了是进入了init.js文件是在initMixin函数里面给Vue原型添加的_init方法.首先来从宏观看看这个init文件,可以看出主要是导出了两个…

ibatis源码学习2_初始化和配置文件解析

问题在详细介绍ibatis初始化过程之前,让我们先来思考几个问题. 1. ibatis初始化的目标是什么?上文中提到过,ibatis初始化的核心目标是构造SqlMapClientImpl对象,主要是其内部重要属性delegate这个代理对象的初始化.delegate这个对象耦合了用户端的操作行为和执行环境,持有执行操作所需要的所有数据. 2. 如何解析ibatis的sqlmap配置文件和sqlmap映射文件?可以采用通用的xml文件解析工具,如SAX等. 3. 如何将配置文件中每个节点值注入到S…