草庐IT

springboot_vue

全部标签

在vue.js应用中利用浏览器背部/向前按钮

我有一个应用程序,该应用程序具有许多改变状态的下拉组件。。下拉列表的状态控制一个主数据表,该数据具有基于参数的信息。凉爽的。我还想更改URL,以便用户可以与他们的同事共享URL,并简单地显示DataTable而不选择下拉参数。例子:http://localhost:8080/?region=372&pc=341&pc=375或者http://localhost:8080/?region=372&pc=341&vendor=123456现在,我通过手动观看选定的下拉参数(通过watch)并构建URL并使用this.$router.push更新情况时更新浏览器历史记

vue - vue使用echarts实现中国地图和点击省份进行查看

文章目录1,实现的效果和功能2,安装ECharts3,main.js里面引入echarts4,实现如下5,遇到的问题6,用到的模拟数据1,实现的效果和功能vue使用echarts实现中国地图和点击省份进行查看;下面是效果图:主要实现的功能如下:1,第一张是实现中国地图,点击任意省份能够显示tooltip提示框;2,第二张是点击详情能够在原来的位置显示此省的地图并可以查看详细;3,第三张是点击第二张左上角的返回箭头重新返回到第一张中国地图;需要的保费模拟数据我会放到文章的最后面;echarts官网:https://echarts.apache.org/examples/zh/index.html

Springboot+mybatis+jsp实现简单的增删改查(详细步骤)

一、环境搭建1.创建一个springboot项目(勾选web)2.导入依赖org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-starter-testtestorg.springframework.bootspring-boot-starterorg.mybatis.spring.bootmybatis-spring-boot-starter1.3.2mysqlmysql-connector-javaruntimecom.alibabadruid1.1.12org.junit.ju

Laravel + Vue 3(Vite、TypeScript)SPA 设置

💂个人网站:【海拥】【摸鱼游戏】【神级源码资源网】🤟前端学习课程:👉【28个案例趣学前端】【400个JS面试题】💅想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】在本教程中,我将向大家展示如何使用Laravel+Vue3使用typescript和Vite设置你自己的单页应用程序。这是在Laravel项目中添加PWA的手动方法。我们不会使用InertiaJS或其他类似的东西,我们也不会混合使用。我们将手动实现我们自己的VueJS前端。第1步:让我们创建我们的Laravel项目composercreate-projectlaravel/laravellaravel-vue-manua

uni-app 微信小程序通过Vue3 Hooks 实现动态填充页面剩余高度

应用场景在uni-app开发微信小程序等项目时,经常会遇到这样的页面布局需求:上半部分高度固定,下半部分自动占满剩余高度,如下图所示应用场景:上半部分为固定高度或内容填充高度的内容区域下半部分为scroll-view滑动区域,可以无限下拉滚动进行数据加载由于scroll-view实现纵向滚动需要设置高度height,如果设置一个固定的高度值将会使页面在不同屏幕尺寸下出现内容溢出屏幕或无法占满整个屏幕的情况,使页面看起来很不美观😅因此为了提升用户体验,应该始终让整个页面保持在屏幕区域内固定,通过计算出页面的剩余高度,动态获取scroll-view高度,从而实现滚动组件的高度自适应。实现思路🤔?页

springboot集成springdoc-openapi

springboot集成springdoc-openapi、knife4j一、springboot集成springdoc-openapi1.添加pom.xml依赖2.配置config3.配置文件中配置文档开关4.业务逻辑相关代码启动项目,访问localhost:8081/api二、springdoc-openapi基础上升级为knife4j1.在pom.xml中添加knife4j依赖2.配置config3.配置文件4.访问knife4j接口文档一、springboot集成springdoc-openapi1.添加pom.xml依赖dependency>groupId>org.springdoc

javascript - Vue js axios 向 golang 服务器发出请求,Preflight 错误

我尝试从前端网站(localhost:8888)向golang后端(localhost:8000)发送postapi请求。我收到下面列出的错误。我查看了stackoverflow,问题似乎是跨源请求和预检请求处理。我添加了如下所示的标题,但问题仍然存在。我希望你们能帮助我:)Axios错误:OPTIONShttp://localhost:8000/api/heimdall/signup404(NotFound)Failedtoloadhttp://localhost:8000/api/heimdall/signup:Responsetopreflightrequestdoesn'tpa

Vue3:Typescript与组合式API、defineProps、defineEmits等使用

标注类型:props使用defineProps()使用在使用时,defineProps()宏函数支持从它的参数中推导类型:运行时声明/***type:参数类型*required:必须传参(默认:false)*default:默认值*/constprops=defineProps({name:{type:String,required:true},title:{type:Number,required:false},status:Boolean})基于类型的声明/***方式一:通过泛型参数*/constprops=defineProps()/***方式二:编写单独接口*/interfacePro

一款基于SpringBoot+layui 开源的固定设备资产管理系统源码 源码免费分享

淘源码:国内专业的免费源码下载平台分享一款开源的固定设备资产管理系统源码,系统可对常用资产设备进行信息化管理,包含自定义支持各类设备、自带导入导出、维护工作统计、采购管理、文档管理、合同管理等功能,包含对资产的登记、维修、调拨、转移等基本功能的支持,并提供对资产的耗材、库存进行管理,有完善的组织架构。MF00830需要源码学习,可私信我或查看文末卡片获取。 固定设备资产管理系统后端技术栈:安全框架:SpringSecurity5.3.4开发框架:SpringBoot2.3.3数据库连接池:Druid1.2.8模版引擎:Thymeleaf3应用层框架:Foxnic-Web开发文档持久层框架:Fo

SpringBoot3+最新MybatisPlus+Mysql与TDengine双数据源

前言       昨天写的idea+Apifoxuploader插件+apifox新年第一天上班就上榜了,真是不错。今天来补一篇,本来应该是在前一篇之前发的。实际上就是最新的springBoot集成最新的mybatisPlus,加双数据源:mysql、TDengine,一个关系型数据库,一个时序数据库。文末有独家demo的git地址。       springBoot3集成的哦,其他依赖也都是最新版本,独家的哦。好了,不废话,直接上重点。一、新建最新springBoot3项目       这个没有啥好说的,就是选择spring项目了,下一步下一步,直接看引入的包吧。pom.xmlproject