- 博客(310)
- 资源 (6)
- 收藏
- 关注
原创 error in ./src/assets/css/element-variables.scss
这通常发生在使用 Webpack 和相关的 loader(如 sass-loader 或者 css-loader)来构建项目时,文件中的内容不符合预期或者缺少必要的 loader 配置。这个错误表明你的项目中使用的sass-loader需要node-sass的版本至少为4,但是当前项目依赖中的node-sass版本低于4。如果你使用的是 Vue.js 或其他前端框架,确保 element-variables.scss 文件的引用路径是正确的,并且遵循了该框架的样式导入规则。打开终端(命令行)。
2024-05-15 17:18:16
2783
原创 springboot和vue的药品管理系统
60年代,美国开始了医药管理的研究。清晰有效的传递和沟通信息,以视觉的方式展现数据,便于用户的认知,相对于文字说明更加直观。药品管理系统实现了药品的库存管理,对于药品的库存管理,我们主要分为药品出入库,以及我们的问题药品的检查,药品出入库,我们判断库存中是否存在,如果不存在,我们直接将药品插入,如果药品存在,我们则添加入库,则库存里面的库存数量会发生变化,修改出入库的数量也会判断库存是否存在这么多的数量等操作,我们会对库存中药品的保质期进行对应的检查,显示保质期等信息,也会对问题药品进行增删改查等操作。
2023-09-09 08:38:44
1731
1
原创 Element-UI中el-tree的使用
check-strictly="true"用于父节点取消了,子节点不影响。check-strictly----设置true,可以关闭父子关联。
2023-06-23 13:41:37
383
原创 springboot学习(一)
使用QueryWrapper对象封装查询条件,推荐使用LambdaQueryWrapper对象,所有查询操作封装成方法调用。分页操作是在MyBatisPlus的常规操作基础上增强得到,内部是动态的拼写SQL语句,因此需要增强对应的功能,由于SpringBoot中未收录MyBatis-Plus的坐标版本,需要指定对应的Version。 配置数据源与MyBatisPlus对应的基础配置(id生成策略使用数据库自增策略) IPage对象中封装了分页操作中的所有数据。 类型:测试类注解。
2023-03-25 23:10:05
729
原创 SpringBoot多种属性配置方式
数组表示方式:在属性名书写位置的下方使用减号作为数据开始符号,每行书写一个数据,减号与数据间空格分隔。 数组表示方式:在属性名书写位置的下方使用减号作为数据开始符号,每行书写一个数据,减号与数据间空格分隔。 使用@Value读取单个数据,属性名引用方式:${一级属性名.二级属性名…… 使用缩进表示层级关系,同层级左侧对齐,只允许使用空格(不允许使用Tab键) 属性值前面添加空格(属性名与属性值之间使用冒号+空格作为分隔) 属性层级关系使用多行描述,每行结尾使用冒号结束。
2023-03-24 12:17:56
448
原创 computed的用法
computed用来监控自己定义的变量,该变量不在data里面声明,直接在computed里面定义,进行处理后返回一个结果值。
2023-03-07 13:53:10
4249
原创 export ‘default‘ (imported as ‘vuei18n‘) was not found in ‘vue-i18n‘ (possible exports: DatetimeForm
npm install vue-i18n默认是最新的包,是vue3的,所以报上面的错,所以要指定版本号。配置国际化在vue2的时候存在以上这个错误。然后就成功解决这个问题了。
2023-03-06 14:17:30
1680
原创 [antdv: Descriptions] Sum of column `span` in a line not match `column` of Descriptions.
column="4"修改这个数量要比:span大才不会报这个错。
2023-02-28 15:39:21
689
原创 前端网格布局grid
grid-template-columns也就是几列,我这边是4列, 所以需要写100px, 100px, 100px, 100px。比如这里,第一行就第一个格子表示a,其他都是没有,所以用点.来表示。然后子项目,也就是容器里面的方块,我们用grid-area,这样写太麻烦,可以直接写成 repeat(4,100px)grid-template-rows是几行,道理是一样的。这个是用来表示布局如何分配,如何分布,就像一个草图一样。然后是grid-template-areas,
2023-02-18 13:36:47
1339
原创 We‘re sorry but vue3test doesn‘t work properly without JavaScript enabled. Please enable it to conti
项目在打包的过程中。
2023-02-17 22:18:23
1157
1
原创 Unexpected identifier Date-微信小程序
提示 Unexpected identifier Date。虽然微信小程序官方说wxs支持 date:日期 对象,获取Date对象是使用getDate()函数,通常会把它们放到wxs脚本里。为了能够在wxml文件中,微信小程序的wxs脚本时,执行一些js脚本,函数,
2023-02-07 11:05:41
696
原创 微信小程序的分享配置onShareAppMessage
在小程序的js页面里,写次方法,则点击右上角三个“···”会有对应的分享菜单,如果不写,其实就相当于禁用的该页面的分享。
2023-02-03 20:26:58
5843
原创 onShareAppMessage 微信小程序
监听用户点击页面内转发按钮(button 组件 open-type=“share”)或右上角菜单“转发”按钮的行为,并自定义转发内容。注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮。
2023-02-02 15:51:39
5415
原创 bindgetphonenumber 授权获取用户手机号,code不返回的解决办法
bindgetphonenumber 同意授权进入回调没有返回code(线上正式版本)bindgetphonenumber 授权获取用户手机号,code不返回?基础库版本低于 基础库 2.21.2 ,不返回 code。
2023-01-31 09:50:11
655
1
原创 JS中的防抖
用 time 来控制事件的触发,然后建立一个延时器,用固定事件500ms来控制事件的触发,输出this.value ,那么之前,需要进行一个判断,判断time是不是有值,如果有值就去清掉time,然后下面的代码又重新赋值给time`。
2022-12-22 16:20:59
193
原创 ant-design+vue3树形自定义组件的封装
接口使用的是模拟数据,类似于mock.jshttps://www.fastmock.site/docs#/首先是安装ant-design相关的组件main.jsApp.vue封装的组件效果还没完善,待完善中,后面在写,哈哈哈
2022-12-03 09:09:24
1437
原创 Unsupported platform for fsevents@1.2.13: wanted {“os“:“darwin“,“arch“:“any“} (current: {“os“:“win32
比如:npm i less less-loader -D --force 就OK了。在命令后面加上 --force 重新运行。
2022-11-22 21:57:55
4390
原创 优化代码运行性能-webpack
优化代码运行性能打包代码时会将所有 js 文件打包到一个文件中,体积太大了。我们如果只要渲染首页,就应该只加载首页的 js 文件,其他文件不应该加载。所以我们需要将打包生成的文件进行代码分割,生成多个 js 文件,渲染哪个页面就只加载某个 js 文件,这样加载的资源就少,速度就更快。代码分割(Code Split)主要做了两件事:分割文件:将打包生成的文件进行分割,生成多个 js 文件。按需加载:需要哪个文件就加载哪个文件。#怎么用代码分割实现方式有不同的方式,为了更加方便体现它们之间的差异,我们会分
2022-11-22 19:48:27
203
原创 webpack-css处理
提取 Css 成单独文件Css 文件目前被打包到 js 文件中,当 js 文件加载时,会创建一个 style 标签来生成样式这样对于网站来说,会出现闪屏现象,用户体验不好我们应该是单独的 Css 文件,通过 link 标签加载性能才好。
2022-11-22 15:51:18
233
原创 webpack-html文件的处理等
生产模式是开发完成代码后,我们需要得到代码将来部署上线。这个模式下我们主要对代码进行优化,让其运行性能更好。优化主要从两个角度出发:优化代码运行性能优化代码打包速度。
2022-11-22 15:28:05
475
原创 webpack5处理图片资源,文件名等
过去在 Webpack4 时,我们处理图片资源通过 file-loader 和 url-loader 进行处理现在 Webpack5 已经将两个 Loader 功能内置到 Webpack 里了,我们只需要简单配置即可处理图片资源。
2022-11-22 14:03:14
923
原创 Web 前端之 Webpack5 教程
Webpack 本身功能是有限的:开发模式:仅能编译 JS 中的 ES Module 语法生产模式:能编译 JS 中的 ES Module 语法,还能压缩 JS 代码。
2022-11-22 10:15:32
572
原创 Vue导出PDF
使用时, 将要转PDF的内容包裹在一个div里面, 给这个div加一个ref属性,绑定一个方法通过原型调用。所以: 转换后的PDF是图片PDF, 是不能编辑的,而且: 清晰度很一般。其原理是把HTML转化为base64图片, 然后将其转为PDF。refs[‘content’], ‘我的文件’)
2022-11-19 22:15:42
7131
3
原创 springboot+vue实现excel的导出
首先是springboot对数据的处理依赖的导入service层dao层xml文件前端excel对文件流进行对应的处理。
2022-11-16 17:19:24
3520
原创 vue3---getCurrentInstance
方式一、通过 getCurrentInstance 方法获取当前组件实例,从而获取 route 和 router。方式二:通过从路由中导入 useRoute useRouter 使用 route 和 router。3.setup内部从vue中按需导出 getCurrentInstance 方法。5.通过proxy.$refs.子组件ref名.子组件内属性/方法 实现调用。4.调用getCurrentInstance方法导出proxy。1.setup语法糖中导入子组件。2.在子组件标签上绑定ref值。
2022-11-16 09:39:47
14474
原创 vite.config.js-element-plus
1、首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件。一、根据element-plus官网给的方法配置自动导入。
2022-11-15 21:51:35
644
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人