草庐IT

前后端通讯

全部标签

js将后端返回的文件流导出为excel,并自定义下载文件名

一.需求后台管理系统,常会出现导出excel表格功能;点击导出按钮,请求后端接口,需要将接口返回的文件流导出为excel,实现前端下载excel文件。但是,返回的数据获取response时出现乱码,如图:二.实现思路调用后端下载接口,获取传递过来的二进制数据流创建标签创建下载链接;将Blob对象转化为一个URL资源地址,这个地址是一个本地地址将a标签添加到body中添加点击事件,进行下载下载完成后移除a标签三.了解概念在写代码之前,先来了解几个概念。当然也可以跳过这部分,直接看代码。1)responseTyperesponseType的作用就是设置ajax数据响应的类型,你告诉服务器,让服务器

thymeleaf和JavaScript在前后端交互中获取后端值

在JavaScript中,可以通过Thymeleaf的属性绑定来获取后端的值。Thymeleaf会将后端传递的数据绑定到HTML模板中的特定属性上,然后你可以使用JavaScript来读取这些属性的值。案例演示如下:在后端(Java)中,将数据传递给前端:model.addAttribute("message","Hello,Thymeleaf!");方式1通过将数据绑定到HTML元素的特定属性上,然后使用JavaScript获取该元素,并读取其属性值。在这个例子中,我们将数据绑定到div元素的text属性上,然后使用getElementById方法获取该元素并读取其textContent。在

知道了,去卷后端 →「Nest.js 入门及实践」:)

为什么学习Nest ?前端已🙈,去卷后端🐒→广度和深度的问题,不可代替性仅前端开发的应用没有记忆,不能互联🤔→学习后端,为应用赋能同为JS语言,学习成本较小,多门技能多条路😆→了解服务端编码思想同类型框架中占绝对领先地位(star、下载量、Google趋势)→Nest.js优势🚩Nest.js介绍、HelloWorld、CRUD、Swagger、数据库集成→~~原理?~🤷应用!🙋Nest.js介绍Nest(NestJS) 是一个用于构建高效、可扩展的Node.js服务器端应用程序的开发框架。它利用JavaScript的渐进增强的能力,使用并完全支持TypeScript(仍然允许开发者使用纯Ja

SpringBoot项目后端开发逻辑梳理总结

SpringBoot项目中包含Mapper层(Dao层)、Entity层(model层)、DTO层、VO层、Service层和Controller层(本篇以学生信息表增删改查为例,梳理各个层之间的逻辑关系、开发流程和注意事项)。目录一、各层之间的逻辑关系1.Controller层、Service层、Mapper层、Entity层的逻辑关系 2.每层的理解1.mapper层(Dao层)。2.Entity层(model层)3.DTO层4.VO层5.service层6.Controller层二、运行流程三、开发流程1、实体类2、Service接口3、xml文件4、Mapper接口5、ServiceI

基于Java+SpringBoot+Vue3+Uniapp+TypeScript(有视频教程)前后端分离的求职招聘小程序

博主介绍:✌全网粉丝5W,全栈开发工程师,从事多年软件开发,在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战,博主也曾写过优秀论文,查重率极低,在这方面有丰富的经验✌博主作品:《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目,可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有uniapp教程,企业实战开发。《微服务实战》专栏是本人的实战经验总结,《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源

vue项目,后端返回二进制文件流,前端如何实现文件在线预览

预览点击按钮,弹个框,框里是文件的容器元素。然后用v-if来控制元素的隐藏与显示以下是结构。前端要用到的插件:execl用到的是importXLSXfrom'xlsx';可以用npm ixlsx下载,支持xls,xlsx。word用到的是 constdocx=require("docx-preview");window.JSZip=require("jszip");可以用npmidocx-preview@0.1.4(版本可以根据自己的情况,我是直接用的这个), npmijszip下载,支持doc,docx。importXLSXfrom'xlsx';//引入constdocx=require("

unity前端通过java后端实现将图片上传到阿里云OSS并在前端显示

一、开通对象存储OSS服务   阿里云-搜索推荐(1)申请阿里云账号(2)实名认证(3)开通对象存储oss服务(4)进入管理控制台(5)创建bucket(6)在bucket的概览里查看bucket的名字与endpoint(7)鼠标放在阿里云的头像上可以查看accessKey和secret,也可以为oss创建一个子用户accessKey二、搭建java后台,创建一个springBoot项目或者模块(1)修改pom.xml,引入阿里云oss依赖com.aliyun.ossaliyun-sdk-ossorg.springframework.bootspring-boot-starter-web(2)

S7-1500系列ModBusTCP通讯

一、通信本质(信道&协议)(一)信道(传输媒介)(二)协议(编码和解码的约定)二、ModBus通讯格式ModBus是串行通信,设备之间通过少量数据信号线(一般是8根以下)、地线及控制信号线,按数据位形式一位一位地传输数据的通信方式。需要约定号编码和解码的方式。(一)波特率一秒钟传送的位数,也就是通讯速率;比如波特率为9600,即,一秒种可以传送9600个位数(二)校验方式奇校验或偶校验或无校验,目的是判断传输过程中是否有错误!它只是用于判断一个字符(比如八个位或是七个位组成一个字符)传输是否有错误。但是它并不能完全能够判断传输是否有错。比如偶校验,在检验送八个“11111111”时,如果到达接

postman可以通的请求,前端通不了(前端添加Content-type,后端收不到请求)

接口完成之后,自己使用postman测试了一下,没有问题;可是在和小组前端调试接口的时候,他却说访问不了;信息如下:(我自己写的一个打印请求信息的拦截器)发现报错信息是: Contenttype'application/x-www-form-urlencoded;charset=UTF-8'notsupported也就是说发送过来的内容格式为“application/x-www-form-urlencoded;charset=UTF-8”,这个内容格式后端不支持;主要是因为我的后端使用的是@RequestBody注解接收的参数这个注解需要“application/json”格式的数据;让后前端

【Java+MySQL】前后端连接小白教程

目录🍭【IntelliJIDEA】操作🍭1.连接MySQL数据库🌈1.1错误解决🍭2.操作MySQL数据库🌈2.1双击查看表数据🌈2.2编写SQL脚本🍭【IntelliJIDEA】IntelliJIDEA是由JetBrains公司开发的领先集成开发环境(IDE),专为Java、Kotlin、Groovy和Scala等编程语言而设计。以下是该IDE的主要特点:智能代码完成功能:IntelliJIDEA提供了上下文感知的智能代码建议,通过自动完成和纠错,显著提高了开发效率。其智能感知技术基于代码上下文,减少了潜在的错误。强大的代码导航功能:IDE支持先进的代码导航,包括快速跳转、查找引用和重构等功