改造在线竞拍六

已于 2024-04-26 17:00:34 修改
阅读量239 收藏 1
点赞数
分类专栏： Angular在线竞拍 文章标签： 网络 前端
于 2019-01-04 08:51:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44174685/article/details/85754832
版权

改造在线竞拍六
auction_server.ts

/**
 * Created by Administrator on 2019/1/4/004.
 */
import * as express from 'express'
import {Server} from "ws";
/*app :声明服务器端提供的http服务的*/
const app = express();
export class Product {
    constructor(
        public id: number,
        public title: string,
        public price: number,
        public rating: number,
        public desc: string,
        public categories: Array<string>
    ) {
    }
}
export class Comment {
    constructor(
        public id: number,
        public productId: number,
        public timestamp: string,
        public user: string,
        public rating: number,
        public content: string
    ) {
    }
}
const products: Product[] = [
    new Product(1, '第一个商品', 1.99, 2.5, '这是第一个商品', ['电子产品', '硬件设备']),
    new Product(2, '第二个商品', 2.99, 3.5, '这是第二个商品', ['图书']),
    new Product(3, '第三个商品', 3.99, 4.5, '这是第三个商品', ['硬件设备']),
    new Product(4, '第四个商品', 4.99, 3.5, '这是第四个商品', ['电子产品', '硬件设备']),
    new Product(5, '第五个商品', 5.99, 2.5, '这是第五个商品', ['电子产品']),
    new Product(6, '第六个商品', 6.99, 3.5, '这是第六个商品', ['图书'])
];
const comments: Comment[] = [
    new Comment(1, 1, '2017-02-02 22:22:22', '张三', 3, '东西不错'),
    new Comment(2, 1, '2017-03-02 22:22:22', '李四', 4, '东西挺不错'),
    new Comment(3, 1, '2017-04-02 22:22:22', '王五', 2, '东西还行'),
    new Comment(4, 2, '2017-04-02 22:22:22', '赵六', 3, '东西挺好'),
    new Comment(5, 2, '2017-05-02 22:22:22', '孙七', 2, '东西一般'),
];
app.get('/',(req, res) => {
   res.send("Hello Express!")
});
app.get('/api/products',(req, res) => {
    res.json(products)
});
app.get('/api/product/:id',(req, res) => {
    res.json(products.find((product) => product.id == req.params.id))
});
app.get('/api/product/:id/comments',(req,res) => {
    res.json(comments.filter((comment: Comment) => comment.productId == req.params.id))
});
const server = app.listen(8000,"localhost",() => {
    console.log("服务器已经启动，地址是：http://localhost:8000");
});
const wsServer = new Server({port:8085});
wsServer.on("connection",websocket => {
    websocket.send("这个消息是服务器主动推送的");
    websocket.on("message",message => {
        console.log("接收到消息："+message);
    })
});
/*定时推送*/
setInterval(() => {
    if(wsServer.clients){
        wsServer.clients.forEach(client => {
            client.send("这是定时推送");
        })
    }
},2000);


在这里插入图片描述
product.service.ts

import { Injectable } from '@angular/core';
import {HttpClient} from '@angular/common/http';
import {Observable} from 'rxjs';
@Injectable({
  providedIn: 'root'
})
export class ProductService {
  /*  初始化服务数据*/
  constructor(private http: HttpClient) { }
  getProducts(): Observable<any> {
    /*return this.products;*/
    return this.http.get('/api/products');
  }
  getProduct(id: number): Observable<any> {
    /*return this.products.find((product) => product.id == id );*/
    return this.http.get('/api/product/' + id);
  }
  getCommentsForProductId(id: number): Observable<any> {
    /*return this.comments.filter((comment: Comment) => comment.productId == id);*/
    return this.http.get('/api/product/' + id + '/comments');
  }
  getAllCategories(): string[] {
    return ['电子产品', '硬件设备', '图书'];
  }
}
export class Product {
  constructor(
    public id: number,
    public title: string,
    public price: number,
    public rating: number,
    public desc: string,
    public categories: Array<string>
  ) {
  }
}
export class Comment {
  constructor(
    public id: number,
    public productId: number,
    public timestamp: string,
    public user: string,
    public rating: number,
    public content: string
  ) {
  }
}

在这里插入图片描述
product.component.ts

在这里插入图片描述
product.component.html

在这里插入图片描述
product-detail.component.ts

import {Component, OnInit} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {Comment, Product, ProductService} from '../shared/product.service';

@Component({
  selector: 'app-product-detail',
  templateUrl: './product-detail.component.html',
  styleUrls: ['./product-detail.component.css']
})
export class ProductDetailComponent implements OnInit {
  product: Product;
  comments: Comment[];
  /* 星级评论*/
  newRating = 5;
  newComment = '默认好评';
  isCommentHidden = true;
  constructor(private  routeInfo: ActivatedRoute,
              private  productService: ProductService) { }
  ngOnInit() {
    const productId: number = this.routeInfo.snapshot.params['productId'];
    /*http服务：异步服务，服务器数据也许未返回，属性可能undefined
    * 解决：模板加 ?
    * */
    /*3.调用方法获得商品*/
     /* this.product = this.productService.getProduct(productId);*/
     /*模板多处使用product，此处手动订阅*/
     this.productService.getProduct(productId).subscribe(
       product => this.product = product
     );
    /*4.调用方法获取评论*/
    /*使用数组的方法comments，此处手动订阅*/
    this.productService.getCommentsForProductId(productId).subscribe(
      comments => this.comments = comments
    );
  }
  ...
}

在这里插入图片描述
product-detail.component.html

<div class="thumbnail">
  <img src="http://placehold.it/820x230"/>
  <div>
    <h4 class="pull-right">{{product?.price}}元</h4>
    <h4>{{product?.title}}</h4>
    <h4>{{product?.desc}}</h4>
  </div>
  <div>
    <p class="pull-right">{{comments?.length}}</p>
    <p>
      <app-stars [rating]="product?.rating"></app-stars>
    </p>
  </div>
</div>
<div class="well">
  <div>
    <button class="btn btn-success" (click)="isCommentHidden = !isCommentHidden">发表评论</button>
  </div>
  <!--星级评论-->
  <div [hidden]="isCommentHidden">
    <div>
    <app-stars [(rating)]="newRating" [readonly]="false"></app-stars>
    </div>
    <div>
      <textarea [(ngModel)]="newComment"></textarea>
    </div>
    <div>
      <button class="btn" (click)="addComment()">提交</button>
    </div>
  </div>
  <div class="row" *ngFor="let comment of comments">
    <hr>
    <div class="col-md-12">
      <app-stars [rating]="comment.rating"></app-stars>
      <span>{{comment.user}}</span>
      <span class="pull-right">{{comment.timestamp}}</span>
      <p></p>
      <p>{{comment.content}}</p>
    </div>
  </div>
</div>

在这里插入图片描述

效果图

在这里插入图片描述
在这里插入图片描述

商品搜索功能

服务器端：

...
app.get('/api/products',(req,res) => {
    let result = products;
    let params = req.query;
    if(JSON.stringify(params)!="{}"){
        if(params.title) {
            result = result.filter((p) => p.title.indexOf(params.title) != -1);
        }
        if(params.price && result.length>0) {
            result = result.filter((p) => p.price <= parseInt(params.price));
        }
        if(params.category !== "-1" && result.length>0) {
            console.log("3");
            result =  result.filter((p) => p.categories.indexOf(params.category) != -1);
        }
    }
    res.json(result);
});
...

在这里插入图片描述
客户端：
app.module.ts

import {HttpClientModule} from '@angular/common/http';
...
imports: [
    ...
    HttpClientModule
  ],
  ...

在这里插入图片描述

search.component.ts

import { Component, OnInit } from '@angular/core';
import {FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';
import {ProductService} from '../shared/product.service';

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

  /*建数据模型*/
  formModel: FormGroup;
  categories: string[];
  constructor(private productService: ProductService, fb: FormBuilder) {
    fb = new FormBuilder();
    this.formModel = fb.group({
      title: ['', Validators.minLength(3)],
      price: [null, this.positiveNumberValidator],
      category: ['-1']
    });
  }

  ngOnInit() {
    this.categories = this.productService.getAllCategories();
  }
  /*正数校验器---》商品价格搜索框*/
  positiveNumberValidator(control: FormControl): any {
    if (!control.value) {
      return null;
    }
    const price = parseInt (control.value, 10);
    if (price > 0) {
      return null;
    } else {
      return { positiveNumber: true};
    }
  }
  onSearch() {
    if (this.formModel.valid) {
      console.log(this.formModel.value);
      this.productService.searchEvent.emit(this.formModel.value);
    }
  }
}

在这里插入图片描述

product.service.ts

import { Component, OnInit } from '@angular/core';
import {Product, ProductService} from '../shared/product.service';
import {Observable} from 'rxjs/index';
@Component({
  selector: 'app-product',
  templateUrl: './product.component.html',
  styleUrls: ['./product.component.css']
})
export class ProductComponent implements OnInit {
  /*搜索商品*/
  /*关键字*/
  /*private keyword: string;
  private titleFilter: FormControl = new FormControl();*/
  private products: Observable<Product[]>;
  private imgUrl = 'http://placehold.it/320x150';
  /*注入服务*/
  constructor(private productService: ProductService) {
    /*this.titleFilter.valueChanges
      .subscribe(
        value => this.keyword = value
      );*/
  }
  /*调用方法获得商品*/
  ngOnInit() {
    this.products = this.productService.getProducts();
    /*订阅流，事件发送到流*/
    this.productService.searchEvent.subscribe(
      params => this.products = this.productService.search(params)
    );
  }
}

在这里插入图片描述
product.service.ts

import {EventEmitter, Injectable} from '@angular/core';
import {HttpClient, HttpParams} from '@angular/common/http';
import {Observable} from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class ProductService {
  /*EventEmitter：既可以作为事件订阅者，也可以作为事件发送者*//*搜索事件的流*/
  searchEvent: EventEmitter<ProductSearchParams> = new EventEmitter();
  /* 初始化服务数据*/
  constructor(private http: HttpClient) { }
  getProducts(): Observable<any> {/*return this.products;*/
    return this.http.get('/api/products');
  }
  getProduct(id: number): Observable<any> {/*return this.products.find((product) => product.id == id );*/
    return this.http.get('/api/product/' + id);
  }
  getCommentsForProductId(id: number): Observable<any> {/*return this.comments.filter((comment: Comment) => comment.productId == id);*/
    return this.http.get('/api/product/' + id + '/comments');
  }
  getAllCategories(): string[] {
    return ['电子产品', '硬件设备', '图书'];
  }
  search(params: ProductSearchParams): Observable<any> {
    return this.http.get('/api/products', {params: this.encodeParams(params)});
  }
  private encodeParams(params: ProductSearchParams) {
    return Object.keys(params)
      .filter(key => params[key])
      .reduce((sum: HttpParams, key: string) => {
        sum = sum.append(key, params[key]);
        return sum;
      }, new HttpParams());
  }
}
export class ProductSearchParams {
  constructor(
    public title: string,
    public price: number,
    public category: string
  ) {
  }
}
export class Product {
  constructor(
    public id: number,
    public title: string,
    public price: number,
    public rating: number,
    public desc: string,
    public categories: Array<string>
  ) {
  }
}
export class Comment {
  constructor(
    public id: number,
    public productId: number,
    public timestamp: string,
    public user: string,
    public rating: number,
    public content: string
  ) {
  }
}

在这里插入图片描述

效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

商品关注功能

在这里插入图片描述

点击关注按钮->创建连接

product-detail.component.html

<!--商品关注-->
<div class="thumbnail">
  <button class="btn btn-default btn-lg"
    [class.active] = "isWatched"
    (click)="watchProduct()">
    {{isWatched?'取消关注':'关注'}}
  </button>
  <label>最新出价：{{currentBid}}元</label>
</div>

在这里插入图片描述
web-socket.service.ts

import { Injectable } from '@angular/core';
import {Observable} from 'rxjs/index';
@Injectable({
  providedIn: 'root'
})
export class WebSocketService {

  ws: WebSocket;
  constructor() { }
  createObservableSocket(url: string, id: number): Observable<any> {
    this.ws = new WebSocket(url);
    return new Observable(
      observable => {
        this.ws.onmessage = (event) => observable.next(event.data);
        this.ws.onerror = (event) => observable.error(event);
        this.ws.onclose = (event) => observable.complete();
        this.ws.onopen = (event) => this.sendMessage({productId: id});
      }
    );
  }
  sendMessage(message: any) {
    this.ws.send(JSON.stringify(message));
  }
}

在这里插入图片描述
app.module.ts

import {WebSocketService} from './shared/web-socket.service';
...
providers: [ProductService, WebSocketService],
...

在这里插入图片描述
product-detail.component.ts

import {Component, OnInit} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {Comment, Product, ProductService} from '../shared/product.service';
import {WebSocketService} from "../shared/web-socket.service";

@Component({
  selector: 'app-product-detail',
  templateUrl: './product-detail.component.html',
  styleUrls: ['./product-detail.component.css']
})
export class ProductDetailComponent implements OnInit {
  product: Product;
  comments: Comment[];
  newRating = 5;
  newComment = '默认好评';
  isCommentHidden = true;
  /* 商品关注*/
  isWatched = false;
  currentBid: number;
  constructor(private  routeInfo: ActivatedRoute,
              private  productService: ProductService,
              private  wsService: WebSocketService) { }
  ngOnInit() {
    const productId: number = this.routeInfo.snapshot.params['productId'];
     this.productService.getProduct(productId).subscribe(
       product => {
         this.product = product;
         this.currentBid = product.price;
       }
     );
    this.productService.getCommentsForProductId(productId).subscribe(
      comments => this.comments = comments
    );
  }
  addComment () {
    const comment = new Comment(0, this.product.id, new Date().toISOString(), 'someone', this.newRating, this.newComment);
    this.comments.unshift(comment);
    const sum = this.comments.reduce((sum, comment) => sum + comment.rating, 0);
    this.product.rating = sum / this.comments.length;
    this.newComment = '默认好评';
    this.newRating = 5;
    this.isCommentHidden = true;
  }
  /* 商品关注*/
  watchProduct () {
    this.isWatched = !this.isWatched;
    /*给一个服务器地址,createObservableSocket返回可观测的流，
    客户端订阅流接收服务端发送的消息*/
    this.wsService.createObservableSocket('ws://localhost:8085',this.product.id)
      .subscribe();
  }
}

在这里插入图片描述

将productId放入集合,生成新的商品出价,定时推送给客户端

look this :https://ask.csdn.net/questions/696871

服务器端

...
/*将productId放入一个集合*/
/*subscription：客户端，关注商品*/
const subscription = new Map<any, number[]>();
const wsServer = new Server({port:8085});
wsServer.on("connection",websocket => {
    /*websocket.send("这个消息是服务器主动推送的");*/
    websocket.on("message",message => {
        console.log("接收到消息："+message);
        /*接收到的消息转换，字符串-->javascript对象*/
        let messageObj = JSON.parse(<string>message);
        let productIds = subscription.get(websocket) || [];
        subscription.set(websocket, [...productIds, messageObj.productId]);
    })
});
/**/
const currentBids = new Map<number, number>();
/*定时推送给客户端*/
setInterval(() => {
    /*生成新的商品出价*/
    products.forEach(p => {
        let currentBid = currentBids.get(p.id) || p.price;
        let newBid = currentBid + Math.random()*5;
        currentBids.set(p.id, newBid);
    })
    /*循环客户端，推送感兴趣商品价格*/
    subscription.forEach((productIds: number[], ws) => {
        if(ws.readyState === 1){
            let newBids = productIds.map( pid => ({
                productId: pid,
                bid: currentBids.get(pid)
            }));
            ws.send(JSON.stringify(newBids));
        }else{/*客户端断开连接*/
            subscription.delete(ws);
        }
    });
},2000);

在这里插入图片描述
客户端

product-detail.component.ts

...
watchProduct () {
    this.isWatched = !this.isWatched;
    /*给一个服务器地址,createObservableSocket返回可观测的流，
    客户端订阅流接收服务端发送的消息*/
    this.wsService.createObservableSocket('ws://localhost:8085', this.product.id)
      .subscribe(
        products => {
          const product = products.find( p => p.productId = this.product.id);
          this.currentBid = product.bid;
        }
      );
  }
...

在这里插入图片描述
web-socket.service.ts

import {map} from 'rxjs/internal/operators';
...
createObservableSocket(url: string, id: number): Observable<any> {
    this.ws = new WebSocket(url);
    return new Observable<string>(
      observable => {
        this.ws.onmessage = (event) => observable.next(event.data);
        this.ws.onerror = (event) => observable.error(event);
        this.ws.onclose = (event) => observable.complete();
        this.ws.onopen = (event) => this.sendMessage({productId: id});
      }
    ).pipe(map(message => JSON.parse(<string>message)));
  }
...

在这里插入图片描述

效果图

在这里插入图片描述
在这里插入图片描述

商品取消关注功能

客户端

product-detail.component.ts

...
/* 当前订阅的流：返回的值*/
  subscription: Subscription;
...
watchProduct () {
    if (this.subscription) {
      this.subscription.unsubscribe();
      this.isWatched = false;
      this.subscription = null;
    } else {
      this.isWatched = true;
      this.subscription = this.wsService.createObservableSocket('ws://localhost:8085', this.product.id)
        .subscribe(
          products => {
            const product = products.find( p => p.productId = this.product.id);
            this.currentBid = product.bid;
          }
        );
    }
  }
...

在这里插入图片描述

效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

 嘘 
关注
专栏目录
中国城中村改造建设前景规划及投融资模式分析报告2022年版
Q_1106715599的博客
01-12 1772
中国城中村改造建设前景规划及投融资模式分析报告2022年版 + 【报告目录】: 正文目录 2 图表目录 18 第1章：城中村改造建设发展综述 21 1.1 城中村改造的定义 21 1.1.1 城中村的定义 21 （1）城中村的定义和特征 21 （2）城中村产生的原因 21 （3）城中村的社会功能 22 1.1.2 城中村改造的定义 23 （1）城中村改造的定义 23 （2）城中村改造的目标 24 1）综合发展 24 2）社会目标...
城市更新：城市进化必由之路、湾区房企必争之地（2021）（20页）.pdf
02-18
与公开竞拍相比，城市更新项目往往能以较低的成本获取土地，从而提高房企的盈利能力。 房企在湾区城市更新中主要参与的部分改造和全面重建项目，如“工改工”、“工改商”以及“旧村庄”和“旧城镇”的全面改造。旧...
第一章 - 理解 RxJS 与 常见操作符
saber_H的博客
04-04 246
1.Rx 的关键是要把任何变化想象成事件流，也叫数据流 2.Rx 加入了时间指向，将任何变化看成时间轴的流动 3.Rx 是一个特殊的观察者 4.Rx 会主动将数据推给你，并不像传统数据，你要去拉取。Rx 当中，你只要监听订阅就可以了 map 释义： 1.map 在 js 和 lodash 中，是对(Array | Object) 进行遍历，并返回每个元素处理后的结果 2.map 在...
Angular4-在线竞拍应用-数据绑定
杨钊
10-31 1010
使用插值表达式将一个表达式的值显示在模板上<h1>{{productTitle}}</h1>使用方括号将HTML标签的一个属性绑定到一个表达式上<img [src]="imgUrl">使用小括号将组件控制器的一个方法绑定为模板上一个事件的处理器<button (click)="toProductDetail()">商品详情</button>默认的绑定是单向的事件绑定如果处理事件的方法需要了解事件的属
jiongjiong.com.cn域名600元被我竞拍到了，嘿嘿
每一天都有新的希望
06-14 1428
jiongjiong.com.cn域名600元被我竞拍到了，嘿嘿
【Angular 4.0】在线竞拍网站开发
qq_42822413的博客
07-28 499
【Angular 4.0】在线竞拍网站开发   下载地址；百度网盘
改造在线竞拍三
weixin_44174685的博客
12-27 298
Angular在线竞拍三
改造在线竞拍二
weixin_44174685的博客
12-25 227
Angular在线竞拍二
改造在线竞拍五
weixin_44174685的博客
01-03 212
Angular在线竞拍五
客运经营权有偿使用实施方案.docx
01-20
6. **竞拍前准备**：出租车管理办公室制定实施细则，制作相关表格、牌证等。 ##### （二）实施阶段 1. **资格审查**：对参与竞拍的车辆和人员进行资格审查，确保符合规定。 2. **确定拍卖底价**：根据实际情况确定...
汉阳大道140号地块土地价值分析及市场前景研究.docx
12-04
6. 决策依据: - 在考虑以上因素后，企业需综合评估地块的土地成本、开发潜力、市场需求以及政策风险，以决定是否参与竞拍。 综上所述，这份研究提供了对汉阳大道140号地块的全面分析，涵盖了政策环境、市场动态、...
宅地集中供应，新房“内卷”好像更厉害了？.pdf
06-05
集中供应的地块包括用于城中村改造、征收安置、租赁住房以及普通住房等多种用途。宅地集中供应的实施，意味着政府希望在保持房地产市场稳定性的同时，增加土地供应，以期影响到未来房价的走势。 2. 限价竞价规则 ...
【Angular】Angular从入门到实战视频教程第一章
Yolanda94
05-20 640
【背景】 最近恶补前端基础知识，记录一下~ 【内容】
计算机网络的数据链路层
2301_81152393的博客
10-30 278
数据链路层的主要功能是在物理层提供的服务的基础上向网络层提供服务，其最基本的服务是将源自网络层来的数据可靠地传输到相邻节点的目标机网络层。数据链路层在现代计算机网络中扮演着重要角色，它确保了网络层以下的数据有效、可靠地在相邻节点之间传输。随着技术的发展，数据链路层也在不断演进，以支持更高速率、更低延迟和更强安全性的网络通信需求。数据链路层使用不同的方法将网络层的数据分组封装成帧，包括字符计数法、字符填充法、零比特填充法和违规编码法等。1.流量控制：控制发送方的数据发送速率，以匹配接收方的处理能力。
如何使用SOCKS5代理提升匿名性
dailiip1的博客
10-30 765
SOCKS5代理作为一种高效的网络匿名技术，能够为使用者提供多样化的应用场景和显著的隐私保护优势。透过正确配置和合理使用SOCKS5代理，使用者可以有效提升线上安全性，规避潜在的网络监控和攻击风险，享受更安全和自由的网络体验。未来随着网络安全需求的不断增长，SOCKS5代理技术的应用和发展将更加广泛和深入，为用户创造更安全可靠的网络环境。
tcp shutdown, fin_wait1, fin_wait2, close_wait, last_ack, 谢特！
最新发布
Netfilter
10-31 702
状态很奇怪，人们很难接受一个连接在非 ESTABLISHED 状态下正常传输数据，这会引来一堆咨询，但根据 TCP 状态机，这又是合理的，client 单向关闭了发送，FIN 就过去了，server 回复了 FIN，进入 CLOSE_WAIT，client 收到回复进入 FIN_WAIT_2，而 server 在 CLOSE_WAIT 下发数据，client 在 FIN_WAIT_2 下是完全合理的。但如果应用程序希望如此呢？TCP 的 RFC793 并未规定状态超时时间，为完整闭环这是合理的。
第三章 I O 输入输出简介 - Use 命令
yaoxin521123的博客
10-28 280
此命令使指定设备成为当前设备，并将特殊变量$IO设置为该设备。要使用主设备以外的设备，必须首先对其发出OPEN命令；否则，将收到错误。参数的含义与OPEN命令中的相同。
嵌入式系统中的网络链接如何实现远程监控和控制
teach2004的博客
10-31 147
随着物联网（IoT）的快速发展，嵌入式系统在各类设备中的应用日益普及。通过网络连接，嵌入式系统能够实现远程监控和控制，为用户带来极大的便利和灵活性。嵌入式系统通过网络链接实现远程监控和控制，极大地提升了设备的智能化和便利性。随着技术的不断进步，未来的嵌入式系统将在各个领域发挥更大的作用。· 数据采集：嵌入式系统定期收集传感器数据，并通过网络将数据发送到服务器。· 工业自动化：工厂通过远程监控设备的状态，实现生产过程的优化和故障预警。· 数据存储：服务器将接收到的数据存储在数据库中，方便后续分析和处理。
nginx 根路径同时代理 http ws sse 三种请求
DHclly的博客
10-28 390
HTTP（HyperText Transfer Protocol）：超文本传输协议，是用于在客户端（通常是web浏览器）和服务器之间传输数据的协议。HTTP是Web的基础，用于请求和传输网页、图像、视频等资源。它采用请求-响应模型，支持多种方法（如GET、POST等），并可通过HTTP/1.1和HTTP/2等版本进行优化，以提高性能和用户体验。WebSocket：WebSocket是一种在单个TCP连接上进行全双工通信的协议。它允许客户端和服务器之间实现实时双向数据传输。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值