循环使用 v-for 指令可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。一、v-for 迭代数组<div id="app"> <ol> <li v-for="(hero, index) in he
转载 2024-10-19 21:39:23
38阅读
一.资料 二.涉及错误: a.报错: Project ‘org.springframework.boot:spring-boot-starter-parent’ not found 原因:idea未配置settings.xml文件夹,或者未配置阿里云镜像 b.报错:Error attempting to get column ‘XXX’ from result set. Cause: java.
Vue传值方式父传子传递(props)在父组件的子组件标签上绑定一个属性在子组件中通过props接收数据,props可以是数组也可以是对象代码示例://父组件 <template> <div class="home"> <HelloWorld :msg="msg" /> </div> </template> <scr
转载 6月前
28阅读
目录vue组件间通信的几种方式:一:props / $emit (父子)A => B:父组件A通过props的方式向子组件B传递。B => A:通过子组件中的$emit,A组件中v-on的方式实现。1.父组件向子组件传值案例2.子组件向父组件传值案例二:$emit / $on (父子、兄弟、跨级)1.原理2.具体使用3.兄弟组件传值案例 三:provide / inject
转载 2024-09-24 01:23:02
246阅读
# 使用 Java 推送数据 Vue 在前端开发中,常常会遇到需要从后端获取数据的情况。而有时候我们需要在后端主动推送数据前端,以实时更新页面的数据展示。本文将介绍如何使用 Java 后端推送数据 Vue 前端。 ## WebSocket WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议,它能够在客户端和服务器之间建立双向连接,实现实时的数据传输。在这里,我们将使用
原创 2024-06-17 04:46:45
132阅读
文章目录一、父组件向子组件传值1. 传值步骤2. 代码示例3. 注意事项二、子组件向父组件传值1. 传值步骤2. 代码示例3. 注意事项三、大头儿子小头爸爸案例四、总结 女朋友:“扬帆,你给我上一次讲了 vue中的组件 ,我现在自己学习父子组件的传值,可是官方文档看不懂啊!你能不能通过父子组件传值的知识实现大头儿子和小头爸爸互相通信呢?”我: “可以呀!我先分别给你讲父组件向子组件传值和子组件向
SpringBoot+Vue项目实战一:vue开发(前端)(一)创建1、安装node.js2、安装镜像3、安装Vue4、安装全局vue-cli脚手架5、检查Vue是否安装成功6、创建一个基于 webpack 模板的新项目(可略)7、启动项目并访问(二)开发1、先择file,点击open导入我们的项目2、引入vue插件3、新建两个vue文件4、在index.js中,再去建立路由的相关内容5、启动项
转载 2024-06-18 10:08:51
1656阅读
1点赞
从 0 开始实现一个 SpringBoot + Vue 项目从 0 开始实现一个 SpringBoot + Vue 项目软件和工具创建 SpringBoot 后端项目创建 MySQL 数据库配置文件实现增删改查接口Model 层mapper 层service 层controller 层测试实现项目功能接口代码测试创建 Vue 前端安装 Node.js配置 npm 镜像安装脚手架创建并配置项目项目
转载 2024-06-06 14:04:56
160阅读
 一、概述        SPI(Serial Peripheral Interface,串行外围设备接口),是Motorola公司提出的一种同步串行接口技术,是一种高速、全双工、同步通信总线,在芯片中只占用四根管脚用来控制及数据传输,节约了芯片pin的数目,同时为PCB在布局上节省了空间。正是由于这种简单易
# SpringBootRedis set数据实现流程 ## 介绍 在这篇文章中,我将教会你如何使用SpringBoot来给Redis设置数据SpringBoot是一个快速开发框架,而Redis是一个开源的内存数据库。通过将它们结合起来,我们可以轻松地使用SpringBoot来操作Redis数据库。 ## 步骤概览 下面是整个实现流程的步骤概览: | 步骤 | 描述 | | --- |
原创 2023-10-05 06:15:08
128阅读
vue提供了axios组件用于与后端的交互,类似ajax的方式。了解一下axios详细配置{ // `url` 是用于请求的服务器 URL url: '/user', // `method` 是创建请求时使用的方法 method: 'get', // 默认是 get // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL。 // 它
初期技术栈计划:Springboot2.13 + Vue + Mybatis + Postgresql + redies + FreeMarker(这个不一定会用到) 整合配置:Logback日志管理 + Shiro权限管理 + activiti流程引擎 前期准备: Vue安装:查看node.js 和npm是否安装,这需要注意一点默认npm版本很低,需要自己upgrade下: 我这里npm的版本已
转载 2024-06-04 09:23:54
49阅读
# Spring Boot Mock 数据 Vue 在开发前端应用程序时,我们经常需要与后端 API 进行交互。然而,在开发过程中,由于后端 API 可能尚未完全实现或不稳定,造成了前端开发的困难。为了解决这个问题,我们可以使用 Spring Boot 的 MockMvc 来模拟后端 API 的行为,并将模拟的数据传递给 Vue 前端应用程序。 ## Spring Boot MockMvc
原创 2023-11-27 07:10:19
152阅读
# Vue数据Java List的完整流程 在现代Web开发中,前端与后端的数据交互是一个非常重要的环节。本文将指导您如何将Vue.js中的数据传递给Java后端的列表(List)。我们将通过几个步骤来实现这一目标,并且逐步分析每一步的实现代码。 ## 整体流程 以下是将Vue数据Java List的整体流程: | 步骤 | 描述
原创 7月前
21阅读
前段时间 做了个学校的春萌项目,其中用到vue连接后端java接口。先上后端接口代码:package controller; import net.sf.json.JSONObject; import util.DBUtil; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; imp
转载 2023-05-29 13:25:36
320阅读
(copy) js** this.$router.push({ name: 'Flow', params: { id:data }})//跳转传参数 //接参 console.log(this.$route.params) 页面** 在父路由组件上使用router-link进行路由导航,传参用<router-link to="/one/login/001">的形式向子路由组件传递参数。
转载 2024-09-22 10:32:31
103阅读
在 Spring Boot 前后端分离环境下做文件上传,这个松哥之前发过一篇文章来和大家介绍,但是在之前的文章中,为了省事,文件我是直接保存在本地临时目录下的,这带来了另外一个问题,就是项目重启之后,临时目录失效,之前上传的文件又访问不到了。很显然在实际开发中我们不会这么搞!在生产环境中,我们可以搭建独立的文件服务器,结合 FastDFS 还可以搭建独立的分布式文件服务系统,这样文件管理服务器不仅
转载 2024-10-25 09:27:14
29阅读
准备工作   确保自己电脑上有node.js环境    下载:安装node.js链接 安装在D盘  在桌面新建一个文件夹,之后cmd,输入 npm init vue@latest之后换到vue项目目录安装依赖 nup install 。就会生成一个vue工程化的项目 该项目使用了  vue&nbsp
vue开发的项目有时候会有SEO的需求,由于vue是JavaScript框架,内容都在JavaScript和服务端,所以SEO效果很差。本文介绍一种通过springboot+thymeleaf这样传统的前后端分离方案,再整合vue,从而在兼顾vue开发便利性的同时,获得不错的SEO效果。
原创 2021-11-24 19:27:52
2246阅读
文章目录前言springbootvue的项目开发一、通过vue脚手架建立vue项目二、安装组件三、创建springboot项目四、创建实体类五、配置mapper(yml中)五、service层六、controller层七、前后端跨域问题 前言springbootvue的项目开发一、通过vue脚手架建立vue项目建立空项目文件夹以管理员身份运行cmd通过cd命令定位到你建立的空文件夹通过vue
转载 2024-03-15 12:23:46
389阅读
  • 1
  • 2
  • 3
  • 4
  • 5