vue传递json数据给springboot_长春小霸王的博客-程序员宅基地_vue传json数据

技术标签: spring  java  vue  spring cloud  前端  json  vue.js  

1、前端

export function DelProduct(data) {
  return request({
	
    url: baseURL+'/basefile/Product/delProduct/',
    //contentType: 'application/x-www-form-urlencoded;charset=utf-8',
	
	dataType:'json',  
	contentType:'application/json;charset=UTF-8', 
    method: 'post',

    data
  })
}
createData() {
      var that = this
      this.$refs['dataForm'].validate((valid) => {
        if (valid) {
          //that.temp.ID = parseInt(Math.random() * 100) + 1024 // mock a id
          // this.temp.author = 'vue-element-admin'
		 
          AddProduct(that.temp).then(response => {
		  // var product = JSON.stringify(response)
            that.list.unshift(response)
            that.dialogFormVisible = false
            that.$notify({
              title: '成功',
              message: '创建成功',
              type: 'success',
              duration: 2000
            })
          })
        }
      })
    },

2、后端

package com.atguigu.springcloud.entities;

import java.util.Date;
import com.fasterxml.jackson.annotation.JsonAnySetter;
import com.fasterxml.jackson.annotation.JsonProperty;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;

import java.io.Serializable;
import java.util.Date;
@NoArgsConstructor
@AllArgsConstructor
@Data
@Accessors(chain=true)
public class Product implements Serializable// entity --orm--- db_table
{
    @JsonProperty("ID")
    private String 	ID; // 主键
   @JsonProperty("Name")
    private String 	Name; // 名称
    @JsonProperty("db_source")
    private String 	db_source;// 来自那个数据库,因为微服务架构可以一个服务对应一个数据库,同一个信息被存储到不同数据库
    @JsonProperty("Memo")
    private String 	Memo;
    @JsonProperty("AddDate")
    private Date AddDate;
    @JsonProperty("Status")
    private  String Status;
   @JsonProperty("ProductTypeID")
    private  String ProductTypeID;
    @JsonProperty("ProductTypeEntity")
    private ProductType ProductTypeEntity;
    public Product(String dname)
    {
        super();
        this.Name = dname;
    }


}
 //增加数据
    @CrossOrigin
   @RequestMapping(value = "/Product/addProduct",method = RequestMethod.POST)
    @HystrixCommand(fallbackMethod = "processHystrix_add")
    @ResponseBody
    public Product addProduct(@RequestBody(required = false) Product product) {

        try {
          //  Gson gson = new Gson();
          // String json = gson.toJson(product)Product product = gson.fromJson(json, Product.class);
            product.setID(UnitsHelp.creatUUID());
            ProductType  productType = productTypeService.get(product.getProductTypeID());
            product.setProductTypeEntity(productType);
            boolean b = this.service.add(product);
           return product;
        } catch (Exception ex) {
            ex.getMessage();
            logger.error(ex.getMessage());
        }
        return null;
    }

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/jbossjf/article/details/121847773

智能推荐

2018-08-24 课后笔记_chunbi0065的博客-程序员宅基地

21.9 redis介绍 1.Redis和Memcached类似,也属于k-v数据存储 2.Redis官网redis.io, 当前最新稳定版4.0.1 3.支持更多value类型,除了和string外,还支持hash、lists(链表)、sets(集合)和sorte...

二叉树的深度和宽度_babylove_BaLe的博客-程序员宅基地

一、二叉树的深度思路:递归实现。每个节点都可以看作根节点根节点(任意一个节点)的深度等于它的左子树或右子树深度最大值+1从根结点开始遍历,若遍历到叶子节点,深度为0 //二叉树的深度 public static int Depth(node root){ if(root == null){ return 0; }

java使用 ArrayList 的增删改(Java面向对象基础练习)_hai-geek的博客-程序员宅基地

题目编写一个简单的程序,利用数组保存书(Book),cd(CompactDisk),磁带(Tape)信息,并能实现插入、删除、查找功能。注意使用面向对象的思想进行程序设计。解题思路使用arraylist数组,原因是可以根据实际情况添加信息而不用确定数组的大小。没有明确指出信息内容,暂定添加name和number两项内容。面向对象的方法:建立类,建立对象,建立方法。在main方法里new出对象,

空间数据的WKT和WKB表现形式_weixin_30357231的博客-程序员宅基地

  WKT(well-knowntext)是一种文本标记语言,该格式由开放地理空间联盟(OGC)制定,用于表示矢量数据中的几何对象,在数据传输与数据库存储时,常用到它的二进制形式,即WKB(well-knownbinary)。WKT与WKB在GIS中的重要作用在于,他们能利用文本简洁明了的表达矢量空间要素的几何信息,使得几何信息能以字段的形式存储于数据库中。  WKT相比WKB更方...

html5图片怎么打包,webpack如何打包图片_DroneGP的博客-程序员宅基地

8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?初学webpack打包图片的时候,会遇到几种情况,需要注意。首先在webpack中打包图片需要依赖于url-loader这个包资源,安装方法为1npm install url-loader在webpack.config.js文件中的配置如下:12345678module: {rules: [{test: /.(png|j...

微信小程序跳坑(一)-----BarTab没有显示_ChanceLee1的博客-程序员宅基地

1,书写,正确书写时tabBar,不要写成tabbar,地球人都知道 2,当创建新工程时,app.json中Pages配置是这样的 ,,【图1】, 注意:微信小程序里面的json文件时不能注释的,图中只是给读者看一下该放在哪里而已,,,,不能注释!!! 3,在一些json文件中,如果是你没有写上的,就必须加上 {} 花括号。 4,在BarTab中的List属性,里面的index

随便推点

Java调用TSC条码打印机接口打印条码和二维码_星河漫步的博客-程序员宅基地

如何在页面上直接使用TSC条码打印机,并实现与系统后台对接?这里有你想要的答案

windows禁用屏幕旋转_如何在Windows 10中禁用屏幕自动旋转_culinluo3322的博客-程序员宅基地

windows禁用屏幕旋转Windows 10 can automatically rotate your display if you have a convertible PC or tablet—just like your smartphone. You can lock your screen rotation in place, if you like. 如果您有一台可转换的PC或平...

anaconda安装和tensorflow安装,踩坑向_Ealiser的博客-程序员宅基地

因为白天上班,晚上才有点时间安装,所以花了两天时间,把教程做个记录,也算把踩过的坑记录下。首先anaconda安装,网上的教程基本说的很全面了这个是我用的。tensorflow真是耗费了我大量时间,按照这里来这个教程值得注意的点是他的测试代码有误,换这个import tensorflow as tftf.compat.v1.disable_eager_execution()x=tf.constant(3)y=tf.constant(2)z=x+ysess=tf.compat.v1.Sess

R语言——动态图_Whuer-deng的博客-程序员宅基地_r语言动态图

library(ggplot2)library(dplyr)library(gganimate)library(ggrepel)ADHD %>% ggplot(aes(x = Year, y = Value)) + geom_point(aes(color = Location)) + guides(size = F) + scale_x_c...

在nginx里通过header进行分流_不负韶光的博客-程序员宅基地_nginx 判断header

在nginx里通过header进行分流 应用场景, 如想灰度部分用户到另一个服务器, 则让这些用户带上指定header, 然后在nginx里通过header判断, 进行分流 实现思路有两种 1. ------------------------------ if (...) rewrite 跳到内部location location 里做反向代理 要点: rewrite不支持pos...

SVG基础以及使用Javascript DOM操作SVG_GISEarth的博客-程序员宅基地_svg 修改text内容

简介在HTML中使用SVG" style="">分组元素解决text文本排版问题通过Javascript DOM控制SVG设置文本获取元素高宽和坐标事件处理自定义的z-index层级属性更多DOM API为什么不使用jQuery?简介首先要明白SVG是基于XML格式定义图像的一种技术,并且是矢量的,也就是说在不同分辨率下都显示得很好。想到这里,有