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

技术标签: 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

智能推荐

61-66传输层-TCP协议概述,TCP如何实现可靠传输,TCP首部+端口序号确认号数据偏移,抓包分析TCP首部,TCP首部标记位,接收窗口和发送窗口_tcp 62 66_手捧日月摘星晨的博客-程序员宅基地

TCP协议特点1、TCP如何实现可靠传输2、TCP如何实现流量控制3、TCP如何实现拥塞控制面向字节流TCP如何实现可靠传输TCP报文段首部固定20字节,还有可变长度1-2字节:源端口3-4字节:目标端口5-8字节:序号,第一个数据在文件中的第几个字节9-12字节:确认序号,应该发第几个序号开始的字节13字节:数据偏移+保留。指定从哪里开始..._tcp 62 66

RecyclerView焦点跳转BUG优化_gridlayoutmanger快速切换focus_Dawish_大D的博客-程序员宅基地

RecyclerView的焦点跳转bug优化_gridlayoutmanger快速切换focus

python flask 引用html的模板出现的错误新人求解答_flask 访问关于模版的路由宝错_一生有晴的博客-程序员宅基地

#py文件from flask import Flask, render_template, flash, requestapp = Flask(__name__)app.secret_key = '123'@app.route('/')def hello_login(): flash('hello jikexueyuan') return render_templat_flask 访问关于模版的路由宝错

使用 pyinstaller 打包exe文件,自定义图标报错_只是想找点乐子的博客-程序员宅基地

python的程序,使用pyinstaller打包成exe文件当执行以下命令,自定图标时pyinstaller -F ./激活码.py --noconsole -i ./qrcode.png却抛出异常:AttributeError: module ‘win32ctypes.pywin32.win32api’ has no attribute ‘error’这是因为图标的格式要求的 ic...

SpringCloud微服务架构升级总结_Java技术zhai的博客-程序员宅基地

一、背景1.1 应用系统的架构历史1.2 什么是微服务?起源:微服务的概念源于 2014 年 3 月 Martin Fowler 所写的一篇文章“Microservices”。文中内容提到:微服务架构是一种架构模式,它提倡将单一应用程序划分成一组小的服务,服务之间互相协调、互相配合,为用户提供最终价值。通信方式:每个服务运行在其独立的进程中,服务与服务间采用轻量级的通信机制互相..._架构升级总结

php解析XML例子_besily的博客-程序员宅基地

xml_parse_into_struct — 将 XML 数据解析到数组中说明int xml_parse_into_struct ( resource $parser, string $data, array &$values [, array &$index] )该函数将 XML 文件解析到两个对应的数组中,index 参数含有指向 values 数组中对应值的指针。最后两个数组参数可

随便推点

【MySQL】MySQL错误分析及解决_fatal error: failed to initialize acl/grant/time z_Alen_Liu_SZ的博客-程序员宅基地

1 error: log-error set to '/u01/data/mydb/3306/error/3306.err'错误描述:[root@strong ~]# service mysqld startStarting MySQL.2019-05-12T09:39:38.619861Z mysqld_safe error: log-error set to '/u01/data/..._fatal error: failed to initialize acl/grant/time zones structures or failed

基于cat12搞定SBM的ROI的统计分析——vertex水平和ROI水平的双样本T检验_cat12中roi分析_@Beta的博客-程序员宅基地

前言一、Atlas皮层图谱介绍二、SBM分析——主要以皮层四种常用指标中的厚度(thickness)和沟深(depth)为主_cat12中roi分析

不会这些你敢说你会nginx?_ngx.say代表_清墨迹染的博客-程序员宅基地

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar_ngx.say代表

【电子科学系保研】-- 西安交通大学保研之旅_电科_银尘的博客-程序员宅基地

文章目录西交大线上夏令营情况面试过程结果启发西交大线上夏令营情况面试过程大概5分钟,英文自我介绍+中文自我介绍大概3分钟,两分钟的问答环节:(在钉钉上进行,只需要单机位,开启一个摄像头即可以;对方是没开摄像头的,黑乎乎的一片)面试过程英文自我介绍和中文自我介绍我会在另外整理;两分钟的问答环节:1、你对什么方向感兴趣?2、你有联系导师了吗?你有感谢的导师吗?我:我对软件、嵌入式软件设计、图像处理方面感兴趣;老师:你是不是报错学院了???我:老师没错,就是电子学院,我对集成电路、FPG.

【NOIP2012 提高组 day1】Vigenère密码_dddb_的博客-程序员宅基地

一、题目描述 二、分析 既然是放在第一天的第一题,那就多半是模拟了,这道题就是这样。但是还是有几个易错点,注意避免就好了: 1. 是倒着找规律的。 2. 注意秘钥要转大小写。三、代码#include<bits/stdc++.h>using namespace std;string password,code;bool judge;int main(...

推荐文章

热门文章

相关标签