大佬别喷记录博客只为自己学习记录-优快云博客

原创学习资料合集

博客ZhiChao博客网站apiToolgithub传送门

2021-12-11 23:45:11 505

原创 GoLang首页导航

参考教程GORM官网中文教程GoLang-Gorm基础教程GoLang-Gorm实践【GoLang-Gorm实践】gorm不定条件查询和分页操作golang gorm多条件筛选查询

2021-12-10 16:57:19 441

原创 Angular首页导航

angluarangular教程【angular-教程】使用自定义管道angular实践

2021-11-23 20:24:54 955

需求根据数组生成不定数量的表单项，数组中的value项可能为数组，可能为字符串效果ui_type为editbox是value是字符串；为editboxes时是数组interface T { key: string, value: any, ui_type: string, ui_title: string}testData: T[] = [ { "key": "title", "value": "1-1数据", "ui_type": "editbo

2022-03-07 20:23:43 1137

原创【angular-实践】导入/导出excel

安装依赖npm install @notadd/ngx-xlsx -Snpm install xlsx -Snpm install file-saver -S使用步骤添加NgxXLSXModule到你的Angular Module import { NgxXLSXModule } from '@notadd/ngx-xlsx'; @NgModule({ imports: [ ... NgxXLSXModule ], decla

2022-03-01 00:36:22 1188

原创【angular-实践】动态增加表单（一层，多层表单嵌套）

响应式表单嵌套结构效果一层表单动态增加[Angular]——动态增加表单项二层表单嵌套实现form-nested.component.html<nz-divider [nzText]="'表单嵌套'"></nz-divider><form [formGroup]="validateForm"> <nz-form-item> <nz-form-label nzSpan="3" nz-col> 工作流名

2022-02-24 15:05:27 2473

原创【angular-实践】websocket + python tornado

angular前端写一个websocket服务src/app/service/websocket.service.tsimport { Injectable } from '@angular/core';import { Observable } from 'rxjs';import { Subject } from 'rxjs';@Injectable({ providedIn: 'root'})export class WebsocketService { privat

2022-02-17 20:17:43 1324

原创 Ubuntu 18.04.5 安装 Hyperledger Fabric1.4

安装环境vmware Ubuntu 18.04.5注意都以root用户执行$ sudo -i然后输入密码1 准备依赖环境1.0 ubuntu软件更换国内源参考1.1 安装git$ apt install git1.2 安装 cURL$ apt install curl1.3 安装 Docker查看系统是否已经安装 Docker：$ docker --version如果未安装，使用如下命令安装最新版本的 Docker：$ apt install docker.io

2022-01-18 13:23:40 1235 1

原创 Ubuntu16.04 软件镜像源改为国内源

备份原来的镜像源sudo cp /etc/apt/sources.list /etc/apt/sources.list.backup更换软件镜像源sudo vi /etc/apt/sources.list清空原有内容，将下边的阿里源复制进去，然后保存关闭。deb http://mirrors.aliyun.com/ubuntu/ xenial maindeb-src http://mirrors.aliyun.com/ubuntu/ xenial maindeb http:/.

2022-01-18 10:25:21 1363

原创【angular-实践】angular预加载

预加载的场景当应用启动后，后续功能可能会被使用到，因此在用户可以使用基础的功能后，再去加载可能使用到的模块只预加载必要的模块，可以提高首次访问网站的速度代码实现1 全部预加载src\app\router\app-routing.module.tsimport { PreloadAllModules, RouterModule } from '@angular/router';@NgModule({imports: [ CommonModule, RouterModule

2022-01-15 16:22:47 898

原创【angular-实践】angular懒加载(异步路由)

以登录模块为例创建带路由的模块及组件ng g m pages/login --routingng g c pages/loginsrc\app\pages\login\login-routing.module.tsimport { NgModule } from '@angular/core';import { RouterModule, Routes } from '@angular/router';import { LoginComponent } from './login.co

2022-01-14 15:53:29 1027

原创【Golang - 实践】Docker部署Golang项目

一 Docker部署1 分阶段构建编写Dockerfile一般在项目根目录下新建设置代理GOPROXY=https://goproxy.cn,direct防止go mod下载超时DockerfileFROM golang:1.16-alpine AS builder# 为我们的镜像设置必要的环境变量ENV GO111MODULE=on \ GOPROXY=https://goproxy.cn,direct \ CGO_ENABLED=0 \ GOOS=linux

2022-01-06 22:00:07 3127

原创【angular-实践】npm配合gitlab管理项目依赖库

readme在gitlab上创建两个项目simple-ui UI组件库。用来开发组件库simple-ui-builds 依赖库。用来发布组件库，即相当于npm私有库的作用，省去搭建npm私有库的流程步骤1 准备组件库创建项目项目名为sim-simple, 创建出来的文件夹名称是--directory=simple-ui指定的simple-uing new sim-simple --directory=simple-ui创建依赖库ng g library simpl

2022-01-05 13:39:44 856

原创【angular-实践】nginx部署angular项目

目录nginx根目录部署angular项目nginx子目录部署angular项目其他方法-docker（未实践）readme我的项目名叫qlnc-adminnginx用docker装的，nginx的/usr/share/nginx/html目录挂载在/home/nginx/html一 nginx根目录部署angular项目打包ng build --prod将生成文件夹dist/qlnc-admin中的qlnc-admin文件夹拷贝到/home/nginx/html根目录下

2022-01-04 20:09:25 3632

原创【angular-实践】FormGroup的属性双向绑定修改后number会变为string

解决办法，在post时，将属性值isActive-0 submitForm: FormGroup = this.fb.group({ name: ['0', [Validators.required]], isActive: [5, [Validators.required]], }) onSubmit(): void { if (this.submitForm.valid) { const formValue = this.submitForm.value

2021-12-30 17:40:05 657

原创【typescript-基础】取json中某一属性

test: any = { t1: "1" t2: "2"}只取其中一个属性t2let { t2 } = test

2021-12-30 17:20:35 1170

原创【angular-基础教程】更改formgroup的中属性的值

this.myForm = this.fb.group({ name: ['123'],}）; //把emNumber修改成F0124this.myForm.patchValue({name: '456'});

2021-12-29 19:57:53 985

原创【angular-基础教程】Validators动态表单验证

官网内置验证器// 必填Validators.required// 最小长度Validators.minLength(2)// 最大宽度Validators.maxLength(2)// 手机号码的正则const PHONE_NUMBER_REGEXP = /^((13[0-9])|(14[5,7])|(15[0-3,5-9])|(17[0,3,5-8])|(18[0-9])|166|198|199|(147))\d{8}$/this.employeeEditForm = thi

2021-12-29 14:54:23 1451

原创【angular-基础教程】内置结构型指令NgIf

if else参考方式一<div *ngIf="isValid;else other_content"> content here ...</div><ng-template #other_content>other content here...</ng-template>方式二<div *ngIf="isValid;then content else other_content">here is ignored<

2021-12-29 11:24:37 502

原创【angular-错误】vscode中imort组件没有提示

在vscode中import导入组件的时候突然没有提示了，一个原因是app目录下存在两个module.ts，将一个移动到另一个文件夹就好。另一个原因可能是registerLocaleData(zh);写在这句代码之前没有提示，写在之后就可以。（真无语，找了半天）import zh from '@angular/common/locales/zh';// 写在这没有提示，无自动补全registerLocaleData(zh);// 写在这就有有提示无提示...

2021-12-16 16:41:33 610

原创【angular-实践】路由传参跳转

传参方式routerLink传参routerLinkrouterLink && queryParams路由中传参navigate传参navigateByUrl（待完善）方式一 routerLink1 routerLinkrouterLink跳转<a routerLink="/test/1"> 跳转1</a><a [routerLink]="['/test/2']"&gt

2021-12-15 21:38:53 1013

原创【angular-实践】数据监听并渲染到界面上

背景为了做一个面包屑的样式思路三个界面：根页面: index（展示面包屑）资金页面: fund(展示收入、支出，属于同一个页面)步骤：在index服务中存BehaviorSubject类型的变量crumbData，在found组件中监听路由变化，根据路由参数设置不同的面包屑数据，在index组件中订阅crumbData变量出现的问题：如果不用BehaviorSubject订阅，直接设为一个列表，在更新时，会报错:数据已经检查后被修改ExpressionChangedAfterItHa

2021-12-15 19:52:53 1625

原创【angular-基础教程】input标签使用ngModel数据双向绑定

.tsimport { NgModule } from '@angular/core';import { FormsModule } from '@angular/forms';.html<input [(ngModel)]="userForm.username">参考

2021-12-09 19:49:04 1195

原创【angular-实践】通过sessionStorage与token维护用户登录状态

通过sessionStorage与token维护用户登录状态login/login.component.html<input type="text" [value]="userForm.username"><input type="text" [value]="userForm.password"><button (click)="login()">login</button>login/login.component.tsimport { Co

2021-12-01 16:29:33 929

原创【angular-基础教程】httpclient

基础用法app.module.tsimport { HttpClientModule } from '@angular/common/http'@NgModule({ imports: [ HttpClientModule ]})export class AppModule { }app.component.tsimport { HttpClient } from '@angular/common/http';@Component({ selector: 'app-

2021-12-01 16:06:38 821

原创【angular-基础教程】取消自动生成spec.ts文件

spec作用spec文件是你的源文件的单元测试。Angular应用程序的约定是每个.ts文件都有一个.spec.ts文件。当你使用’ng test’命令时，它们通过Karma任务运行器使用Jasmine javascript测试框架运行。取消自动生成创建项目时添加参数--skip-testsng generate application <name> --skip-tests创建项目后angular.json添加"skipTests": true "schemati

2021-11-30 17:56:13 2330

原创【angular-基础教程】常用命令

官网ng gng g c <组件名>--spec=false 排除生成规范文件（“spec.ts” 为测试文件）

2021-11-30 16:51:49 451

原创【angular-实践】实现浏览器F11全屏效果

.html<div (click)="fullscreenToggle()">全屏</div>.component.tsdeclare const document: any;@Component({ selector: 'uv-header', templateUrl: './header.component.html', styleUrls: ['./header.component.less']})export class HeaderCompone

2021-11-30 15:41:21 423

原创【angular-实践】实现简单分页

.html  <div class="header-menu"> <ul nz-menu nzMode="horizontal" nzTheme="dark"> // 上一页 <i nz-icon nzType="left" nzTheme="outline" (click)="prePage()"></i> <ng-container *ngFor="

2021-11-26 15:51:12 855

原创【angular-基础教程】内置结构型指令NgFor

介绍NgFor —— 为列表中的每个条目重复渲染一个节点。就是for循环官网教程实践基础用法.html<div *ngFor="let item of items">{{item.name}}</div>获取循环下标<div *ngFor="let item of items; let i=index">{{i + 1}} - {{item.name}}</div>trackBy跟踪条目通过跟踪对条目列表的更改，可以减少应用程序对

2021-11-26 15:25:47 713

原创【angular-实践】RouteReuseStrategy路由缓存-tabs页标签切换页面

RouteReuseStrategy是什么RouteReuseStrategy接口声明了5个方法。shouldReuseRoute这个方法每次切换路由时都会被调用。future参数是将要离开的路由，curr参数是将要加载的路由。如果这个方法返回true，路由将不会跳转（意味着路由没有发生变化）。如果它返回false，则路由发生变化并且其余方法会被调用。shouldReuseRoute(future: ActivatedRouteSnapshot, curr: ActivatedRouteSnapsh

2021-11-24 20:56:19 1098

卡耐基梅隆ssd7exercise10

卡耐基梅隆ssd7exercise9

卡耐基梅隆ssd7exercise7

卡耐基梅隆ssd7exercise5

卡耐基梅隆ssd7exercise3

卡耐基梅隆ssd7exercise2

锋利的jQuery第二版pdf+源码

css3鼠标悬停动画

空空如也