学习
文章平均质量分 57
爱恰鸡米花
要败就败给追求
展开
-
宜搭公式编辑UPSERT()的应用
宜搭upsert()操作文档我要完成的功能是:我在文件管理里添加一条数据的同时,要在另一个表单中的子表单也添加同样的数据。(我这个实现的过程也是看了宜搭的操作文档,小编也是在学习中)话不多说上操作。这个是我的目标表单(就是另一个表单提交数据之后,要在这张表中的子表单新增一条相同的数据)这张表单是我自己要主动添加数据的。其他没什么,主要是第二个分组那个数据关联是要关联到上图那张表的(主要是确定要往那条数据里的子表单添加数据)第三步,点击表单天加业务关联规则点击单据提交(就是此表单提交时,触发的原创 2021-11-12 10:57:38 · 3285 阅读 · 1 评论 -
用宜搭做多级一对多的数据录入
因为刚接触宜搭不是很久,很多地方理解的不是很透彻。希望大家多见谅,当然也非常乐意大家支出其中的不足,也希望得到大佬的指教。宜搭作为低代码操作平台,小编也是体验到了那种脱离编码的快乐。但是最近一个多级一对多的关系表的数据录入。如下图关系:我要在班级表中录入信息要绑定学院的编号学院的名称和年级的名称。其中年级的信息要根据学院的信息来筛选。在宜搭的表单组件库中有下拉单选和关联表单组件。嗯,两个组件都可以用来关联其他表单的数据。就好比我在年级表中要关联学院的信息就可以用下拉和关联表单组件。但如果我要在班级表原创 2021-11-11 15:27:32 · 2092 阅读 · 0 评论 -
element ui图片上传预览
参考:https://blog.csdn.net/weixin_44012722/article/details/106787282?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163005236716780264015137%2522%252C%2522scm%2522%253A%252220140713.130102334…%2522%257D&request_id=163005236716780264015137&bi原创 2021-08-27 17:12:08 · 1576 阅读 · 0 评论 -
vue.axios数据与echarts data交互
我们在给数据数据进行统计时,会用到饼状图,条形图等。而echarts为我们提供了各式各样的的统计图形,这是echarts官网图片废话不多说上实例:实例基于打包环境安装echartsnpm install echarts --save项目中引入echartsimport * as echarts from 'echarts';创建一个实例//创建容器<div id="main" style="float:left;width:100%;height: 300px;ba原创 2021-06-22 17:06:37 · 1591 阅读 · 0 评论 -
批量新增之axios传多参(传数组和其他类型参数)
这个问题困了挺久的。其实连我自己都不知道从什么时候开始,喜欢围绕着功能去思考代码怎么实现,也时常问自己除了这种方法还有其他的方法没有。要批量新增的是一张中间表,用的方法是mybatis-plus IService类中的saveBatch方法,它是根据实体类对象的集合进行批量新增。因为主键是自增的,所以我只需要获取歌曲id的集合和歌单id。歌单的id可以从歌单页面跳往歌曲页面是传过来,所以我们只需要获取歌曲id的集合。//这是要批量新增的中间表public class ListSong implemen原创 2021-06-19 20:37:04 · 3638 阅读 · 0 评论 -
mybatis-plus多表查询(三表多对多关系)
数据库表的关系无非就四种:1、一对多(多对一),2、一对一,3、多对多,4、没有关系。其实面对数据表的多对多关系并没有那么复杂,那要看你怎么实现,传统的方法无非就是查询sql语句,而我要的是不通过自己写sql语句来达到查询出数据。这个我貌似不会,在网上找了太多资料,结果太让我失望了,不是要xml文件就是注解写sql,多对多的关系处理不清。想了好久,也碰到好多壁障,不过还是做出来了。功能:通过中间表查询出与之关联的表的个别字段数据传统方法(注解编写sql语句的方式)表关系(歌单表、歌曲表、歌曲集合表(原创 2021-06-15 21:04:08 · 6973 阅读 · 0 评论 -
音乐播放器
后台我们通过访问路径可以访问到mp3文件,那么我现在要在前端访问,并且想播放哪首歌就播放哪首歌,如图:我已经在播放第四行数据的歌曲了(并且状态是播放的状态。当我点击歌曲图片那一列的第一个播放按钮时,当前播放停止(即第四行停止播放,图标改为没在播放的状态),随即播放第一行数据里的歌曲)如下图是我mp3文件(以文件路径的格式)储存在数据库中功能就是这样,那么我们来看看代码是怎么实现的。关于HTML5音频播放器是参考:http://a8pck.cn/Ha16v//html5音频播放器<a原创 2021-06-09 20:09:07 · 230 阅读 · 1 评论 -
上传的mp3文件无法播放问题(已解决)
我们上传文件后,就可以从后台查看我们上传的文件。(我的做法是,数据库储存的是我们上传完成后文件在服务器中的路径),只要我们服务器是开启的状态就可以按照路径查询到我们要的文件。但是我去查看我上传的mp3文件时,出现了问题。浏览器报个400的错:The server cannot or will not process the request due to something that is perceived to be a client error (e.g., malformed request synt原创 2021-06-09 10:09:47 · 3088 阅读 · 2 评论 -
element upload在表单中上传文件
这个问题着实困扰我许久,找了好多资料,涉及好多自己未知的知识。什么请求头之类的、数据格式不对应,等等。查阅的资料大多是理论,代码毛线都没有,这对新手一点都不友好。嗯哼,拿好板凳坐好,干货满满。前端这是表单完整代码 <el-dialog title="添加歌曲" :visible.sync="dialogFormVisible"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width=原创 2021-06-07 16:37:38 · 1889 阅读 · 3 评论 -
axios.get传数组之批量删除
axios.get传数组参考:https://www.zhihu.com/question/272032105今天要做一个批量删除的功能,后台用的是springboot+mybatis-plus,因为service继承了IService类,我们就可以用它(IService)里面的removeByIds方法,这个方法是根据获取id的集合来进行批量删除的。而这个id的集合当然是前端给我们传过来的。废话不多说,上代码。前端前端我用的是element+vue.js,如下图要有这种多选框,可以参考官网获原创 2021-06-05 16:53:01 · 1247 阅读 · 3 评论 -
前端模糊查询
今天学习一个模糊查询的方法。以前是思维太固定了,使用的模糊查询都是后端调用方法,然后又要写sql语句,而今天学习到是它就在前端进行模糊查询。思想大概是:后端查询总的数据给到前端的俩个容器,一个容器再拜(容器1)是主容器负责 展示数据,另一个容器(容器2)是用来装模糊查询出来的数据,然后把容器2的数据赋给容器1。具体操作如下:前端我用的是element,根据element的特性v-model具有双向绑定的作用,<el-input placeholder="请输入内容" v-model="s原创 2021-06-01 20:14:48 · 1495 阅读 · 1 评论 -
使用element ui-upload组件上传头像
这个头像上传的问题其实困扰我挺久的,我也查了很多的资料可多数都不是我想要的结果。查到有关的也只是模棱两可。以下是我上传成功的全过程希望对你有帮助这是element upload官网组件 vue前端这个是我从官网拷贝过来的(改了一点)<el-upload action="http://localhost:8181/123/123/" :before-upload="beforeAvatarUpload" :on原创 2021-06-01 17:01:41 · 1665 阅读 · 3 评论 -
mybatis-plus分页与vue结合
mybatis-plus插件分页部分可以参照Mybatis-Plus插件-分页查询部分,废话不多说,直接上代码后端 /** * 分页查询数据 * @return */ @RequestMapping("/selectPageText") public List<Singer> selectPageText (@RequestParam("index") Integer index){ Page<Singer>page原创 2021-05-31 11:29:21 · 1000 阅读 · 0 评论 -
无@RequestBody获取数据为null
知识点参考:https://blog.csdn.net/justry_deng/article/details/80972817/今天在做一个post提交数据时,发现后台接收到的数据总为null,这是vue前端代码submitForm(formName) { this.ruleForm.pic='/img/singerPic/666.jpg'; const _this=this; this.$refs[formName].validate((valid) =>原创 2021-05-30 11:33:51 · 487 阅读 · 0 评论 -
springboor与vue的跨域问题
参考:https://blog.csdn.net/jxysgzs/article/details/110818712axios的引入我们要引入axios可以到axios官网进行引入。不过本人在按照官网npm安装后://安装的dos命令npm install axios在vue浏览器界面刷新还是会出现axios没有定义的错。我的解决方案是:输入此命令即可解决axios没有定义的错vue add axios跨域在我们成功引入axios后写入方法:这个是我直接从axios的官网拿的axio原创 2021-05-22 09:26:48 · 65 阅读 · 0 评论 -
layui数据表格出现:返回的数据不符合规范,正确的成功状态码应为:“code“: 0问题
参考:今天在做一个小demo时遇到了一个问题,后台数据查询出来了,但前台用的layui动态表格渲染不出来提示为:返回的数据不符合规范,正确的成功状态码应为:“code”: 0,于是上网查询了一下,说什么layui使用时后台数据通常会返回的是数据集合列表,需要使用layui的默认数据格式{ "code" : 0, "msg": "", "count": res.length, "data":res }所以参考了他人的写法如下:嗯,这个表格是我从官网拷贝过来的,原创 2021-05-18 20:35:40 · 1227 阅读 · 0 评论 -
Mybatis-Plus插件-分页查询
参考:https://blog.csdn.net/weixin_40145819/article/details/111400184导入依赖:这是我的依赖:<dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</artifactId> <version>3.4.1</version><原创 2021-05-18 10:25:50 · 344 阅读 · 0 评论 -
Mybatis-Plus代码生成器
我们在创建完一个springboot项目的时候,项目的目录结构是固定的,如果数据库表比较多,那我们创建实体类,controller,mapper,及mapper的配置文件等等,工作量就比较大,这个时候mybatis-plus里面有一个代码生成器,它就是帮我们一件生成我们的目录结构和配置文件的具体使用方法如下:先导入依赖:<!-- freemarker模板引擎--><dependency> <groupId>org.springframework.boot&原创 2021-05-17 16:56:15 · 384 阅读 · 0 评论