投标项目总结

最新推荐文章于 2024-10-06 20:16:20 发布

Hello_QiaoH

最新推荐文章于 2024-10-06 20:16:20 发布

阅读量331

点赞数

文章标签： java angular

本文链接：https://blog.csdn.net/qq_38642678/article/details/103924335

版权

文章目录

angular
静态初始化List
错误记录

angular

查询

调后台接口，查询数据（无参查询）

  const path = `/baseinfo/gradeYear/queryAllForComboBox`;
        const headers = new HttpHeaders().set('Content-type', 'application/json; charset=UTF-8');
        this.http.get(`${environment.gateway}${path}`, {headers})
            .subscribe(
                (val: any) => {
                    this.gradeYearData = val.data;
                },
                error => {
                    console.log('error', error);
                },
                () => {
                }
            );

将返回的数据赋值给 this.gradeYearData
html界面利用循环将查出的数据显示在界面

*ngFor="let item of gradeYearData

树形选择

 <nz-tree
       [nzData]="deptTreeNodes"
       [nzHideUnMatched]="true"
       [nzExpandAll]="false"
       (nzClick)="nzEvent($event)"
       (nzExpandChange)="nzEvent($event)"
       (nzSearchValueChange)="nzEvent($event)"
                >	
</nz-tree>

deptTreeNodes 同上调用后台接口查出来的数据
[nzHideUnMatched] 搜索隐藏未匹配的节点

[nzExpandAll] 展开所有节点，可改成展开指定节点 eg：[nzExpandedKeys]
nzEvent 自己定义的点击树事件
eg：

nzEvent(event: NzFormatEmitEvent): void {
        console.log('event---',event);
        console.log('event.node.origin.title----',event.node.origin.title)
        console.log('this.searchData.className---', this.searchData.className)
        if (event.node.origin.type === 'dept') {
            this.searchData.deptId = event.node.origin.key;
            this.searchData.majorId = null;
            this.searchData.classId = null;

点击事件按钮

 <div nz-col nzSpan="3">
       <button (click)="addModel()" nz-button nzType="primary"><i nz-icon nzType="plus"
                nzTheme="outline"></i>新增实训计划
       </button>
</div>

addModel() { this.showSelectModal(); } 触发新增弹窗
,html中用<nz-model>
在这里插入图片描述

样式布局

nz-layout：布局容器，其下可嵌套 nz-headernz-sidernz-contentnz-footer 或 nz-layout 本身，可以放在任何父容器中。
nz-header：顶部布局，自带默认样式，其下可嵌套任何元素，只能放在 nz-layout 中。
nz-sider：侧边栏，自带默认样式及基本功能，其下可嵌套任何元素，只能放在 nz-layout 中。
nz-content：内容部分，自带默认样式，其下可嵌套任何元素，只能放在 nz-layout 中。
nz-footer：底部布局，自带默认样式，其下可嵌套任何元素，只能放在 nz-layout 中。

service 接受参数方法中的一种

在这里插入图片描述

静态初始化List

可以用来做假数据

PracticalExam 实体类

  public static List<PracticalExam> list = new ArrayList<PracticalExam>();
    static {
        list.add(new PracticalExam() }

错误记录

Access to XMLHttpRequest at 'http://192.168.182.131:8080/online-interact/PracticalExam/insert' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
core.js:6014 ERROR HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: "http://192.168.182.131:8080/online-interact/PracticalExam/insert", ok: false, …}

跨域错误