前端了解到框架-网络复习

前端

HTML

超文本标记语言 画页面 各种各样的标签组成页面进行展示 桌面创建文本修改后缀即可

  • <!DOCTYPE html>: 声明文档类型和HTML版本。
  • <html>: 根标签，所有其他标签都包含在内。
  • <head>: 包含了文档的元数据，如字符编码、网页标题、对CSS样式表和JavaScript文件的引用等。
  • <title>: 定义文档的标题，显示在浏览器标签页上。
  • <meta>: 提供有关页面的元信息，如字符集编码、作者、视口设置等。
  • <body>: 包含了可见的网页内容，如文本、图片、链接、列表等。
  • <h1>到<h6>: 标题标签，<h1>是最高级别，用于主标题，<h6>是最低级别。
  • <p>: 段落标签，用于包裹文本内容。
  • <a>: 链接标签，用于创建指向其他页面或页面内部的链接。
  • <img>: 图像标签，用于在页面上显示图片。
  • <ul>, <ol>, <li>: 分别用于无序列表、有序列表和列表项。
  • <table>, <tr>, <td>: 分别用于创建表格、表格行和表格单元格。
  • <div>: 用于组织内容的容器，通常与CSS一起使用来布局页面。
  • <span>: 用于对文本的小块进行分组和应用样式，不会导致文本换行。
  • <form>: 用于创建表单，收集用户输入。
  • <input>: 输入字段，可以是文本框、复选框、单选按钮等。
  • <button>: 按钮标签，用户可以点击执行操作。

CSS

层叠式样式表 修饰HTML页面 但是静态

可以和html文件外联 改变展示的外观

  1. 选择器：选择器用来指定哪些HTML元素应该应用某些样式。例如，h1选择器会选中所有<h1>元素。

  2. 属性和值：样式由属性和值组成。属性指定要改变的样式类型（如color），值指定要使用的样式（如red）。

  3. 如何引入CSS：

    • 内联样式：直接在HTML元素中使用style属性定义样式。
    • 内部样式表：在HTML文档的<head>部分使用<style>标签定义样式。
    • 外部样式表：使用<link>标签引入外部的CSS文件。

  4. 基本样式属性：

    • 颜色：color属性用于文字颜色，background-color用于背景色。
    • 字体：font-family用于定义字体，font-size用于定义字体大小。
    • 边距和填充：margin用于定义元素外部的空间，padding用于定义元素内部的空间。
    • 布局：display属性用于定义元素的显示类型（如块级或内联），position用于定义元素的定位方式。

  5. 层叠和继承：

    • 层叠：当多个样式应用于同一个元素时，CSS会根据特定的规则（如优先级）来决定哪个样式最终会被应用。
    • 继承：某些CSS属性（如文字颜色）可以从父元素继承到子元素。

  6. 盒模型：每个HTML元素都可以看作一个盒子，它包括内容（content）、内边距（padding）、边框（border）和外边距（margin）。

  7. 响应式设计：使用媒体查询（@media规则）可以根据不同的屏幕尺寸应用不同的样式

JS

（JS）是一种轻量级的编程语言，主要用于网页和服务器的开发。它允许你实现复杂的功能，从而在网页上创建动态和交互式的内容。可以跟HTML文件关联 动态效果

  1. 变量：变量用于存储数据值。

  2. 数据类型：包括Number、String、Boolean、Object、Array、null、undefined、Symbol（ES6新增）和BigInt（大整数）。

  3. 控制结构：JavaScript使用条件语句和循环语句（来控制程序。

  4. 函数：用于封装可重复使用的代码块。函数可以接受参数并返回值。

  5. 事件处理：JavaScript能够响应用户操作（如点击、键盘输入等），通过添加事件监听器来处理这些事件。

  6. DOM操作：JavaScript可以通过文档对象模型（DOM）来访问和修改网页内容。DOM提供了丰富的方法和属性，用于操作HTML元素和CSS样式。

  7. 异步编程：JavaScript支持异步编程模式，Promise和async/await是处理异步操作的常用工具。

  8. JSON：JavaScript对象表示法（JSON）是一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。

  9. 模块：ES6引入了模块的概念，允许JavaScript文件导入和导出函数、变量等，有助于组织和维护大型代码库。

Maven

设置好本地仓库和镜像阿里云仓库

下载配置好旗舰版的idea

特点

  1. 依赖管理：自动处理项目依赖，包括库的下载、版本管理和依赖冲突解决。
  2. 项目构建：编译源代码、打包二进制文件（如JAR、WAR）和生成项目文档。
  3. 项目信息管理：通过pom.xml文件管理项目的构建、报告和文档。
  4. 标准化构建过程：提供一套标准化的构建生命周期和插件体系，使得项目构建过程更加一致和可预测。
  5. 项目模板：通过Archetypes提供项目模板，快速开始新项目。
  6. 持续集成：易于与持续集成工具（如Jenkins）集成，自动化构建和测试过程。

操作

主代码放main的java里

源文件放resources里

测试代码放test里

<dependencies>后面引入所需要的包

先在本地仓库找，然后去国内镜像仓库找

框架

重复代码封装，增加便捷性。增加额外功能，是一个半成品。更好用，开发周期更短，但是更多的学习成本。

spring

方便解耦,简化开发；AOP切面编程；声明式事务；整合各种优秀的框架；

基础

创建maven文件

导入spring5.23

<dependencies><dependency><groupId>org.springframework</groupId><artifactId>spring-context</artifactId><version>5.3.23</version></dependency></dependencies>

然后创建一个类

接着在resourses创建xml文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://www.springframework.org/schema/beanshttps://www.springframework.org/schema/beans/spring-beans.xsd"><!-- id:bean的名称   class:类型全限定路径 --><bean id="b" class="pojo.book"></bean></beans>

测试一下

public class test {public static void main(String[] args) {//创建类ApplicationContext  context = new ClassPathXmlApplicationContext("applicationcontext.xml");book bo = (book)context.getBean("b");System.out.println(bo.getName() + "---" + bo.getId());}
}

属性注入

也就是给对象里面的值赋值

1.property 设值注入

会自动去找变量的set定义

<bean id="b" class="pojo.book"><property name="id" value="1"></property><property name="name" value="huangj"></property></bean>

2.constructor-arg 构造注入

这个不调用空构造器，调用有参构造器

<bean id="b2" class="pojo.book"><constructor-arg name="id" value="2"></constructor-arg><constructor-arg name="name" value="spring"></constructor-arg></bean>

3.ref 如果有类套类的话（有自定义数据类型）

使用两个bean

<bean id="boy" class="pojo.boy"><constructor-arg name="age" value="22"></constructor-arg><constructor-arg name="name" value="autumn"></constructor-arg></bean><bean id="girl" class="pojo.girl"><constructor-arg name="age" value="25"></constructor-arg><constructor-arg name="name" value="spring"></constructor-arg><constructor-arg name="boyfriend" ref="boy"></constructor-arg></bean>

spring注解

ioC/DI相关

@Component：
  • 标记一个类为Spring管理的组件。Spring会自动检测并注册该类为bean。
  • 默认名字为首字母小写
  • 在类前面添加即可
  • 自动放到spring容器里面

    • @Autowired：

      • 自动装配bean。可以用于构造函数、字段、setter方法或其他任意方法上。

    • @Qualifier：

      • 与@Autowired一起使用，用于指定注入的具体bean。

    • @Resource：

      • JSR-250注解，类似于@Autowired，但可以通过名称或类型进行注入。

    • @Inject：

      • JSR-330注解，类似于@Autowired，但不支持required属性。

    • @Component：

      • 标记一个类为Spring管理的组件。Spring会自动检测并注册该类为bean。

    • @Service：

      • 特殊的@Component，用于标记服务层的类。

    • @Repository：

      • 特殊的@Component，用于标记数据访问层的类。

    • @Controller：

      • 特殊的@Component，用于标记Spring MVC控制器。

    • @Configuration：

      • 标记一个类为Spring配置类，类似于XML配置文件。

    • @Bean：

      • 用于方法上，定义一个bean。

例子

@Component
public class girl {@Value("18")private int age;@Value("张黎")private  String name;@Autowiredprivate boy boyfriend;

web

区别javaweb
主要用于开发桌面应用程序、命令行工具、后台服务等。主要用于开发基于Web的应用程序，如网站、Web服务和Web应用
主要使用Java语言编写。通常包括前端（HTML、CSS、JavaScript）和后端（Java、Python、PHP等）代码。
通常生成可执行的JAR文件或WAR文件。需要Web服务器（如Tomcat、Jetty）来运行。

idea右上角要添加tomcat服务器，并且把相应的web文件添加进去（maven内部也集成了tomcat）

springboot

快速启动

  • 自动配置：Spring Boot 提供了大量的自动配置，减少了手动配置的工作量。只需添加依赖，Spring Boot 会自动配置相关的组件。
  • 内嵌服务器：Spring Boot 内置了Tomcat、Jetty和Undertow等服务器，开发者无需单独配置和管理服务器。

2. 依赖管理

  • Starter POMs：Spring Boot 提供了一系列的Starter POMs，简化了依赖管理。只需添加一个Starter依赖，就可以引入一组相关的依赖。

3. 生产

  • 管理：Spring Boot 提供了Actuator模块，可以轻松地监控和管理应用程序的健康状况和性能。
  • 配置：支持通过外部配置文件（进行配置，方便在不同环境中部署。

启动

@SpringBootApplication
public class testspringbootapplication {public static void main(String[] args) {SpringApplication.run(testspringbootapplication.class,args);}
}

复习基础

网络原理

让两个主机可以进行通信

通过socket api

一般家用路由器，5个网口，1wan + 4lan，lan是把设备连接到局域网的，wan是连接到上级的。交换机就是拓展路由器的端口。

广域网就是把局域网连接到一起，构成的网络更加庞大。

IP地址

设备在网络上的地址，一般为4个0-255之间的十进制数字，并且使用三个点进行分隔。

端口号

区分一个主机上的不同的应用程序。是一个两个字节的整数，不同程序关联不同的端口号。一个端口号只能被一个程序绑定，但一个程序可以绑定多个端口号。1-1023一般系统有特殊用途，是知名端口号，留给常见服务器程序使用。端口号和ip往往是‘一对’。

协议 

一种约定，约定了双方通信的方式。

协议分层

 osi七层网络模型（只出现在教科书中）  tcp/ip五层网络模型 

 5.应用层（程序员需要关注的一层）

上层协议能够调用下层协议，层层打包，加上分别的报头，到物理层就转换成0 1序列。

 

 

 

 应用层根据端口号交给程序，按照程序员自定义的应用层协议展开。

协议特性

传输层提供的协议主要是tcp和udp

连接的本质是通信双方各自保存对方的意思，tcp想要通信，需要先建立连接，保存对方消息。udp要通信，直接发送数据即可，但是调用socket api要把对方位置传过去。

网络上通信，并不是百分百传达的，tcp可以知道是不是发送成功（内置了可靠传输机制），udp不可以，但是传输效率更高。

tcp以字节为单位，udp按照数据报，有严格格式。

全双工的意思的可以双向通信

网络编程

udp

服务器端口号手动指定，客户端自动分配，服务器掌控在程序员手里，是可控的。客户端不可控，所以分给系统分配更合理。

服务器端
public class server {private DatagramSocket socket = null;public server(int port) throws SocketException{socket = new DatagramSocket(port);//里面有就是手动指定}public void start() throws IOException {System.out.println("服务器启动");while (true){ // 服务器要长期运行// 读取请求并且解析DatagramPacket requestp = new DatagramPacket(new byte[4096], 4096);//搞一个内存保存网卡接收的数据socket.receive(requestp);// 读取数据，填充对象里，如果客户端没请求，就会一直receive// 当前完成receive，数据是二进制的形式，要转成字符串String request = new String(requestp.getData(),0,requestp.getLength());// 这个区间内的字节构造成string// 根据请求计算响应 此处返回请求即可String response = process(request);// 写回客户端 先搞一个响应对象 要指定数据内容和要发给谁DatagramPacket requestq = new DatagramPacket(response.getBytes(),response.getBytes().length,requestp.getSocketAddress());// 前两个参数代表数据是啥 不直接用getlength怕有中文socket.send(requestq);System.out.printf("[%s:%d] rep=%s, resp=%s\n",requestp.getAddress().toString(), requestp.getPort(), request, response);// 打印日志}}public String process(String request){return request;}public static void main(String[] args) throws IOException {// 启动服务器server ser = new server(9090);ser.start();}
}
客户端
public class client {private DatagramSocket socket = null;private String severip = "";private int serverport = 0;public client(String ip, int port) throws SocketException {socket = new DatagramSocket();//自动分配端口// udp自身不会有对端的消息，所以要把对端的消息记录下来// 主要记录了ip和端口severip = ip;serverport = port;}public void start() throws IOException {System.out.println("客户端启动！");Scanner scanner = new Scanner(System.in);while (true){System.out.println("->");String request = scanner.next();// 把请求构造成对象DatagramPacket requestpacket = new DatagramPacket(request.getBytes(),// 指定字节缓冲区 指定inetaddress对象，包含了ip和端口request.getBytes().length, InetAddress.getByName(severip),serverport);socket.send(requestpacket);// 尝试读取服务器反应DatagramPacket responsepacket = new DatagramPacket(new byte[4096],4096);socket.receive(requestpacket);// 这个是读取的反应// 照旧转换字符串String response = new String(responsepacket.getData(),responsepacket.getLength());System.out.println(response);}}public static void main(String[] args) throws IOException {client cli = new client("127.0.0.1",9090);cli.start();}
}

但是现在的服务器，只有局域网能访问，别人访问不了，所以我们就需要云服务器了。

tcp
服务器端
import java.io.*;
import java.net.*;public class TCPServer {private ServerSocket serverSocket;public TCPServer(int port) throws IOException {serverSocket = new ServerSocket(port);}public void start() {System.out.println("服务器启动");while (true) {try {// 等待客户端连接Socket clientSocket = serverSocket.accept();System.out.println("客户端连接：" + clientSocket.getInetAddress() + ":" + clientSocket.getPort());// 处理客户端请求handleClient(clientSocket);} catch (IOException e) {e.printStackTrace();}}}private void handleClient(Socket clientSocket) {try (BufferedReader in = new BufferedReader(new InputStreamReader(clientSocket.getInputStream()));PrintWriter out = new PrintWriter(clientSocket.getOutputStream(), true)) {String request;while ((request = in.readLine()) != null) {System.out.println("收到请求：" + request);String response = process(request);out.println(response);System.out.println("发送响应：" + response);}} catch (IOException e) {e.printStackTrace();} finally {try {clientSocket.close();} catch (IOException e) {e.printStackTrace();}}}public String process(String request) {return request;}public static void main(String[] args) throws IOException {TCPServer server = new TCPServer(9090);server.start();}
}
客户端
import java.io.*;
import java.net.*;
import java.util.Scanner;public class TCPClient {private String serverIp;private int serverPort;public TCPClient(String ip, int port) {serverIp = ip;serverPort = port;}public void start() {System.out.println("客户端启动！");try (Socket socket = new Socket(serverIp, serverPort);BufferedReader in = new BufferedReader(new InputStreamReader(socket.getInputStream()));PrintWriter out = new PrintWriter(socket.getOutputStream(), true);Scanner scanner = new Scanner(System.in)) {while (true) {System.out.print("-> ");String request = scanner.nextLine();out.println(request);String response = in.readLine();System.out.println("服务器响应：" + response);}} catch (IOException e) {e.printStackTrace();}}public static void main(String[] args) {TCPClient client = new TCPClient("127.0.0.1", 9090);client.start();}
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/bicheng/50939.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

58 高级IO

58 高级IO

本章重点 理解五种io模型的基本概念&#xff0c;重点是io的多路转接 掌握select模型&#xff0c;实现select版本的tcp服务器 掌握poll模型&#xff0c;实现poll版本的tcp服务器 掌握epoll模型&#xff0c;实现epoll版本的tcp服务器 理解epoll的LT模型和ET模式 理解select和epo…
阅读更多...
关于数据存储位置的一点知识

关于数据存储位置的一点知识

关于数据存储位置的一点知识
阅读更多...
[算法]插入排序和希尔排序

[算法]插入排序和希尔排序

这里简单的介绍一下插入排序和希尔排序的算法实现&#xff0c;为简单起见&#xff0c;排序为升序且排序的数组是整形数组。 一、插入排序 &#xff08;一&#xff09;、算法思路 把数组里的第一个元素视为有序的&#xff0c;然后取第二个元素与前面的元素作比较&#xff0c;如…
阅读更多...
【秋招笔试题】小Q的树

【秋招笔试题】小Q的树

解析&#xff1a;分析易得走过的路中至多存在一个分叉&#xff0c;则维护每个结点接下来的路的最大值与次大值然后相加即可。 #include <iostream> #include <vector> #include <algorithm> using namespace std; #define int long long const int MAXN 1…
阅读更多...
ESD防护之电容妙用

ESD防护之电容妙用

谈到ESD防护&#xff0c;应用最广泛的是ESD/TVS管&#xff0c;对于正负4KV的pin脚不上电ESD测试&#xff0c;也可以仅仅依靠nf级电容完成ESD防护。下面以一篇实际案例进行说明。 实验要求&#xff1a;正负4KV对产品connector的Pin脚进行ESD测试&#xff0c;connector中的地脚接…
阅读更多...
栈和队列＜数据结构 C版＞

栈和队列＜数据结构 C版＞

目录 栈&#xff08;Stack&#xff09; 栈的结构体 初始化 销毁 入栈 判空 出栈 取栈顶元素 获取栈个数 测试&#xff1a; 队列&#xff08;Queue&#xff09; 队列的结构体 单个结点 队列 初始化 销毁 入队列&#xff0c;队尾 判空 出队列&#xff0c;队头 …
阅读更多...
Spring Cloud微服务项目统一封装数据响应体

Spring Cloud微服务项目统一封装数据响应体

在微服务架构下&#xff0c;处理服务之间的通信和数据一致性是一个重要的挑战。为了提高开发效率、保证数据的一致性及简化前端开发&#xff0c;统一封装数据响应体是一种非常有效的实践。本文博主将介绍如何在 Spring Cloud 微服务项目中统一封装数据响应体&#xff0c;并分享…
阅读更多...
二市在度低开，连续11个交易日低开，后市如何走？

二市在度低开，连续11个交易日低开，后市如何走？

今天的A股&#xff0c;让人愣住了&#xff0c;你知道是为什么吗&#xff1f;盘面上出现2个耐人寻味的重要信号&#xff0c;一起来看看&#xff1a; 1、今天两市再度低开&#xff0c;连续11个交易日低开&#xff0c;让很多人愣住了。别慌&#xff01;汽车、军工板块大涨&#x…
阅读更多...
MYSQL存储引擎InnoDB, MyISAM简介

MYSQL存储引擎InnoDB, MyISAM简介

MYSQL存储引擎 在开始谈到mysql存储引擎之前&#xff0c;我们应该知道或者了解存储引擎是什么&#xff0c;存储引擎是为了解决什么样的问题的。 在mysql中&#xff0c;存储引擎是处理不同表类型SQL操作的MySQL组件&#xff0c;同时MySQL服务器采用可插拔的存储引擎架构&#x…
阅读更多...
XLua 原理分析 三

XLua 原理分析 三

前面已经介绍了Lua与C#的基础通信原理&#xff0c;和Wrap中间文件的作用。有了前面2篇的基础&#xff0c;大概已经能搞清这块的原理。 为了加深对这块的印象&#xff0c;这里开始正式分析Xlua中的Lua和C#的通信。 一、Lua如何调用CS的过程 lua的初始化代码&#xff1a; pri…
阅读更多...
乌班图下的vscode粘贴代码后一直在输入CTRLV命令

乌班图下的vscode粘贴代码后一直在输入CTRLV命令

最近在VMware中使用vscode开发c程序中&#xff0c;拷贝一段代码后&#xff0c;代码界面一直输入CTRLV命令&#xff0c;导致乌班图桌面死掉&#xff0c;无法操作、 解决方法&#xff1a; 1、强制重启。长按电源按钮强制关机&#xff0c;然后再次开机。 2、使用命令行界面。同时…
阅读更多...
1.ESP32-CAM 下使用 ESP-IDF 打开摄像头

1.ESP32-CAM 下使用 ESP-IDF 打开摄像头

主要资料&#xff1a; 乐鑫官方编程指南 ESP-IDF 编程指南安信可官方模块页 安信可-ESP32-CAM摄像头开发板官方使用教程 安信可ESP32-CAM摄像头开发demo–局域网拍照、实时视频、人脸识别 &#xff08;开发环境是Linux&#xff09; 本文目标是在 Windows 下跑通摄像头 hello …
阅读更多...
快手电商Android一面凉经(2024)

快手电商Android一面凉经(2024)

快手电商Android一面凉经(2024) 笔者作为一名双非二本毕业7年老Android, 最近面试了不少公司, 目前已告一段落, 整理一下各家的面试问题, 打算陆续发布出来, 供有缘人参考。今天给大家带来的是《快手电商Android一面凉经(2024)》。 面试职位: Android工程师 技术一面 面试形式…
阅读更多...
python count返回什么

python count返回什么

描述 count() 方法用于统计字符串中某个子字符串出现的次数&#xff0c;可选参数为开始搜索与结束搜索的位置索引。 语法 count() 方法语法&#xff1a; S.count(sub[,start0[,endlen(S)]]) 参数 sub -- 搜索的子字符串。 S -- 父字符串。 start -- 可选参数&#xff0c;…
阅读更多...
【数据结构】哈希表的模拟实现

【数据结构】哈希表的模拟实现

文章目录 1. 哈希的概念2. 哈希表与哈希函数2.1 哈希冲突2.2 哈希函数2.3 哈希冲突的解决2.3.1 闭散列&#xff08;线性探测&#xff09;2.3.2 闭散列的实现2.3.3 开散列(哈希桶)2.3.4 开散列的实现 2.4 开散列与闭散列比较 1. 哈希的概念 在我们之前所接触到的所有的数据结构…
阅读更多...
FastAPI（八十一）实战开发《在线课程学习系统》接口开发-- 推荐课程列表与课程点赞

FastAPI（八十一）实战开发《在线课程学习系统》接口开发-- 推荐课程列表与课程点赞

源码见&#xff1a;"fastapi_study_road-learning_system_online_courses: fastapi框架实战之--在线课程学习系统" 推荐课程列表 逻辑很简单 点赞数 > 500 那么符合要求的课程是&#xff1a; def get_like_course(db: Session):"""获取推荐课程…
阅读更多...
一番赏小程序搭建，线上一番赏市场

一番赏小程序搭建，线上一番赏市场

一番赏作为一个经久不衰的潮流市场&#xff0c;一直流行于消费者市场中。一番赏商品拥有不同系列&#xff0c;涵盖了热门动漫、漫画、影视等主题&#xff0c;商品包含了手办等周边商品&#xff0c;具有非常大的收藏价值。相比于其他潮玩模式&#xff0c;一番赏的性价比更高&…
阅读更多...
Kylin 入门教程

Kylin 入门教程

Apache Kylin 是一个开源的分布式数据仓库和 OLAP（在线分析处理）引擎，旨在提供亚秒级查询响应时间，即使在处理超大规模数据集时也是如此。Kylin 可以有效地将原始数据预计算为多维数据立方体（Cube），并利用这些预计算结果来提供快速查询。本文将带你从基础知识到操作实践…
阅读更多...
GC（垃圾收集）简析：为什么Java需要它？

GC（垃圾收集）简析：为什么Java需要它？

GC&#xff08;垃圾收集&#xff09;简析&#xff1a;为什么Java需要它&#xff1f; 1、什么是GC&#xff1f;2、为什么Java需要GC&#xff1f;3、总结 &#x1f496;The Begin&#x1f496;点点关注&#xff0c;收藏不迷路&#x1f496; 1、什么是GC&#xff1f; GC&#xff…
阅读更多...
黄果树瀑布

黄果树瀑布

早上我们按计划6点吃饭&#xff0c;可是酒店没水了&#xff0c;等我们吃完饭已经近七点 &#xff0c;到景区已经7点多了。景区入口的人特别多&#xff0c;验过包裹&#xff0c;只刷脸就进去了。排队坐大巴&#xff0c;向左是陡坡塘和七星桥。 第一站陡坡塘&#xff0c;服务中心…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023