- 博客(399)
- 资源 (41)
- 收藏
- 关注
RSS订阅原创 重新整理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
141
转载 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
713
原创 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
362
原创 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
182
原创 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
1518
原创 多对一 多对多
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
142
原创 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
113
原创 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
232
原创 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
424
原创 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
240
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
562
原创 模板式表单验证
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
172
原创 响应式表单验证
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
224
原创 响应式表单
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
101
原创 模板式表单
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
131
原创 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
153
原创 投影到子组件
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
134
原创 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
404
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
200
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
132
原创 中间人模式
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
150
原创 输出属性
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
141
原创 输入属性
一、输入属性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
207
2
原创 响应编程和管道
import {ReactiveFormsModule, FormsModule, FormControl} from '@angular/forms';imports: [ BrowserModule, AppRoutingModule, // 把路由注入到主模块 RouterModule.forRoot(routeConfig), FormsModule, // RouterModule.forChild(routeConfig) // 相.
2020-10-09 20:35:30
108
原创 自定义管道
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
227
原创 响应式编程
1.引入相应式编程控件imports: [ BrowserModule, AppRoutingModule, FormsModule, ReactiveFormsModule],2.HTML<h3>模板本地变量化 #inputbox</h3><input #inputbox (keyup)=onKeyup(inputbox.value)><h3>响应式编程</h3><br><
2020-10-09 17:13:52
100
原创 双向绑定
<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
72
原创 评价信息追加
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
139
原创 提供器一
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
73
原创 路由
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
104
原创 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
294
原创 守护路由
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
133
原创 辅助路由
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
135
原创 子路由
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
243
原创 网页带参跳转
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
336
原创 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
128
client-server.7z
2020-11-26
Client-Server.7z
2020-10-27
spring3.0+hibernate3.3+mysql8.0
2019-09-06
数字格式化 你想要的结果，都可以实现
2009-10-30
rollup,cube,grouping sets()的个人理解
2009-10-16
加密工具1.11.jar
2009-06-24
日期控件(只精确到年月)
2009-06-18
文件加密或加密文件夹下所有文件
2009-05-05
文件计数器，可以方便的计算各种文件的个数。
2009-04-23
文件计数器，计算文件总数，去掉后缀名的文件总数，计算单独某一个或几个后缀名的文件数
2009-04-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人