随着技术的飞速发展，前端开发技术日新月异。 在此背景下，Jeesite Vue3 作为基于 Vue3、Vite、ANT-DESIGN-VUE、TypeScript 和 Vue 的 VBEN Admin 的前端框架，备受关注。 凭借其先进的技术栈和丰富的功能模块，为初学者和团队开发人员提供了一个快速、高效、强大的开发平台。
Jeesite Vue3 的技术堆栈
Jeesite Vue3 的技术堆栈包括 Vue3、Vite、ANT-DESIGN-VUE、TypeScript 和 Vue VBEN Admin。 这些技术目前是前端开发的领导者，当它们结合在一起时，它们为开发人员提供了一个强大而现代的开发环境。
作为一个流行的前端框架，Vue3 以其基于组件的开发方法和简洁的 API 大大提高了开发效率。 Vite 是一个现代前端构建工具，提供快速冷启动和即时热更新，使开发过程更加顺畅。 ant-design-vue 是 ant design 的一个 vue 实现，它提供了一套高质量的 UI 组件，让界面设计更加美观易用。 TypeScript 是 J**Ascript 的超集，它通过静态类型检查和丰富的类型系统来提高质量。 最后，Vue VBEN Admin 是一个高质量的后台管理系统模板，为大中型项目的开发提供了现成的解决方案。
vben admin 的改进：
更精细化的界面细节进行优化和完善，非常适合信息管理后台。
主题样式改进，不同布局样式，菜单和权限体验优化。
活动状态激活和加载优化改进了顶部菜单、分隔菜单和混合菜单。
树表可以异步封装，以提高展开和折叠的树表的性能。
树结构增加了快速刷新、动态树生成以及分层独立和非独立数据返回兼容性。
增加了显示左树和右表、折叠左树的功能，并增加了树组件的默认图标。
表单组件可适应多种数据格式**，尤其是多选字符串到数组。
表单中添加了各种方便的属性和表单组件，下拉框和树选择支持标签名称回显。
表单组件，改进折叠表单动作算法，智能布局。
* 更多组件、动作，支持横向显示操作，更方便。
* 组件、子表编辑改进、列排序和重置优化。
新增字典组件，支持显示到**列、表单组件下拉框、单选框等。
字典标签支持标签，如标签、徽章、自定义类、样式等，用于显示样式。
支持标签页缓存更方便，切换标签页时不重新加载页面内容。
标签界面美化、图标显示、右键任意标签、快速刷新等。
全局公理改进，与各种数据格式的兼容性，超时消息提醒改进。
该功能改进了权限认证，兼容本地和后台路由。
以此类推，体验优化，暗布局细节优化。
vue 端是完全开源的，你用起来会爱上它，太方便了。
定义很多组件，非常贴心的组件属性和小函数，符合Jeesite之前的设计思路，列表和表单与数据驱动的视图，大大简化了业务功能的开发，注解分解详见本页底部的【源码解析】
为什么要做数据驱动的视图？ 前端向后兼容一直是最大的问题，拥有一套标准对框架的升级有很大帮助。 例如，您可以以非常小的成本和对业务进行非常小的更改来升级前端; 数据驱动的视图可以更好地为未来的自定义拖放表单铺平道路，并且数据存储结构更清晰，更易于维护。
注意：请仔细阅读源码解析、表单视图和列表视图上的注释，复杂表单可以与多个表单结合使用。
如果您没有节点js 16， **地址：
验证节点 -v如果未安装 yarn，则执行安装（需要 yarn v1。x）
npm i -g yarn 验证 yarn -v获取**。
git clone jeesite-vue注意：不要放入中文或空格目录。
安装依赖项。
yarn config set registry install访问开发环境（模式 1）。
yarn serve开发环境会加载大量文件，方便调试，请耐心等待。
编译打包后运行访问（方法二）。
yarn preview编译打包后，这些文件将被整合，因此访问性能将大大提高，生产环境可以打开 gzip
打包发布者。
yarn build打包完成后，会在根目录下生成一个 dist 文件夹，并发布 nginx。
有关详细信息，请参阅部署到 Live Server。
地址：basictree树组件采用实战分析。
在现代前端开发中，树组件是常见的UI元素，尤其是在后端管理系统中，可以帮助用户更好地构建分层菜单按钮。 本文将详细解释如何使用名为 basictree 的树组件以及如何使用它。
效果图如下：
实现如下
首先，让我们简要了解一下 basictree 组件的基本属性。 此组件支持以下属性：title：设置树组件的标题。
搜索：是否开启搜索功能。
是否显示工具栏。
showicon：是否在节点前面显示图标。
treedata：设置树数据数组。
defaultExpandLevel：默认要扩展的级别。
通过这些属性，我们可以自定义树组件的配置，以满足不同的业务需求。
接下来，让我们看一个具体的例子。 在这个例子中，我们将使用 Vue 3 和 TypeScript，结合一个名为 PageWrapper 的页面容器组件和一个 BasicTree 树组件来创建一个简单的树形菜单。
在模板部分，我们定义了一个 pagewrapper 组件，并在其中嵌套了一个 basictree 组件。 我们传入一些必要的属性，例如 title、search、showicon、treedata 和 defaultexpandlevel。 同时，我们还监听一个 select 事件来处理选择节点时的逻辑。
在脚本部分，我们首先导入了必要的组件和实用程序函数。 然后，我们定义一个名为 CompanyTreeData 的树数据数组，其中包含菜单的层次结构。 接下来，我们定义一个 handleselect 函数，该函数在选择节点时处理逻辑。 在此示例中，我们只需打印出所选节点的密钥即可。
通过这个例子，我们可以看到 basictree 组件使用起来非常简单直观。 我们只需要传入适当的属性来自定义树组件的配置。 同时，通过监听事件，我们可以轻松处理用户交互逻辑。
结论
作为引领未来的前端框架，Jeesite Vue3 凭借其先进的技术栈和丰富的功能模块，为前端开发者提供了全新的开发体验。 它允许初学者快速上手，同时也为团队开发人员提供了强大的支持。 无论是小型项目还是大中型项目，Jeesite VUE3 都提供即用型解决方案和丰富的示例，使开发过程更加高效。
BasicTree Tree 组件是一个功能强大且易于使用的 UI 组件，可满足后端管理系统中的常见需求。 通过掌握其属性和事件处理方法，我们可以轻松构建满足业务需求的树状结构界面，并改善系统的用户体验和交互性。
希望这篇技术博客能帮助您了解 basictree 组件的用法！ 如果您有任何问题或需要了解更多，请随时提问。
附件是 jeesite-vue 文档的地址
附件是 jeesite-vue 框架的地址
Attached 是 jeesite-vue 框架服务器的地址