mumumuu
mumumuu

angular4 (4)组件间通讯

<1>输入属性

定义：组件的输入属性，是指被@input装饰器注解的属性，用来从父组件接收数据

实例
1.新建order子组件

ng g component order

2.修改子组件控制器order.component.ts

/* 2.引入Input */
import { Component, OnInit,Input } from '@angular/core';

@Component({
  selector: 'app-order',
  templateUrl: './order.component.html',
  styleUrls: ['./order.component.css']
})
export class OrderComponent implements OnInit {
    /* 1.定义属性，用@Input装饰器注入 */
    @Input()
    stockCode:string;
    @Input()
    amount:number;

  constructor() { }
  ngOnInit() {
  }
}

3.修改子组件模版order.component.html



我是子组件



    买{{amount}}只{{stockCode}}股票

4.修改父组件控制器app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
/* 4.定义父组件stock */
  stock = "";
}

5.修改父组件模版



我是父组件

若报错：Can't bind to 'ngModel' since it isn't a known property of 'input'
解决方式：修改app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { OrderComponent } from './order/order.component';

/* 重要：导入FormsModule */
import { FormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent,
    OrderComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule//2.此处添加FormsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

6.结果


angular4 (4)组件间通讯_第1张图片
18.jpg

<2>输出属性

实例
step1:
1.新建一个price子组件

ng g component price

2.修改price.component.ts

import { Component, OnInit } from '@angular/core';
@Component({
  selector: 'app-price',
  templateUrl: './price.component.html',
  styleUrls: ['./price.component.css']
})
export class PriceComponent implements OnInit {
//2.定义两个对象，代码和价格
stockCode:string = "IBM";
price:number;
  constructor(){
    setInterval(()=>{
        /* 3.new一个Price对象 */
        let pr:Price = new Price(this.stockCode,100*Math.random());
        /* 4.将获取到的最后一次的价格赋值给price */
        this.price = pr.lastPrice;
    },1000)
   }
  ngOnInit() {
  }
}
/* 1.定义一个报价对象 */
export class Price {
    constructor(public stockCode:string,
                public lastPrice:number
    ){}
}

2.修改price.component.html模版


    这里是报价组件




    //用了number管道进行数据处理
    股票代码是{{stockCode}},股票价格是{{price | number:'2.2-2'}}

3.结果

19.jpg

其中价格每隔一秒变化一次
step2:
将价格属性输出，让外部组件可以订阅，即在子组件中将信息发射出来，然后在父组件中接收到这个信息
4.修改price.component.ts文件

import { Component, OnInit,EventEmitter,Output } from '@angular/core';

@Component({
  selector: 'app-price',
  templateUrl: './price.component.html',
  styleUrls: ['./price.component.css']
})
export class PriceComponent implements OnInit {
stockCode:string = "IBM";
price:number;
//1.EventEmitter对象可以发射和订阅事件
@Output()
lastPrice:EventEmitter = new EventEmitter();
  constructor(){
    setInterval(()=>{
        let pr:Price = new Price(this.stockCode,100*Math.random());
        this.price = pr.lastPrice;
      //2.用emit方法往外发射事件，其中发射的变量是泛型Price指定的，在这里即是pr
      this.lastPrice.emit(pr);
    },1000)
   }

  ngOnInit() {
  }

}
export class Price {
    constructor(public stockCode:string,
                public lastPrice:number
    ){}
}

5.修改app.component.ts--父组件

import { Component } from '@angular/core';
import {Price} from "./price/price.component"


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  stock = "";
  //1.声明一个Price类型的属性，因为子组件里面发射出来的是Price类型的
  price:Price = new Price("",0);
}

6.修改app.component.html



我是父组件



  
  
  
  








    这是在报价组件外




    股票代码是{{price.stockCode}}，股票价格是{{price.lastPrice | number:'2.2-2'}}

7.修改app.component.ts

import { Component } from '@angular/core';
import {Price} from "./price/price.component"


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  stock = "";
  //1.声明一个Price类型的属性，因为子组件里面发射出来的是Price类型的
  price:Price = new Price("",0);

  //2.声明priceHandle方法，在这个方法里接收一个event,这个event是Prive类型的
    //即这个类型是子组件emit方法发射出来东西的类型,即Price
  priceHandle(event:Price){
    this.price = event;
  }
}

8.结果

20.jpg

<3>中间人模式

中间人负责从一个组件中接收数据，并将其传递给另一个组件

angular4 (4)组件间通讯_第2张图片

如上图所示：
顶级中间人是1，组件1可使2、3、6互相通讯，是组件2、3、6的中间人；同理，组件2是4、5的中间人；组件3是7、8的中间人。

1.修改price.component.html


    这里是报价组件




    股票代码是{{stockCode}},股票价格是{{price | number:'2.2-2'}}

2.修改price.component.ts

import { Component, OnInit,EventEmitter,Output } from '@angular/core';

@Component({
  selector: 'app-price',
  templateUrl: './price.component.html',
  styleUrls: ['./price.component.css']
})
export class PriceComponent implements OnInit {
stockCode:string = "IBM";
price:number;

@Output()
lastPrice:EventEmitter = new EventEmitter();

//1.点击按钮时要把当前的价格发射出去
@Output()
buy:EventEmitter = new EventEmitter();

  constructor(){
    setInterval(()=>{
        let pr:Price = new Price(this.stockCode,100*Math.random());
        this.price = pr.lastPrice;
      this.lastPrice.emit(pr);
    },1000)
   }
   //2.定义buyStock方法，用buy的emit方法把当前价格信息发射出去
   buyStock(event){
     this.buy.emit(new Price(this.stockCode,this.price));
   }

  ngOnInit() {
  }

}
export class Price {
    constructor(public stockCode:string,
                public lastPrice:number
    ){}
}

3.修改order.component.ts--下单组件

/* 2.引入Input */
import { Component, OnInit,Input } from '@angular/core';

@Component({
  selector: 'app-order',
  templateUrl: './order.component.html',
  styleUrls: ['./order.component.css']
})
export class OrderComponent implements OnInit {
    /* 1.定义价格属性，用@Input装饰器注入 */
    @Input()
    price:Price;
  constructor() { }

  ngOnInit() {
  }

}

4.修改order.component.html



我是下单组件



    买100只{{price.stockCode}}股票,价格是{{price.lastPrice | number:'2.2-2'}}

5.修改app.component.ts：用来接收price组件发射出来的价格和给order组件发送price信息

import { Component } from '@angular/core';
import {Price} from "./price/price.component"


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {

  stock = "";
  //1.声明一个Price类型的属性，因为子组件里面发射出来的是Price类型的
  price:Price = new Price("",0);

  //2.声明priceHandle方法，在这个方法里接收一个event,这个event是Prive类型的
    //即这个类型是子组件emit方法发射出来东西的类型
  priceHandle(event:Price){
    this.price = event;
  }
//3.声明buyHandle方法
  buyHandle(event:Price){
    this.price = event;
  }
}

6.修改app.component.html

7.结果
点击购买按钮前

angular4 (4)组件间通讯_第3张图片
22.jpg

点击购买按钮后


angular4 (4)组件间通讯_第4张图片
23.jpg

<4>组件生命周期钩子

angular4 (4)组件间通讯_第5张图片
24.jpg

下面具体示例在项目中每个钩子的调用顺序
1.新建一个live组件 

ng g component live

2.修改live.component.ts

import { Component, OnInit,OnChanges,DoCheck,AfterContentInit,
    AfterContentChecked,AfterViewInit,AfterViewChecked,OnDestroy,
    SimpleChanges,Input } from '@angular/core';

let logId:number = 1;

@Component({
  selector: 'app-live',
  templateUrl: './live.component.html',
  styleUrls: ['./live.component.css']
})
export class LiveComponent implements OnInit,OnChanges,
DoCheck,AfterContentInit,AfterContentChecked,
AfterViewInit,AfterViewChecked,OnDestroy {
    @Input()
    name:string;
    logIt(msg:string){
        console.log(`#${logId++} ${msg}`);
    }
  constructor() {
    this.logIt("name属性在constructor里的值是:"+name);
  }
  ngOnInit() {
    this.logIt("ngOnInit");
  }
  ngOnChanges(changes:SimpleChanges):void{
    let name = changes['name'].currentValue;
    this.logIt("name属性在OnChanges里的值是:"+name);
  }
  ngDoCheck():void{
    this.logIt("ngDoCheck");
  }
  ngAfterContentInit():void{
    this.logIt("ngAfterContentInit");
  }
  ngAfterContentChecked():void{
    this.logIt("ngAfterContentChecked");
  }
  ngAfterViewInit():void{
    this.logIt("ngAfterViewInit");
  }
  ngAfterViewChecked():void{
    this.logIt("ngAfterViewChecked");
  }
  ngOnDestroy():void{
    this.logIt("ngOnDestroy");
  }

}

3.修改app.component.html

app组件

4.结果

angular4 (4)组件间通讯_第6张图片
25.jpg

<5>OnChanges钩子

这个钩子会在父组件初始化或修改子组件的输入参数时会被调用

可变对象和不可变对象
在javascript中，字符串是不可变的，当一个字符串被创建在内存中时，它的值永远不会改变；而对象是可以改变的。例如：

var greeting = "hello";
//在内存中创建了一个值为hello的字符串
greeting = "hello world";
//在不改变第一个字符串的值的前提下创建了第二个值为“hello world”的字符串，这两个字符串都是不可变的，但是对于greeting这个变量来说，这个值是改变的，它指向的内存地址从第一个字符串的地址变为了指向第二个字符串的地址

var user = {"name",""tom};
//对象user的name属性指向了内存中值为"tom"的字符串。
user.name = "jane";
//一个新的字符串“jane”在另一个内存地址被创建，user的name属性指向了新的地址，但是user对象本身还是指向被创建时的内存地址。即改的是user对象的内容，而user指向的地址并没有变。上面的greeting是改变了指向的内存地址，这就是可变对象和不可变对象的区别。
示例
1.修改child.component.ts

import { Component, OnInit,Input,OnChanges,SimpleChanges } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit,OnChanges {

  //1.定义三个属性，其中前两个是输入属性
  @Input()
  greeting:string;

  @Input()
  user:{name:string}

  mess:string = "初始化信息";
  constructor() { }

  ngOnInit() {
  }
  ngOnChanges(changes:SimpleChanges):void {
    console.log(JSON.stringify(changes, null, 2));
  }
}

2.修改child.component.html模版


    
我是子组件

    
问候语：{{greeting}}

    
姓名：{{user.name}}

    
    
消息：

要在app.module.ts中添加FormsModule

import { FormsModule } from '@angular/forms';
imports: [
    BrowserModule,
    FormsModule //此处添加
  ]

3.父组件需要给子组件传那两个输入属性，修改app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  greeting:string = "hello";
  user:{name:string} = {name:"tom"};
}

4.将那两个属性绑定到父组件模版中，修改app.component.html





    
我是父组件

    
    

        问候语：
    

    

        姓名：

结果

angular4 (4)组件间通讯_第7张图片
26.png

angular4 (4)组件间通讯_第8张图片
27.jpg

只有改变greeting时才会调用Onchanges

angular4 (4)组件间通讯_第9张图片
28.jpg
angular4 (4)组件间通讯_第10张图片
29.jpg

<6>变更检测和DoCheck钩子

DoCheck作用：保证组件属性的变化和页面的变化是一致的，浏览器中发生的任何异步事件都会触发变更检测

angular4 (4)组件间通讯_第11张图片
30.jpg

default策略：只要发生了变化，整个组件数都会被检查一遍
onpush策略：发生变化时，而子组件是onpush策略，就不会对
子组件进行检查，而是只有当子组件的输入属性发生改变时才会进行检查；
1.修改child.component.ts 

import { Component, OnInit,Input,OnChanges,SimpleChanges,DoCheck } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
//1.实现一个docheck钩子
export class ChildComponent implements OnInit,OnChanges，DoCheck {
  @Input()
  greeting:string;

  @Input()
  user:{name:string}

  mess:string = "初始化信息";


  oldUser:string;
  change:boolean = false;
nochange:number = 0;
  constructor() { }

  ngOnInit() {
  }
  ngOnChanges(changes:SimpleChanges):void {
    console.log(JSON.stringify(changes, null, 2));
  }
  ngDoCheck():void {
    if (this.user.name !== this.oldUser) {
        this.change = true;
        console.log("DoCheck:user.name从"+this.oldUser+"变为"+this.user.name);
        this.oldUser = this.user.name;
    }
    if(this.change){
        this.nochange = 0；
    }else {
        this.nochange = this.nochange + 1;
        console.log("docheck:user.name没变化时ngDocheck方法已经被调用"+this.nochange+"次");
    }
    this.change = false;
  }
}

结果
当点击父组件input框时，就会调用一次docheck，所以实现诸如带有check的钩子时要非常小心，实现要轻量级。

angular4 (4)组件间通讯_第12张图片
31.jpg

angular4 (4)组件间通讯_第13张图片
32.jpg

<7>view钩子

新的装饰器：@ViewChild
以下例子实现如何让父组件调用子组件的方法。
1.新建一个子组件

ng g component child2

2.修改child2.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-child2',
  templateUrl: './child2.component.html',
  styleUrls: ['./child2.component.css']
})
export class Child2Component implements OnInit {

  constructor() { }

  ngOnInit() {
  }
  //1.写在子组件的方法
  greeting(name:string) {
    console.log("hello"+name);
  }

}

3.修改app.component.html

4.修改app.component.ts

import { Component,ViewChild} from '@angular/core';
import {Child2Component} from "./child2/child2.component"
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  //2.通过ViewChild装饰器+模版变量的名字来调用子组件的方法
  @ViewChild("childone")
  childone:Child2Component;

  ngOnInit():void {
    this.childone.greeting("tom");
  }

}

5.结果
控制台中可以看出父组件成功调用了子组件的greeing方法

33.png

方法二：在父组件的模版中调用子组件的方法
1.修改app.component.html

2.结果
点击按钮时控制台中打印：hellojane

view钩子

这两个钩子会在组件模版内容都组装完，组件的内容已经呈现给用户看之后，被调用。
1.在父组件中实现这两个钩子，修改app.component.ts

import { Component,ViewChild,OnInit,AfterViewInit,AfterViewChecked} from '@angular/core';
import {Child2Component} from "./child2/child2.component"
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit,AfterViewInit,AfterViewChecked{
  title = 'Tom';
  greeting:string = "hello";
  user:{name:string} = {name:"tom"};

  //2.通过模版变量的名字来调用子组件的方法
  @ViewChild("childone")
  childone:Child2Component;

  ngOnInit():void {

     //定时调用子组件的greeting方法
     setInterval(() => {
       this.childone.greeting("tom");
     },5000 );
  }
  ngAfterViewInit():void {
    console.log("父组件的视图初始化完毕");
  }
  ngAfterViewChecked():void {
    console.log("父组件的视图变更检测完毕");
  }
}

2.在子组件中实现这两个钩子，修改child2.component.ts

import { Component, OnInit,AfterViewInit,AfterViewChecked } from '@angular/core';

@Component({
  selector: 'app-child2',
  templateUrl: './child2.component.html',
  styleUrls: ['./child2.component.css']
})
export class Child2Component implements OnInit,AfterViewInit,AfterViewChecked {

  constructor() { }

  ngOnInit() {
  }

  ngAfterViewInit():void {
    console.log("子组件的视图初始化完毕");
  }
  ngAfterViewChecked():void {
    console.log("子组件的视图变更检测完毕");
  }


  greeting(name:string) {
    console.log("hello"+name);
  }

}

3.结果
控制台中，子组件的组件先被组装好，childone和childtwo组件被组装好之后，父组件才被组装好。ngAfterViewInit只会被调用一次。当每隔5秒，父组件调用子组件greeting方法时，触发变更检测机制，两个子组件和父组件的ngAfterViewChecked又被调用。

angular4 (4)组件间通讯_第14张图片
34.jpg

注意：不要在这两个方法中改变视图中绑定的数据，否则会抛出异常

angular4 (4)组件间通讯_第15张图片
35.jpg

解决方案：放到另一个javascript的运行周期中，例如：

angular4 (4)组件间通讯_第16张图片
36.jpg

<8>ngContent指令

说在前面：投影
当希望运行时动态改变模版的内容，就可以用ngContent指令将父组件模版中的任意片段投影到子组件上。

示例1：当投影单个片段时
1.在子组件中，修改child.component.html


    
下面是子组件内容

2.父组件中，修改app.component.html


  
下面是父组件内容

  
  
      这里是父组件投影到子组件的内容

示例2：当投影多个片段时
1.修改app.component.html


  
下面是父组件内容

  
  
    
    
这是页头，是父组件投影到子组件的内容

    
这是页尾，是父组件投影到子组件的内容

2.修改child.component.html


    
下面是子组件内容

    
    
    
子组件中间内容

3.结果

angular4 (4)组件间通讯_第17张图片
37.jpg

<9>AfterContentInit和AfterContentChecked指令

AfterContentInit和AfterContentChecked是被投影的内容被组装完毕时调用的，与AfterViewInit不同的是，在AfterContentInit中可以改变视图中绑定的数据。
示例：
1.修改app.component.ts

import { Component,AfterContentInit,AfterContentChecked,AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements AfterContentInit,AfterContentChecked,AfterViewInit {
message = "hi";
    ngAfterContentInit():void {
console.log("父组件投影内容初始化完毕");
//此处改变了视图中绑定的数据，控制台中不报错
this.message = "jane";
}
ngAfterContentChecked():void {
console.log("父组件投影内容变更检测完毕");
}
ngAfterViewInit():void {
console.log("父组件视图内容初始化完毕");
}

  title = 'app';
}

2.修改child.component.ts

import { Component, OnInit,AfterContentInit,AfterContentChecked } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit,AfterContentInit,AfterContentChecked {
ngAfterContentInit():void {
console.log("子组件投影内容初始化完毕");
}
ngAfterContentChecked():void {
console.log("子组件投影内容变更检测完毕");
}
  constructor() { }

  ngOnInit() {
  }

}

3.结果

angular4 (4)组件间通讯_第18张图片
38.png

<10>ngOnDestroy

当从一个路由地址跳往另一个路由地址时，前一个路由地址对应的组件会被销毁，而后一个路由地址对应的组件会被创建。
示例：
1.新建一个项目，并创建两个子组件

ng new destroyPro
ng g component child
ng g component child2

2.修改app.module.ts，定义一些路由

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';


import { AppComponent } from './app.component';
import { ChildComponent } from './child/child.component';
import { Child2Component } from './child2/child2.component';
//3.引入routes和RouterModule
import  {Routes,RouterModule} from "@angular/router";



//1.当路径为空时，显示child组件内容，当路径为child2时显示child2内容
var routeCongif:Routes = [
  {path:'',component:ChildComponent},
  {path:'child2',component:Child2Component}

]

@NgModule({
  declarations: [
    AppComponent,
    ChildComponent,
    Child2Component
  ],
  //2.把路由配置导入模块
  imports: [
    BrowserModule,
    RouterModule.forRoot(routeCongif)
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

3.修改app.component.html

child
child2

4.修改child.component.ts和child2.component.ts，实现OnDestroy方法

import { Component, OnInit,OnDestroy } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  styleUrls: ['./child.component.css']
})
export class ChildComponent implements OnInit,OnDestroy {

ngOnDestroy():void {
    console.log("child组件已被销毁");
}
  constructor() { }

  ngOnInit() {
  }

}


import { Component, OnInit,OnDestroy } from '@angular/core';

@Component({
  selector: 'app-child2',
  templateUrl: './child2.component.html',
  styleUrls: ['./child2.component.css']
})
export class Child2Component implements OnInit,OnDestroy {
ngOnDestroy():void {
    console.log("child2组件已被销毁");
}
  constructor() { }

  ngOnInit() {
  }

}

5.结果
当点击路由切换时

angular4 (4)组件间通讯_第19张图片
39.png

你可能感兴趣的:(angular4 (4)组件间通讯)

  • Flink命令行启动Job任务 平凡的运维之路 linux程序人生
    Flink非交互式运行Job任务Flink命令行启动Job任务具体命令flink参数说明-c,--class-d,--detached后台运行-p,--parallelism并行度[test@xxx~]$flinkrun-d-cclass_nameJob-p3./flink-statics-1.0.jar-zookeeper"10.130.41.51:2181,10.130.41.52:2181,
  • 故事讲解设计模式：观察者模式 yuanpan 设计模式观察者模式
    1.故事背景：在一个小镇上，有一家非常受欢迎的报纸店，老板叫老张。这家报纸店每天都会发布最新的新闻，镇上有很多居民都订阅了这家报纸，他们希望能够第一时间收到最新的消息。2.故事发展：老张的报纸店：老张是报纸店的核心，他负责收集新闻、编辑报纸，并在每天早晨发布。问题：老张需要通知所有订阅者，但订阅者数量可能很多，而且可能会随时增加或减少。订阅者们：镇上有几位居民对新闻非常感兴趣，他们是：小李：喜欢体
  • 双指针之滑动窗口 旧念25 算法数据结构
    滑动窗口是双指针的一种所谓滑动窗口，就是不断的调节子序列的起始位置和终止位置，从而得出我们要想的结果。给定一个含有n个正整数的数组和一个正整数s，找出该数组中满足其和≥s的长度最小的连续子数组，并返回其长度。如果不存在符合条件的子数组，返回0。示例：输入：s=7,nums=[2,3,1,2,4,3]输出：2解释：子数组[4,3]是该条件下的长度最小的子数组暴力解法两层for循环嵌套，第一层for循
  • rust学习笔记16-206.反转链表(递归) 水蜜桃one 学习笔记链表
    rust函数递归在14中已经提到，接下来我们把206.反转链表，用递归法实现递归函数通常包含两个主要部分：基准条件（BaseCase）：递归终止的条件，避免无限递归。递归步骤（RecursiveStep）：将问题分解为更小的子问题，并调用自身来解决这些子问题。//Definitionforsingly-linkedlist.#[derive(PartialEq,Eq,Clone,Debug)]pu
  • 快速启动flink项目 for your wish flinkjava大数据
    按照这个步骤1分钟内创建完成idea-----File----new---Project------Maven----Createfromarchetype----AddArchetype弹出框：GroupId填org.apache.flinkArtifactId填flink-quickstart-javaVersion填1.14.0选中刚刚添加的Archetype，点Next填写你要创建的这个f
  • STM32寄存器编码流程总结（上部） 物联网菜鸟 基础知识学习stm32单片机嵌入式硬件
    目录一、GPIO二、中断系统三、USART串口通信四、I2C通讯五、高级定时器六、DMA存储访问七、ADC数模转换八、API通信九、FSMC控制器十、LCD显示一、GPIO1.时钟的配置//开启引脚的时钟RCC->APB2ENR|=RCC_APB2ENR_IOPAEN;2.设置GPIO的工作模式//PA0的工作模式为通用推挽输出模式//CNF选择输入或输出的不同模式GPIOA->CRL&=~GPI
  • 第三十篇 维度建模：从理论到落地的企业级实践 随缘而动，随遇而安 数据库sql数据仓库大数据数据库架构
    目录一、维度建模核心理论体系1.1Kimball方法论四大支柱1.2关键概念对比矩阵二、四步建模法全流程解析2.1选择业务过程（以电商为例）2.2声明原子粒度（订单案例）2.3维度设计规范时间维度（含财年逻辑）SCDType2完整实现（Hudi）2.4事实表类型与设计三、企业级建模实战：电商用户分析3.1业务矩阵分析3.2模型实现代码四、高级建模技巧4.1多星型模式关联4.2大数据场景优化五、性能
  • 【Flink】flink启动任务，taskmanager.out 文件增涨非常快 九师兄 flink大数据
    1.概述flink启动任务，taskmanager.out文件增涨非常快，这个文件大小怎么限定？测试了很多办法发现都不起作用这个问题可以试试：【Flink】Flink1.11.2onYARN滚动日志配置但是后面我发现不是这个导致的，是slf4j依赖冲突，jar包删除就可以了
  • Hive面试题 御风行云天 面试题大全hivehadoop数据仓库面试
    Hive面试题1Hive基础概念1.1解释Hive是什么以及它的用途Hive的主要用途：1.2描述Hive架构和组件1.HiveCLI/Beeline和WebUI2.HiveQL3.HiveDriver（驱动）4.Metastore5.Compiler（编译器）6.Optimizer（优化器）7.Executor（执行器）8.HadoopCoreComponents（核心组件）9.HiveUDFs
  • AI界劳斯莱斯o1 -Pro来了！百万token收费600刀，OpenAI在AI普惠反方向狂奔？ 算家计算 话题文章人工智能算家云OpenAIo1-proAPIOpenAI发布最贵模型DeepSeek
    刚刚，OpenAI宣布推出其最新的高性能推理模型o1-pro。当大家还在为GPT-4.5的订阅费感到肉痛时，OpenAI用一记价格暴击刷新了认知——全新推理模型o1-pro的API定价，输入每百万token收费150美元，输出每百万token收费600美元，比前代模型贵了10倍，更是将DeepSeek-R1甩出270倍价差。与OpenAI其他模型相比，o1-pro的价格高出了不止一点：目前o1-p
  • LeetCode热题100JS（59/100）第十一天|46|78|17|39|22 Alicesflower LeetCode热题100JSleetcodejavascript算法
    46.全排列题目链接：46.全排列难度：中等刷题状态：2刷新知识：解题过程思考示例1：输入：nums=[1,2,3]输出：[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]题解分析参考题解链接：全排列放下1刷过程/***@param{number[]}nums*@return{number[][]}*///varpermute=function(num
  • 模型上下文协议 (MCP)是什么？Model Context Protocol 需要你了解一下 同学小张 学习AIGCAI-nativeagigpt开源协议
    大家好，我是同学小张，+v:jasper_8017一起交流，持续学习AI大模型应用实战案例，持续分享，欢迎大家点赞+关注，订阅我的大模型专栏，共同学习和进步。在人工智能领域，ModelContextProtocol（MCP）正逐渐成为连接AI模型与各类数据源及工具的重要标准。MCP究竟为何物？它又将如何改变AI应用的开发与使用？文章目录0.概念1.MCP的总体架构2.为何使用MCP？3.我的理解4
  • 一些经纬度知识 AWen_X Java定位物联网java
    1、横纬竖经2、lng经度：-180~180，东经正数，西经负数3、lat纬度：-90~90，北纬正数，南纬负数4、经纬度1度=60分=3600秒5、地球的子午线总长度大约40008km。纬度1度=大约111km纬度1分=大约1.85km纬度1秒=大约30.8m6、中国的经纬度范围大约为：纬度3.86~53.55，经度73.66~135.057、越北面的地方纬度数值越大，越东面的地方经度数值越大N
  • MCP服务器：AI智能体的新时代连接标准 真挺乐 人工智能
    在AI技术的不断发展中，MCP（ModelContextProtocol，模型上下文协议）正成为AI智能体与外部系统交互的新标准。MCP的目标是提供一个统一的方法，让AI智能体能够安全、高效地访问各种数据源、API接口和系统工具，从而扩展其能力，提升智能化水平。本文将深入探讨MCP服务器的架构、优势及其在现实世界中的应用。什么是MCP服务器？MCP服务器是MCP架构中的关键组件，它们充当AI智能体
  • 知识图谱在人工智能语义理解与推理中的关键作用及发展研究 @王威& 人工智能
    摘要本文聚焦知识图谱，深入剖析其在人工智能语义理解与推理中的核心作用。阐述知识图谱的构建原理、表示方法，分析其在自然语言处理、智能问答系统、推荐系统等多领域助力语义理解与推理的应用，探讨面临的挑战并展望未来发展方向，全面呈现知识图谱对人工智能发展的重要价值与深远影响。一、引言在人工智能追求更精准理解和处理人类语言与知识的进程中，知识图谱成为关键技术。它以结构化形式组织海量知识，揭示实体间复杂关系，
  • 耦合与解耦：软件工程中的核心矛盾与破局之道 以恒1 软件工程
    耦合与解耦：软件工程中的核心矛盾与破局之道在软件开发领域，耦合与解耦是贯穿始终的核心矛盾。它们如同硬币的两面，既相互对立又紧密依存。本文将从概念解析、类型分类、解耦策略到实际应用，全面剖析这对矛盾体的本质与破局之道。一、耦合的本质：依赖关系的多维透视耦合（Coupling）指软件系统中不同模块、组件或服务之间的相互依赖程度。这种依赖可能表现为数据传递、控制流交互或资源共享。根据耦合强度，可分为七种
  • HarmonyOS实战开发-如何打造购物商城APP。 码牛程序猿 鸿蒙工程师HarmonyOS鸿蒙harmonyosOpenHarmony鸿蒙鸿蒙应用开发华为鸿蒙开发HarmonyOS
    今天给大家分享一个非常好的实战项目，购物商城，购物商城是一个集购物、娱乐、服务于一体的综合性平台，致力于为消费者提供一站式的购物体验。各种功能都有涉及，最适合实现学习。做好商城项目，肯定会把开发中遇到的百分之60的技术得到实战的经验。下面介绍一下商城的主要模块：首页1，搜索框，点击进入搜索页面2，顶部分类，通过不同分类查询对应信息3，广告轮播，自动切换图片，可以进行点击进入4，商品列表，展示每个项
  • AI实干家：HK深度体验-【第3篇-香港、新加坡、深圳、上海、首尔五座城市在金融数据维度的对比分析】 SZ0771 人工智能大数据
    以下是香港、新加坡、深圳、上海、首尔五座城市在金融数据维度的对比分析，涵盖货币流通量、存货款规模、资本市场活跃度、国际贸易、外资及外汇储备等关键指标，结合最新公开数据及全球金融中心排名动态：一、货币流通量（M0-M1-M2）由于城市层面货币供应量（M0、M1、M2）数据通常由国家统一统计，以下以金融机构本外币存款余额（反映广义货币M2的存量规模）为主要参考：城市本外币存款余额（2024年末）增速（
  • 为什么在Linux系统中，available会比free+buff/cache的总和少很多 fzip Linuxlinux运维服务器
    在Linux系统中，available内存值小于free+buff/cache总和的现象源于内存管理的复杂机制。以下是核心原因及技术细节：一、背景1.现象#1.free-htotalusedfreesharedbuff/cacheavailableMem:503Gi475Gi8.9Gi605Mi18Gi13GiSwap:63Gi12Gi51Gi#2.grep-E'^(MemTotal|MemFre
  • ollama 基本使用教程 海上彼尚 AIai前端
    目录1.安装OllamamacOS或LinuxWindows(WSL2)2.基础命令启动与停止更新Ollama3.模型管理下载预训练模型运行模型查看已安装模型删除模型从Modelfile创建自定义模型4.高级功能服务器模式与API多会话管理环境变量配置5.常见问题与技巧加速模型下载查看日志模型参数调整模型导出与分享Ollama是一个开源的大型语言模型服务工具，能够帮助用户在本地运行大模型。通过简单
  • python中Flask模块的使用 weixin_30315905 pythonjson
    1.简介在服务器上运行Flask接口，就能使用requests模块获取该接口的值。先运行接口文件，再运行requests文件，即可获取值。2.示例2.1一个简单的flask接口1importjson2fromflaskimportFlask,request34#python类型5data={6'name':'John',7'age':18,8'location':'nanjing'910}1112
  • 嵌入式笔记 | 正点原子STM32F103ZET6 3 | 时钟系统 J鸟 笔记stm32单片机嵌入式硬件
    1.RCC（复位和时钟控制）RCC（ResetandClockControl）是STM32的时钟系统控制模块，负责管理整个芯片的时钟信号。在使用任何外设之前，必须先使能其时钟。2.时钟系统框图解析时钟源（5种）HSI（高速内部时钟）由内部RC振荡器产生，默认8MHz精度较低，适用于对时钟精度要求不高的应用可作为系统时钟源HSE（高速外部时钟）由外部晶振（石英/陶瓷谐振器或外部时钟）产生，频率范围4
  • 小科普《DNS服务器》 Hum8le 服务器运维
    DNS服务器详解1.定义与核心作用DNS（域名系统）服务器是互联网的核心基础设施，负责将人类可读的域名（如www.example.com）转换为机器可识别的IP地址（如192.0.2.1），从而实现设备间的通信。其核心功能包括：域名解析：将域名转换为IP地址，简化用户访问网站的流程。负载均衡：通过将同一域名映射到多个IP地址，分配流量以提升服务稳定性和性能。缓存加速：存储近期查询结果，减少重复解析
  • 在忙碌的生活中，沉浸在宁静中冥想音乐 qq_39382822 生活软件需求手机音视频
    在忙碌的生活中，给自己一点时间，放松身心，沉浸在宁静的音乐中，感受内心的平静。今天，就让我们来认识一款能帮你轻松进入冥想状态的神奇应用——冥想音乐MeditationMusic。软件介绍冥想音乐MeditationMusic是你日常瑜伽练习、休息时光以及睡前的贴心伴侣。它能为你模拟大自然的各种场景声音，比如海边的轻浪拍岸、森林中的鸟语虫鸣、黄昏时的微风轻拂，帮助你更好地进行冥想，自由地放松身心，仿
  • 锥面箍接/快拆环突破！拆装效率飙升200%，终结机器人螺丝拆装时代 CodePatentMaster 机器人人工智能
    颠覆性散热革新！宇树科技弹性散热架构让四足机器人稳定性提升40%核心价值杭州宇树科技通过弹性接触式散热仓盖与导流件协同设计，实现计算单元散热效率提升32%且抗冲击性能增强40%，攻克四足机器人高热工况下的核心组件易损难题[1][4]。一、技术原理深度剖析1.痛点定位：高动态场景下的散热与防护两难当前四足机器人的计算单元面临两大挑战：散热瓶颈：传统刚性固定导致接触热阻增加30%以上（见热成像对比数据
  • [模拟实现]unique_ptr、shared_ptr智能指针--C++版本的代码实现 北顾南栀倾寒 c++开发语言
    一、unique_ptrunique_ptr是在auto_ptr的基础之上，解决了多个智能指针同时指向一个对象，发生管理权转移，只有一个智能指针指向了对象，其他的都是管理的空对象的行为。这里的多个智能指针指向同一个对象是通过拷贝构造或者赋值重载实现的，unique_ptr的解决办法就是将这两种方式禁用掉，不让其进行这类操作，保证了同一时间只有一个智能指针指向该对象。1.构造函数与析构函数std::
  • -5V、-3V...这种负电压是怎么产生的？附电路详解！ 捷配科技 PCB大全制造pcb工艺捷配
    在电子电路领域，负电压常常是不可或缺的元素，尤其在运算放大器等应用场景中，为其建立稳定的负电压供电至关重要。以常见的正5V转负5V为例，来探讨负电压产生的电路原理。通常情况下，若要获取负电压，专用的负压产生芯片是首选，如ICL7600、LT1054等，但这些芯片成本相对较高。在单片机电子电路中，有几种常用的负压产生电路，且这些电路往往能巧妙利用单片机的PWM输出功能。很多单片机的PWM输出功能未被
  • C语言：setjmp和longjmp函数使用详解 houxiaoni01 C语言setjmplongjmp
    转载自：https://www.runoob.com/cprogramming/c-standard-library-setjmp-h.htmlhttps://blog.csdn.net/chenyiming_1990/article/details/86834131、C标准库-简介setjmp.h头文件定义了宏setjmp()、函数longjmp()和变量类型jmp_buf，该变量类型会绕过正常
  • 如何将丝杆升降机与PLC控制系统集成 demaichuandong 制造人工智能自动化
    将丝杆升降机与PLC（可编程逻辑控制器）控制系统集成，通常涉及以下几个关键步骤：一、明确需求与设计确定控制要求：根据丝杆升降机的功能需求，明确PLC需要控制的动作、状态监测以及故障报警等功能。选择合适的PLC型号：根据控制要求的复杂性和输入输出点的数量，选择合适的PLC型号。设计控制系统架构：绘制控制系统方框图，明确PLC、传感器、执行器等组件之间的连接关系。二、硬件连接与配置连接传感器与执行器：
  • RabbitMQ常见面试题及解析 chi_666 面试RabbitMQ面试
    1、什么是RabbitMQ？RabbitMQ是一个开源的消息队列系统，它实现了高级消息队列协议（AMQP）。它允许不同的应用程序之间进行异步通信，通过将消息发送到队列中，让消费者从队列中获取消息并进行处理，从而实现解耦、异步和削峰填谷等功能。2、核心组件与流程**Producer：**发送消息的应用。**Exchange：**接收消息并路由到队列（类型：Direct，Fanout，Topic，He
  • SAX解析xml文件 小猪猪08 xml
    1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件     public static void main(String[] args) { //
  • 为什么mysql里的ibdata1文件不断的增长？ brotherlamp linuxlinux运维linux资料linux视频linux运维自学
    我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。 当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。 一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？ 当你启用了 i
  • Quartz-quartz.properties配置 eksliang quartz
    其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。   下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =
  • informatica session的使用 18289753290 workflowsessionlogInformatica
    如果希望workflow存储最近20次的log，在session里的Config  Object设置，log  options做配置，save  session log :sessions  run  ;savesessio log for  these runs:20 session下面的source 里面有个tracing 
  • Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误 酷的飞上天空 scrapy
    Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx  CRC check failed   解决方法   1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0'   明确表示不支持任何形式的压缩格式，避免程序的解压
  • java Swing小集锦 永夜-极光 java swing
    1.关闭窗体弹出确认对话框   1.1   this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE);   1.2   this.addWindowListener ( new WindowAdapter () { public void windo
  • 强制删除.svn文件夹 随便小屋 java
              在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除
  • GET和POST有什么区别？及为什么网上的多数答案都是错的。 aijuans get post
        如果有人问你，GET和POST，有什么区别？你会如何回答？ 我的经历      前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。     这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G
  • 谈谈新浪微博背后的那些算法 aoyouzi 谈谈新浪微博背后的那些算法
    本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。 微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针
  • Connection reset 连接被重置的解决方法 百合不是茶 java字符流连接被重置
    流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置   被重置的代码如下;   客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O
  • web.xml配置详解之filter bijian1013 javaweb.xmlfilter
    一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<
  • Heritrix Bill_chen 多线程xml算法制造配置管理
    作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资
  • 【Zookeeper】FAQ bit1129 zookeeper
    1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient    1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/
  • The user specified as a definer ('aaa'@'localhost') does not exist 白糖_ localhost
    今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */  原来最初
  • javascript中showModelDialog刷新父页面 bozch JavaScript刷新父页面showModalDialog
    在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行：       window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self       在子页面使用w
  • 编程之美-买书折扣 bylijinnan 编程之美
    import java.util.Arrays; public class BookDiscount { /**编程之美 买书折扣 书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。 下面用动态规划实现。 哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷
  • 关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要 chenbowen00 strutsWEB安全
    因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。 下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议， 而使用ftp协议默认会产生一个匿名用
  • [电力与暖气]煤炭燃烧与电力加温 comsci
          在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区.....       不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢?   &nbs
  • oracle O7_DICTIONARY_ACCESSIBILITY参数 daizj oracle
    O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL
  • 比较全面的MySQL优化参考 dengkane mysql
    本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。   1、硬件层相关优化   1.1、CPU相关   在服务器的BIOS设置中，可
  • C语言homework2，有一个逆序打印数字的小算法 dcj3sjt126com c
    #h1#   0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10;
  • apacheBench对网站进行压力测试 dcj3sjt126com apachebench
       ab 的全称是 ApacheBench ， 是 Apache 附带的一个小工具 ， 专门用于 HTTP Server 的 benchmark testing ， 可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。 通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。
  • 2种办法让HashMap线程安全 flyfoxs javajdkjni
    多线程之--2种办法让HashMap线程安全 多线程之--synchronized 和reentrantlock的优缺点 多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync)     HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全.  
  • Spring Security（04）——认证简介 234390216 Spring Security认证过程
    认证简介 目录 1.1     认证过程 1.2     Web应用的认证过程 1.2.1    ExceptionTranslationFilter 1.2.2    在request之间共享SecurityContext   1
  • Java 位运算 Javahuhui java位运算
    // 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"
  • mysql免安装版配置 ldzyz007 mysql
    1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据
  • MFC和ado数据库使用时遇到的问题 你不认识的休道人 sqlC++mfc
    =================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p
  • 表单重复提交Double Submits rensanning double
    可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax） （1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。 这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co
  • Java String 十大常见问题 tomcat_oracle java正则表达式
    　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。 　　equals()判断两个字符串的值是否相等。 　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。 　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。 　 　
  • SpringMVC 登陆拦截器实现登陆控制 xp9802 springMVC
    思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。   实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他