草庐IT

从零开始Vue3+Element Plus的后台管理系统(二)——Layout页面布局的实现

项目搭建好之后,开始写基本的布局。后台管理系统的布局3大元素:头部、侧栏、主要内容,各种布局结构相差不大,我选择了下图所示的布局,其中头部、侧栏、页签在页面中是固定的,只有主要内容容器会跟随页面滚动。Layout布局的目录结构|-layout|-header//头部index.vue|-sidebar//侧栏index.vueSidebarItem.vue//侧栏菜单递归组件|-tags//页签index.vueindex.vue//布局入口代码就不贴了,仓库有😄侧栏Sidebar侧栏使用el-menu组件,考虑到实际项目中可能不止2级菜单,所以直接使用递归组件实现。侧栏的数据直接来自于我们配

利用 Mybatis-Plus 的动态数据源实现多数据源配置

目录一、导入依赖二、Application.yaml配置文件三、切换数据源四、其他方法4.1 配置多个数据源4.2 定义Datasource和EntityManager4.3 在需要使用数据源的地方注入不同的EntityManager官网:https://baomidou.com/pages/a61e1b/#dynamic-datasource一、导入依赖com.baomidoudynamic-datasource-spring-boot-starter${version}二、Application.yaml配置文件spring:datasource:dynamic:primary:maste

element-plus修改下拉菜单Dropdown-Item 样式(popper-class)

当我们对下拉菜单内的item的样式进行修改时,我们可以使用//由于下拉框不在.app组件里面,所以使用global设置全局的下拉框样式:global(.el-dropdown-menu__item){line-height:36px;padding:6px22px;color:red;}}但是这样就会导致全局的下拉框样式都变为一样,为了避免这种情况,我们可以使用dropdown中的popper-class属性{{userName}}退出登录个人信息修改密码:global(.dropDownStyle.el-dropdown-menu__item){line-height:36px;color:

springBoot + mybatis-plus 实现监听 mysql的数据增删改的监听

在SpringBoot+MyBatis-Plus中实现MySQL数据增删改的监听,可以通过以下步骤:1.添加MyBatis-Plus依赖,在pom.xml文件中添加以下依赖:   com.baomidou  mybatis-plus-boot-starter  ${mybatis-plus.version}2.配置MyBatis-Plus,通常在application.yml文件中进行配置:mybatis-plus: #数据库类型 db-type:mysql #实体扫描,多个package用逗号或者分号分隔 typeAliasesPackage:com.example.entity #加载自定

Vue3自动引入组件(unplugin-auto-import和element-plus)

前言在使用Vue3开发项目时,我们经常需要引入多个组件,但是每次手动引入非常麻烦,容易出错。为了解决这个问题,我们可以使用unplugin-auto-import插件自动引入组件,提高开发效率。本篇博客将详细介绍如何在Vue3项目中使用unplugin-auto-import插件。安装插件首先,在项目中安装unplugin-auto-import插件:npminstall-Dunplugin-auto-import@next配置插件在项目根目录下创建vite.config.js文件,然后配置插件:import{defineConfig}from'vite';importvuefrom'@vit

element plus表格的表头和内容居中

单列的表头和内容居中:在对应的那一列加上align="center"即可el-table-columnprop="name"label="商品名称"align="center"/>表格的所有列表的头和内容居中:在el-table上添加下面两行即可:cell-style="{textAlign:'center'}":header-cell-style="{'text-align':'center'}"el-table:data="goodsList.goodsTable"style="width:100%"empty-text="暂无数据":cell-style="{textAlign:'cen

【transformers】tokenizer用法(encode、encode_plus、batch_encode_plus等等)

tranformers中的模型在使用之前需要进行分词和编码,每个模型都会自带分词器(tokenizer),熟悉分词器的使用将会提高模型构建的效率。stringtokensids三者转换string→tokenstokenize(text:str,**kwargs)tokens→stringconvert_tokens_to_string(tokens:List[token])tokens→idsconvert_tokens_to_ids(tokens:List[token])ids→tokensconvert_ids_to_tokens(ids:intorList[int],skip_spec

【transformers】tokenizer用法(encode、encode_plus、batch_encode_plus等等)

tranformers中的模型在使用之前需要进行分词和编码,每个模型都会自带分词器(tokenizer),熟悉分词器的使用将会提高模型构建的效率。stringtokensids三者转换string→tokenstokenize(text:str,**kwargs)tokens→stringconvert_tokens_to_string(tokens:List[token])tokens→idsconvert_tokens_to_ids(tokens:List[token])ids→tokensconvert_ids_to_tokens(ids:intorList[int],skip_spec

vue3 集成 Element-Plus之全局导入/按需导入

element-plus集成ElementPlus,一套为开发者、设计师和产品经理准备的基于Vue3.0的桌面端组件库:在Vue2中使用element-ui,而element-plus是element-ui针对于vue3开发的一个UI组件库;它的使用方式和很多其他的组件库是一样的,所以学会element-plus,其他类似于ant-design-vue、NaiveUI、VantUI都是差不多的;移动端使用VantUI|MintUI安装element-plusnpminstallelement-plus1.全局引入一种引入element-plus的方式是全局引入,代表的含义是所有的组件和插件都会

达到chatgpt 90%效果的llama,Chinese-Alpaca-Plus-13B合并使用全过程分享

基于llama的开源项目有很多,本次测试的是一个基于7b的llama二次训练的项目,本项目开源了中文LLaMA模型和指令精调的Alpaca大模型。这些模型在原版LLaMA的基础上扩充了中文词表并使用了中文数据进行二次预训练,进一步提升了中文基础语义理解能力。同时,中文Alpaca模型进一步使用了中文指令数据进行精调,显著提升了模型对指令的理解和执行能力。在预训练阶段使用了20G中文语料的预训练。但即使LLaMA本身已经过充分的预训练并且具备一定的跨语言能力,但看起来20G的中文预训练还是非常不充分的。因此,做了如下改进,并发布了Plus版本:1、进一步扩充了训练数据,其中预训练语料扩充至120