java—使用第一个元素的id创建两个不同的元素

sauutmhj  于 2021-06-29  发布在  Java
关注(0)|答案(0)|浏览(298)

我有两个表fnc和analysis\ fnc，我有一个表单创建一个fnc元素。我想在创建fnc的元素时，使用fnc表的id（n\u fnc）为我创建analyze\u fnc的元素。但是id在后端自动生成。我在前端使用angular 9，在后端使用spring boot和postgres数据库。表2为fnc表。

  2. **Front end**
  4. Fnc form html : 
  6.     <h3>Creation Fiche de non conformité</h3>
  7. <div [hidden]="submitted" style="width: 400px;">
  8.   <form (ngSubmit)="onsubmit()">
  9.     <div class="container">
  10.       <div class="row">
  12.     <div class="form-group">
  13.       <label for="name">Cloturé par :</label>
  14.       <input type="text" class="form-control" id="cloture_par" required [(ngModel)]="fnc.cloture_par" name="cloture_par"   >
  15.     </div>
  16.     <div class="form-group">
  17.       <label for="name">Date Cloture</label>
  18.       <input type="date" class="form-control" id="date_cloture" required [(ngModel)]="fnc.date_cloture" name="date_cloture">
  19.     </div>
  20.   </div>
  21. <div class="row">
  22.     <div class="form-group">
  23.       <label for="name">Code Article</label>
  24.       <select (change)="changeOtherToggles($event.target.value)" class="form-control" id="codeart" required [(ngModel)]="fnc.codeart"   name="codeart">
  25.         <option>Select</option>
  26.         <option *ngFor="let o of origine">{{o.codeart}}</option>
  27.       </select>  
  28.     </div>
  29.     <div class="form-group">
  30.       <label for="name">Libelle Article</label>
  31.       <input type="text" class="form-control" id="libelle_art" required [(ngModel)]="fnc.libelle_art" name="libelleart">
  32.     </div>
  33.     <div class="form-group">
  34.       <label for="name">Collection</label>
  35.       <input type="text" class="form-control" id="collection" required [(ngModel)]="fnc.collection" name="collection">
  36.     </div>
  38.   </div>
  39.   <div class="row">
  40.     <div class="form-group">
  41.       <label for="name">Type de detection</label>
  42.       <input type="text" class="form-control" id="type" required [(ngModel)]="fnc.type" name="type">
  43.     </div>
  44.     <div class="form-group">
  45.       <label for="name">Detecté par</label>
  46.       <input type="text" class="form-control" id="detect_par" required [(ngModel)]="fnc.detect_par" name="detect_par">
  47.     </div>
  48.     <div class="form-group">
  49.       <label for="name">Date de detection</label>
  50.       <input type="date" class="form-control" id="date_detection" required [(ngModel)]="fnc.date_detection" name="datedetection">
  51.     </div>
  53.   </div>
  54.   <div class="row">
  55.     <div class="form-group">
  56.       <label for="name">lieu de detection</label>
  57.       <input type="text" class="form-control" id="lieu_detection" required [(ngModel)]="fnc.lieu_detection" name="lieudetection">
  58.     </div>
  59.     <div class="form-group">
  60.       <label for="name">Document de référence </label>
  61.       <input type="text" class="form-control" id="doc_ref" required [(ngModel)]="fnc.doc_ref" name="doc_ref">
  62.     </div>
  63.     <div class="form-group">
  64.       <label for="name">Libelle  de defaut </label>
  65.       <input type="text" class="form-control" id="libelle_def" required [(ngModel)]="fnc.libelle_def" name="libelle_def">
  66.     </div>
  67.   </div>
  68.   <div class="row">
  69.     <div class="form-group">
  70.       <label for="name">Description de non conformité </label>
  71.       <input type="text" class="form-control" id="desc_non_confir" required [(ngModel)]="fnc.desc_non_confir" name="descnonconfir">
  72.     </div>
  74.     <div class="form-group">
  75.       <label for="name">Description principale</label>
  76.       <input type="text" class="form-control" id="desc_principale" required [(ngModel)]="fnc.desc_principale" name="descprincipale">
  77.     </div>
  79.     <div class="form-group">
  80.       <label for="name">Defaut secondaire </label>
  81.       <input type="text" class="form-control" id="defaut_secon" required [(ngModel)]="fnc.defaut_secon" name="defautsecon">
  82.     </div>
  83.   </div>
  84.   <div class="row">
  85.     <div class="form-group">
  86.       <label for="name">Quantite litigieuse </label>
  87.       <input type="text" class="form-control" id="quantite_litigieuse" required [(ngModel)]="fnc.quantite_litigieuse" name="quantitelitigieuse">
  88.     </div>
  90.     <div class="form-group">
  91.       <label for="name">Quantite de non conformité </label>
  92.       <input type="text" class="form-control" id="quantite_non_conf" required [(ngModel)]="fnc.quantite_non_conf" name="quantitenonconf">
  93.     </div>
  95.     <div class="form-group">
  96.       <label for="name">Unité </label>
  97.       <input type="text" class="form-control" id="unite" required [(ngModel)]="fnc.unite" name="unite">
  98.     </div>
  100.   </div>
  101.   </div>  
  102.   <div class="row1">
  103.     <div class="form-group">
  104.       <label for="name">Nature </label>
  105.       <select  class="form-control" id="nature" required [(ngModel)]="fnc.nature" name="nature">
  106.         <option>Select</option>
  107.         <option *ngFor="let o of origineart  ">{{o.nature}}</option>
  109.       </select>    
  110.      </div>
  112.     <div class="form-group">
  113.       <label for="name">N°phase </label>
  114.       <select  class="form-control" id="n_phase" required [(ngModel)]="fnc.n_phase" name="n_phase">
  115.         <option>Select</option>
  116.         <option *ngFor="let o of origineart">{{o.n_phase}}</option>
  117.       </select>    
  118.         </div>
  120.     <div class="form-group">
  121.       <label for="name">N°Operation </label>
  122.       <select  class="form-control" id="n_operation" required [(ngModel)]="fnc.n_operation" name="n_operation">
  123.         <option>Select</option>
  124.         <option *ngFor="let o of origineart ">{{o.n_operation}}</option>
  125.       </select>    
  126.       </div>
  128.   </div>  
  130.     <button class="btn btn-success">Créer</button>
  131.   </form>
  132. </div>
  134. **Fnc form .ts**
  136.     `   import { Component, OnInit } from '@angular/core';
  137.     import { map } from 'rxjs/operators';
  138.     import { Breakpoints, BreakpointObserver } from '@angular/cdk/layout';
  139.     import { Fnc } from '../models/fnc.model';
  140.     import { FncService } from '../services/fnc.service';
  141.     import { Router } from '@angular/router';
  142.     import { Observable } from 'rxjs';
  143.     import { Origine } from '../models/origine.model';
  144.     import { OrigineService } from '../services/origine.service';
  145.     import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog'; 
  146.     import { UseExistingWebDriver } from 'protractor/built/driverProviders';
  147.     import { Statement } from '@angular/compiler';
  148.     import { Pipe, PipeTransform } from '@angular/core';
  149.     import { analyseFnc } from '../models/analysefnc.model';
  150.     import { analyseFncService } from '../services/analysefnc.service';
  152.     @Component({
  153.       selector: 'app-creation-fnc',
  154.       templateUrl: './creation-fnc.component.html',
  155.       styleUrls: ['./creation-fnc.component.css']
  156.     })
  157.     export class CreationFncComponent implements OnInit {
  158.       /**Based on the screen size, switch from standard to one column per row */
  159.       origine:Origine[]=[];
  160.      fnc:Fnc=new Fnc();
  161.      analysefnc:analyseFnc=new analyseFnc();
  162.      a:number;
  163.      submitted=false;
  164.      origineart:Origine[]=[];
  166.       constructor(private analyseFncService:analyseFncService,private origineservice:OrigineService,private fncservice:FncService,private router:Router) {}
  167.       ngOnInit(){
  168.         this.origine=[];
  169.         this.origineart = [];
  171.         this.origineservice.obs.subscribe((response)=>this.origineservice.maptoorigine(response,this.origine));
  172.        // Overrride default filter behaviour of Material Datatable
  173.        this.origineservice.obs.subscribe((response)=>this.origineservice.maptoorigine(response,this.origineart));
  175.       }
  176.       changeOtherToggles(codearti:String) {
  177.         console.log(codearti);
  178.       this.origineart =[];
  179.       console.log(this.origineart);
  180.         console.log(this.origine);
  181.       this.origineart =this.origine.filter(
  182.         org => org.codeart === codearti);
  183.         console.log(this.origineart);
  184.         console.log(this.origine);
  186.      }
  187.     onsubmit(){
  188.       this.submitted=true;
  189.       this.fnc.etat="en cours";
  190.       this.fncservice.create(this.fnc).subscribe(
  191.         data=>console.log(data),error=>console.error(error)
  193.       );
  194.       this.analysefnc.n_fnc=this.fnc.n_fnc;
  195.       this.analysefnc.statut="A créer";
  196.         this.analyseFncService.create(this.analysefnc).subscribe(
  197.           data=>console.log(data),error=>console.error(error)
  199.         );
  200.       this.fnc=new Fnc();
  201.       this.router.navigate(['/nav-quali/home-quali']);
  202.       }
  203.     }
  205.     @Pipe({ name: "filter" })
  206.     export class ManualFilterPipe implements PipeTransform {
  207.         transform(value: any, args?: any): any {
  209.         // Remove the duplicate elements (this will remove duplicates
  210.         let uniqueArray = value.filter(function (el, index, array) { 
  211.           return array.indexOf (el) == index;
  212.         });
  214.          return uniqueArray; }
  215.         }`
  217. **Fnc form service**
  219.     import { Injectable } from '@angular/core';
  220.      import { HttpClient, HttpHeaders } from '@angular/common/http';
  221.      import { Observable } from 'rxjs';
  222.      import { Fnc } from '../models/fnc.model';
  224.     const baseUrl = 'http://192.168.100.9:8081/fncs';
  226.     @Injectable({
  227.     providedIn: 'root'
  228.     })
  229.     export class FncService {
  230.     obs:Observable<Object>;
  232.     constructor(private http: HttpClient) {this.getAll(); }
  233.     maptofnc(response,fncs:Fnc[]):void{
  234.       let fnc:Fnc;
  235.       response.forEach(element => {
  236.         fnc =new Fnc();
  237.         fnc.n_fnc=element.n_fnc;
  238.        fnc.etat=element.etat;
  239.        fnc.cloture_par=element.cloture_par;
  240.         fnc.date_cloture=element.date_cloture;
  241.         fnc.codeart=element.codeart;
  242.         fnc.libelle_art=element.libelle_art;
  243.         fnc.collection=element.collection;
  244.         fnc.type=element.type;
  245.         fnc.detect_par=element.detect_par;
  246.         fnc.date_detection=element.date_detection;
  247.         fnc.lieu_detection=element.lieu_detection;
  248.         fnc.libelle_def=element.libelle_def;
  249.         fnc.doc_ref=element.doc_ref;
  250.         fnc.desc_non_confir=element.desc_non_confir;
  251.         fnc.desc_principale=element.desc_principale;
  252.         fnc.quantite_litigieuse=element.quantite_litigieuse;
  253.         fnc.quantite_non_conf=element.quantite_non_conf;
  254.         fnc.defaut_secon=element.defaut_secon;
  255.         fnc.unite=element.unite;
  256.         fnc.nature=element.nature;
  257.         fnc.n_phase=element.n_phase;
  258.         fnc.n_operation=element.n_operation;
  259.         fncs.push(fnc);
  260.       });
  261.     }
  262.     maptofncbyetat(response,fncs:Fnc[],etat:String):void{
  263.       let fnc:Fnc;
  264.       response.forEach(element => {
  265.         if(element.etat==etat){
  266.         fnc =new Fnc();
  267.         fnc.n_fnc=element.n_fnc;
  268.        fnc.etat=element.etat;
  269.        fnc.cloture_par=element.cloture_par;
  270.         fnc.date_cloture=element.date_cloture;
  271.         fnc.codeart=element.codeart;
  272.         fnc.libelle_art=element.libelle_art;
  273.         fnc.collection=element.collection;
  274.         fnc.type=element.type;
  275.         fnc.detect_par=element.detect_par;
  276.         fnc.date_detection=element.date_detection;
  277.         fnc.lieu_detection=element.lieu_detection;
  278.         fnc.libelle_def=element.libelle_def;
  279.         fnc.doc_ref=element.doc_ref;
  280.         fnc.desc_non_confir=element.desc_non_confir;
  281.         fnc.desc_principale=element.desc_principale;
  282.         fnc.quantite_litigieuse=element.quantite_litigieuse;
  283.         fnc.quantite_non_conf=element.quantite_non_conf;
  284.         fnc.defaut_secon=element.defaut_secon;
  285.         fnc.unite=element.unite;
  286.         fnc.nature=element.nature;
  287.         fnc.n_phase=element.n_phase;
  288.         fnc.n_operation=element.n_operation;
  289.         fncs.push(fnc);
  290.       }});
  291.     }
  293.     getAll(): Observable<any> {
  294.       this.obs=this.http.get('http://192.168.100.9:8081/fncs');
  295.       return this.http.get(baseUrl);
  296.     }
  298.     get(id): Observable<any> {
  299.       return this.http.get(`${baseUrl}/${id}`);
  300.     }
  302.     create(data): Observable<any> {
  303.       return this.http.post(baseUrl, data);
  304.     }
  306.     update(id:number, data): Observable<any> {
  307.       const httpOptions = {
  308.         headers: new HttpHeaders({
  309.           'Content-Type':  'application/json',
  310.           'Authorization': 'Basic bWFuYWdlcjptYW5hZ2Vy'
  311.         })
  312.       };
  313.       return this.http.put(`${baseUrl}/${id}`, data,httpOptions);
  314.     }
  316.     delete(id): Observable<any> {
  317.       return this.http.delete(`${baseUrl}/${id}`);
  318.     }
  320.     deleteAll(): Observable<any> {
  321.       return this.http.delete(baseUrl);
  322.     }
  324.     findByTitle(title): Observable<any> {
  325.       return this.http.get(`${baseUrl}?title=${title}`);
  326.     }
  327.     }
  328.         `
  330. **Analyse_fnc service**
  332.      import { Injectable } from '@angular/core';
  333.             import { HttpClient } from '@angular/common/http';
  334.             import { Observable } from 'rxjs';
  335.             import { analyseFnc } from '../models/analysefnc.model';
  336.             import { pluck } from 'rxjs/operators';
  337.             const baseUrl = 'http://192.168.100.9:8081/analyseFnc';
  339.             @Injectable({
  340.             providedIn: 'root'
  341.             })
  342.             export class analyseFncService {
  343.             obs:Observable<Object>;
  344.             constructor(private http:HttpClient) {
  345.             this.getAll();
  346.             }
  348.             maptoplanaction(response,analysefnc:analyseFnc[]):void{
  349.              let pln:analyseFnc;
  350.              response.forEach(element => {
  351.               pln =new analyseFnc();
  352.               pln.id=element.id;
  353.               pln.classification=element.classification;
  354.               pln.suivi_par=element.suivi_par;
  355.               pln.cause_princ=element.cause_princ;
  356.               pln.ouvert_par=element.ouvert_par;
  357.               pln.cause_secon=element.cause_secon;
  358.               pln.n_action=element.n_action;
  359.               pln.action_libel=element.action_libel;
  360.               pln.resp=element.resp;
  361.               pln.etat=element.etat;
  362.               pln.quantite=element.quantite;
  363.               pln.date_fin_act=element.date_fin_act;
  364.               pln.visa=element.visa;
  365.               pln.n_fnc=element.n_fnc;
  366.               analysefnc.push(pln); 
  368.             });
  369.             }
  371.             getAll(): Observable<any> {
  372.               this.obs=this.http.get('http://192.168.100.9:8081/analyseFnc');
  374.               return this.http.get(baseUrl);
  375.             }
  377.             get(id): Observable<any> {
  378.               return this.http.get(`${baseUrl}/${id}`);
  379.             }
  381.             create(data): Observable<any> {
  382.               return this.http.post(baseUrl, data);
  383.             }
  385.             update(id, data): Observable<any> {
  386.               return this.http.put(`${baseUrl}/${id}`, data);
  387.             }
  389.             delete(id): Observable<any> {
  390.               return this.http.delete(`${baseUrl}/${id}`);
  391.             }
  393.             deleteAll(): Observable<any> {
  394.               return this.http.delete(baseUrl);
  395.             }
  397.             findByTitle(title): Observable<any> {
  398.               return this.http.get(`${baseUrl}?title=${title}`);
  399.             }
  400.             }  
  402.       #back end FNc and analyse fnc is the same i just change /fncs to /analysefncs #
  404.     private FncService fncservice;
  405.     @RequestMapping(value="/fncs", method=RequestMethod.GET)
  406.     public List<Fnc> getAllFncs() {
  407.         return fncservice.getAllFnc();
  408.     }
  409.     @RequestMapping(value="/fncs/{id}", method=RequestMethod.GET)
  410.     public Fnc getFnc(@PathVariable int id){
  411.         return fncservice.getFnc(id);
  412.     }
  413.     @RequestMapping(value="/fncs", method=RequestMethod.POST)
  414.     public void addFnc(@RequestBody Fnc fnc){
  415.         fncservice.addFnc(fnc);
  416.     }
  417.     @RequestMapping(value="/fncs/{id}", method=RequestMethod.PUT)
  418.     public void updateFnc(@PathVariable int id,@RequestBody Fnc fnc)
  419.     {
  420.         fncservice.updataFnc(id,fnc);
  421.     }
  422.     @RequestMapping(value="/fncs/{id}", method=RequestMethod.DELETE)
  423.     public void deleteFnc(@PathVariable int id){
  424.         fncservice.deleteFnc(id);
  425.     }
Javaspring-bootAngulartypescriptangular-material

暂无答案！

目前还没有任何答案，快来回答吧！

我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com