自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(399)
  • 资源 (41)
  • 收藏
  • 关注

原创 angular-materials table中动态增加行和删除列

angular html

2022-09-18 00:22:16 632 1

原创 响应式表单动态增加字段后的validator

anguar 响应式表单 动态增加字段 验证

2022-09-12 00:07:36 226

原创 Angular实现日期,数据和更新

angular 日历

2022-09-03 21:00:54 548

原创 重新整理angular+springBoot+mybatis所遇到的问题

2.异常:Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception。4.angular 不识别https路径 403 (Forbidden)1.error:java: 无效的目标发行版: 18。在index.html中增加下记语句。解决方法:把执行文件放到最外层。1)angular部分。2)springboot部分。...

2022-08-12 20:37:35 150

转载 css 带有向下箭头的div

<body><div class="border-triangle-bottom"></div><script src="http://code.jquery.com/jquery-latest.js"></script> <style type="text/css"> .border-triangle-bottom { width: 100px; height: 30px...

2021-10-12 14:05:48 743

原创 springboot_mybatis_pageHelper所遇到的问题点

1,Result Maps用错,应该用resultType2020-12-25 11:32:12.796 ERROR 5576 --- [nio-8080-exec-1] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested..

2020-12-25 10:46:50 366

原创 springboot关联mybatis遇到的问题

1,No MyBatis mapper was found in '[xx.xx]' package. Please check your configuration解决问题:@MapperScan(value = "com.yjg.honest.mybatis.mapper") //忘记加入mapperScan扫描了@SpringBootApplicationpublic class HonestApplication { public static void main(String[..

2020-12-16 08:40:29 189

原创 angular下页面不显示问题

1,在service中实例化HttpClient后,界面显示空白,原因在app.modules中没有引入相应的模块import { Injectable } from '@angular/core';import {HttpClient} from '@angular/common/http';@Injectable({ providedIn: 'root'})export class UserService { constructor(private httpClient: Ht

2020-12-10 11:01:25 1540

原创 多对一 多对多

public class T_user { private Integer id; private String username; private String telephone; private Date birthday; private List<T_account> t_account;---set get方法----}public class T_account implements Serializable { priv.

2020-11-09 23:00:17 149

原创 mybatis表关联(一对一)

建表 t_accountSET FOREIGN_KEY_CHECKS=0;-- ------------------------------ Table structure for t_account-- ----------------------------DROP TABLE IF EXISTS `t_account`;CREATE TABLE `t_account` ( `ID` int NOT NULL COMMENT '编号', `UID` int DEFAULT NU..

2020-11-09 16:52:11 116

原创 web socket通讯

1、安装web socket依赖库D:\angular\client>npm install ws --save2.安装web socket的类型定义文件D:\angular\client>npm i @types/ws --save-dev服务器端auction_server.TS客户端,建立服务D:\angular\client>D:\angular\client>ng g s shared/websocketimport * as expr.

2020-10-16 16:56:01 239

原创 HTTP请求服务器数据(管道方式)

product TSimport { Component, OnInit } from '@angular/core';import {Observable, Subscription} from 'rxjs';import {HttpClient} from '@angular/common/http';@Component({ selector: 'app-product', templateUrl: './product.component.html', styleUrls:

2020-10-16 10:19:22 440

原创 HTTP 请求服务端数据

client端1、引入HttpClientModule模板import { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { AppRoutingModule } from './app-routing.module';import { AppComponent } from './app.component';import { Produc

2020-10-16 09:59:14 245 1

原创 在WebStorm 2020.2上创建typescript服务

一、在硬盘新建文件夹例如:D:\angular\server二,通过webstorm打开该文件夹三、初始化该文件夹,通过下记命令,生产package.json文件四、要用typescript,需引入node的定义文件D:\angular\server>npm i @types/node --save五、通过配置文件,把typescript编译成javascript新建tsconfig.json{ "compileOnSave": true, "co.

2020-10-15 13:38:56 573

原创 模板式表单验证

HTML<form #myForm="ngForm" (ngSubmit)="onSubmit(myForm.value, myForm.valid)" novalidate> <div>用户名:<input type="text" ngModel required minlength="6" name="username"></div> <div [hidden]="!myForm.form.hasError('required','us

2020-10-14 16:35:00 176

原创 响应式表单验证

reactiveRegist.css.ng-invalid { border: 1px solid red;}.hasErr { border: 1px solid red;}reactiveRegist HTML<form [formGroup]="formModel" (submit)="onSubmit()"> <div>用户名:<input [class.hasErr]="formModel.get('username').invali

2020-10-14 13:42:18 234

原创 响应式表单

reactiveform HTM:L<form [formGroup]="formModel" (submit)="onSubmit()"> <div> <input formControlName="username" type="text"> </div> <div formGroupName="dateRange"> 起始日期:<label> <input type="date" f

2020-10-13 14:10:05 104

原创 模板式表单

app HTML<app-templateform></app-templateform>templateForm HTML<form #myForm = "ngForm" (ngSubmit)="onSubmit(myForm.value)" > <div ngModelGroup="userInfo"> <div>用户名:<input type="text" #username="ngModel" ngMode

2020-10-13 10:16:06 144

原创 AfterContentInit, AfterContentChecked, OnDestroy钩子

app-routing TSimport { NgModule } from '@angular/core';import { Routes, RouterModule } from '@angular/router';import {NextlinkComponent} from './nextlink/nextlink.component';import {ChildComponent} from './child/child.component';const routes: Route

2020-10-12 08:26:07 158

原创 投影到子组件

app HTML<div class="wrapper"> <h2>我是父组件</h2> <div>这个div定义在父组件中</div> <app-child> <div class="header">这个div是父组件投影到子组件的1, {{title}}</div> <div class="footer">这个div是父组件投影到子组件的2</div>

2020-10-12 07:46:57 137

原创 AfterViewInit、AfterViewChecked与父组件调用子组件的方法

app HTML<app-nextchild #child1></app-nextchild><app-nextchild #child2></app-nextchild><button (click)="child2.helloGreeting('Smith')">调用子组件方法</button>app TSimport {AfterViewChecked, AfterViewInit, Component, On

2020-10-11 22:11:28 414 1

原创 onChanges与doCheck钩子

app HTML<div class="parent"> <div> 问候语:<input type = "text" [(ngModel)]="greeting"> </div> <div> 姓名: <input type = "text" [(ngModel)]="user.name"> </div></div><app-child [greeting]="gr

2020-10-11 20:36:06 209 1

原创 组件生命周期

1.life TSimport { AfterContentChecked, AfterContentInit, AfterViewChecked, AfterViewInit, Component, DoCheck, Input, OnChanges, OnDestroy, OnInit, SimpleChanges} from '@angular/core';let logIndex = 1;// tslint:disable-next-line:n..

2020-10-11 20:31:26 139

原创 中间人模式

app HTML<app-pricequote (buy)="buyHandler($event)"></app-pricequote><div>从子组件拿到的股票代码是{{priceQuote.stockCode}}.股票的价格是{{priceQuote.lastprice | number:'00.1-2'}}</div><app-order [priceQuote]="priceQuote"></app-order>

2020-10-10 20:38:55 151

原创 输出属性

price TSimport {Component, EventEmitter, OnInit, Output} from '@angular/core';@Component({ selector: 'app-pricequote', templateUrl: './pricequote.component.html', styleUrls: ['./pricequote.component.css']})export class PricequoteComponent impl

2020-10-10 19:23:01 145

原创 输入属性

一、输入属性app TSimport { Component } from '@angular/core';@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css']})export class AppComponent { title = 'myng'; stock: string;}app HTML&l

2020-10-10 19:20:43 212 2

原创 响应编程和管道

import {ReactiveFormsModule, FormsModule, FormControl} from '@angular/forms';imports: [ BrowserModule, AppRoutingModule, // 把路由注入到主模块 RouterModule.forRoot(routeConfig), FormsModule, // RouterModule.forChild(routeConfig) // 相.

2020-10-09 20:35:30 113

原创 自定义管道

1.创建管道D:\angular\myng>ng g pipe pipe/multipleCREATE src/app/pipe/multiple.pipe.spec.ts (195 bytes)CREATE src/app/pipe/multiple.pipe.ts (221 bytes)UPDATE src/app/app.module.ts (1378 bytes)2.自定义multiple管道import { Pipe, PipeTransform } from '@a.

2020-10-09 18:42:35 235

原创 响应式编程

1.引入相应式编程控件imports: [ BrowserModule, AppRoutingModule, FormsModule, ReactiveFormsModule],2.HTML<h3>模板本地变量化 #inputbox</h3><input #inputbox (keyup)=onKeyup(inputbox.value)><h3>响应式编程</h3><br>&lt

2020-10-09 17:13:52 110

原创 双向绑定

<h3>双向绑定</h3><input [(ngModel)]="name">{{name}}TS:public name = 'Jonny' ;constructor() { setTimeout(() => { this.divClass = 'a b c'; this.isBig = true; this.divClassABC = { a: true, b: true, c: .

2020-10-08 17:43:18 75

原创 数据绑定

2020-10-08 17:14:35 68

原创 评价信息追加

1.product.service.tsimport { Injectable } from '@angular/core';@Injectable({ providedIn: 'root'})export class ProductService { private products: Product[] = [ new Product(1, '大碗茶1', 1.99, 1.1, '这是一个值得买的藏品1', ['瓷器1', '明清代1']), new Product

2020-10-08 14:48:44 150

原创 提供器一

1.product.service.tsimport { Injectable } from '@angular/core';import {LoggerService} from './logger.service';@Injectable({ providedIn: 'root'})export class ProductService { constructor(private logger: LoggerService) { } // tslint:disable-ne

2020-10-07 06:35:37 75

原创 路由

app HTML<app-navbar></app-navbar><div class="carousel-container"> <div class="row"> <div class="col-md-3"> <app-search></app-search> </div> <div class="col-md-9"> <rout

2020-10-06 19:13:08 110

原创 Resove守卫

product TSimport { Component, OnInit } from '@angular/core';import {ActivatedRoute, Params, RouterLinkActive} from '@angular/router';@Component({ selector: 'app-product', templateUrl: './product.component.html', styleUrls: ['./product.component

2020-10-05 14:14:57 307

原创 守护路由

1. app-routingconst routes: Routes = [ {path: '', redirectTo: '/home',pathMatch:'full'}, {path: 'home', component:HomeComponent}, {path: 'chat', component:ChatComponent, outlet:'talkroom'}, {path: 'product/:id', component:ProductComponent,childr

2020-10-05 09:14:59 138

原创 辅助路由

1.app html<a [routerLink]="['/home']">主页</a><a [routerLink]="['/product',2]">商品详细</a><input type="button" value="商品目录" (click)="toProductDetail()"><a [routerLink]="[{outlets:{primary: 'home',talkroom:'chat'}}]">开始聊

2020-10-05 08:05:23 139

原创 子路由

1、设置子路由 app-routingconst routes: Routes = [ {path: '', redirectTo: '/home',pathMatch:'full'}, {path: 'home', component:HomeComponent}, {path: 'product/:id', component:ProductComponent,children:[ {path: '', component:ProductDescComponent},

2020-10-04 09:59:36 249

原创 网页带参跳转

1、界面传参app HTML界面传参:<a [routerLink]="['/']">主页</a><a [routerLink]="['/product']" [queryParams]="{id: 1}">商品详细</a><input type="button" value="商品目录" (click)="toProductDetail()"><router-outlet></router-outlet>p

2020-10-04 08:36:02 345

原创 Router的界面调转

1,app Html<a [routerLink]="['/']">主页</a><a [routerLink]="['/product']">商品详细</a><input type="button" value="商品目录" (click)="toProductDetail()"><router-outlet></router-outlet>2.app-routing.modules.tsim...

2020-10-03 15:17:57 141

angular中响应式表单,动态验证

响应式表单,动态验证

2022-11-14

textArea内每行设定显示字符数量

textArea内每行设定显示字符数量

2022-10-20

angular table 自动增加和删除

问题修复 angular material table

2022-09-25

angular 动态增加行和删除行

解决了增加时的分页问题,删除时的选择多行删除

2022-09-23

angular 响应式表单中动态字段中添加validator

angular 响应式表单中动态字段中添加validator(v14)

2022-09-12

angular-springboot.7z

前台angular构建界面,后台springboot提供数据,持久层使用mybatis连接mysql

2020-11-26

client-server.7z

通过http、websocket进行交互信息的小例子其中涉及到了route,信息交互,服务周期,http与websocket协议等(增加了node链接mysql显示数据部分),本次解决了轮播图和图片显示的问题

2020-11-26

Client-Server.7z

通过http、websocket进行交互信息的小例子其中涉及到了route,信息交互,服务周期,http与websocket协议等(增加了node链接mysql显示数据部分)。

2020-10-27

server-client.7z

通过http、websocket进行交互信息的小例子其中涉及到了route,信息交互,服务周期,http与websocket协议等。

2020-10-22

spring3.0+hibernate3.3+mysql8.0

spring3.0+hibernate3.3+mysql8.0,需主要jar的匹配,同时mysql8.0 是需要专门的jdbc驱动包的

2019-09-06

excel转化工具

excel转换工具

2014-02-20

libtermcap-devel readline-devel x86-64

libtermcap-devel readline-devel x86-64

2012-02-09

ext3grep+e2fsprogs

ext3grep+e2fsprogs 解决在linux下误删除文件,文件夹的软件 支持格式磁盘格式ext3

2011-10-20

oracleasmlib-2.0.2-1.i386.rpm

oracleasmlib-2.0.2-1.i386.rpm

2011-05-26

rlwrap033.zip

rlwrap.zip rlwrap.zip rlwrap.zip rlwrap.zip

2011-04-18

le的SQL语句执行效率问题查找与解决方法

le的SQL语句执行效率问题查找与解决方法

2011-04-14

大括号在shell中的使用

大括号在shell中的使用 大括号在shell中的使用 大括号在shell中的使用 大括号在shell中的使用 大括号在shell中的使用

2011-03-04

oracle sql的性能调整

oracle sql的性能调整 oracle sql的性能调整 oracle sql的性能调整 oracle sql的性能调整

2011-01-18

DataGuard配置

oracle10g dataguard配置 Oracle+dataguard配置Step+by+Step.doc

2010-12-04

spket eclipse插件编辑js

spket eclipse插件编辑js spket eclipse插件编辑js

2010-08-03

eclipse的js插件

eclipse的js插件。。。。。。。。。。。。

2010-08-03

oracle生成工具

通过excel文件,可直接在数据库里见表或直接生成sql文

2010-02-11

根据excle表单,生成创建表的sql文文件

根据excle表单,生成创建表的sql文文件

2010-01-15

数字格式化 你想要的结果,都可以实现

数字格式化,formatNumber(Sring 参数1,int 参数2(保留位数)) 参数1可输入科学技术法和一般数字,结果为逗号分隔数字。 numz(Double 参数1,int 参数2) 只现实了数字的四舍五入

2009-10-30

自动刷新个人网络页面

自动刷新个人网络界面(请修正main.html里的uri为你所要刷新的网页地址)

2009-10-26

rollup,cube,grouping sets()的个人理解

rollup,cube,grouping sets()的个人理解 其中关于这三个的各种情况,举例论证这三个的区别。

2009-10-16

文件或文件夹加密器1.3版

加密单个大小文件,或加密文件夹下所有大小文件,并解密

2009-08-28

文件或文件夹加密器1.2版

可加密一个文件夹下和子文件夹下所有大小文件

2009-08-26

在整个数据库中(oravle)查找符合条件的记录所在的表

在整个数据库中(oravle)查找符合条件的记录所在的表

2009-08-06

计算某个文件夹下所有xls文件的打印页数

计算某个文件夹下所有xls文件的打印页数

2009-07-22

格式化数字,增加了科学技术法表示的数字,小数点后保留几位

改进,增加了科学技术法表示的数字,小数点后保留几位

2009-07-02

加密工具1.11.jar

此软件可完全小文件,大文件和文件夹下所有文件,不关是大文件还是小文件,如果选择了加密文件夹下所有小文件,如果文件大于20M,则给出提示:是否按大文件加密,如果是,则按大文件加密,如果选择否,则按小文件加密方法加密,如果文件过多,可能会影响速度哦,反之选加密文件夹下所有大文件,则也会给出相应提示,(比较适合加密文件夹下的所有视频文件),加密后的文件可自由移动。

2009-06-24

日期控件(只精确到年月)

日期控件(只精确到年月),有代码和详细的注释说明,可自己根据注释修改自己喜欢的样式,显示方式等。希望大家下载适用,如果有特别要求,请发mail:ximalayashan-7@163.com

2009-06-18

数值格式化改进,你所想要的基本都满足

可以随行所欲的保留小数点后几位,结果用逗号分割,保留小数点后,进行4舍5入,不进行截取

2009-06-11

文件或文件夹加密器1.1版

加密单个小文件,大文件,加密文件价下所有小文件, 加密文件夹下所有大文件,或者加密文件夹下所有大文件 和小文件

2009-05-07

文件加密或加密文件夹下所有文件

文件加密或加密文件夹下所有文件,其中分为小文件加密和大文件加密,和加密文件夹下所有文件或文件夹下所有大文件,以及文件夹下既有小文件又有大文件的情况。 以上,如果有什么不妥之处,请指正,我会尽快改正。

2009-05-05

文件计数器,可以方便的计算各种文件的个数。

可以计算某文件夹下所有文件个数,可以根据某个后缀名或多个后缀名,分别计算文件的个数和文件总数,可以计算某个文件夹下除某个后缀名以外的文件个数,这是上一版的修改。

2009-04-23

文件计数器,计算文件总数,去掉后缀名的文件总数,计算单独某一个或几个后缀名的文件数

计算文件总数,去掉后缀名的文件总数,计算单独某一个或几个后缀名的文件总数,和每个后缀名的文件数。

2009-04-23

计算某文件夹下的文件数,依据某个后缀名计算文件数,去掉某个后缀名计算文件数

计算某文件夹下的文件数,依据某个后缀名或多个后缀名计算文件数,去掉某个后缀名计算文件数

2009-03-31

jxl的读Excel,写Excel,更新Excel以及一些文件操作

jxl的读Excel,写Excel,更新Excel以及一些文件操作

2009-03-27

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除