前端相识到框架-网络复习

曹旭辉  金牌会员 | 2024-8-2 02:12:57 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 954|帖子 954|积分 2862

前端

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文件外联 改变展示的外貌

  • 选择器：选择器用来指定哪些HTML元素应该应用某些样式。比方，h1选择器会选中所有<h1>元素。
  • 属性和值：样式由属性和值构成。属性指定要改变的样式类型（如color），值指定要使用的样式（如red）。
  • 怎样引入CSS：

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

  • 根本样式属性：

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

  • 层叠和继承：

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

  • 盒模子：每个HTML元素都可以看作一个盒子，它包括内容（content）、内边距（padding）、边框（border）和外边距（margin）。
  • 响应式设计：使用媒体查询（@media规则）可以根据差别的屏幕尺寸应用差别的样式
JS

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

  • 变量：变量用于存储数据值。
  • 数据类型：包括Number、String、Boolean、Object、Array、null、undefined、Symbol（ES6新增）和BigInt（大整数）。
  • 控制布局：JavaScript使用条件语句和循环语句（来控制程序。
  • 函数：用于封装可重复使用的代码块。函数可以继承参数并返回值。
  • 事件处理：JavaScript能够响应用户操纵（如点击、键盘输入等），通过添加事件监听器来处理这些事件。
  • DOM操纵：JavaScript可以通过文档对象模子（DOM）来访问和修改网页内容。DOM提供了丰富的方法和属性，用于操纵HTML元素和CSS样式。
  • 异步编程：JavaScript支持异步编程模式，Promise和async/await是处理异步操纵的常用工具。
  • JSON：JavaScript对象表现法（JSON）是一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。
  • 模块：ES6引入了模块的概念，允许JavaScript文件导入和导出函数、变量等，有助于组织和维护大型代码库。
Maven

设置好本地仓库和镜像阿里云仓库
下载配置好旗舰版的idea
特点


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


主代码放main的java里
源文件放resources里
测试代码放test里

  1. <dependencies>后面引入所需要的包
复制代码
先在本地仓库找，然后去国内镜像仓库找
框架

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

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

创建maven文件
导入spring5.23
  1. <dependencies>
  2.         <dependency>
  3.             <groupId>org.springframework</groupId>
  4.             <artifactId>spring-context</artifactId>
  5.             <version>5.3.23</version>
  6.         </dependency>
  7.     </dependencies>
复制代码
然后创建一个类
接着在resourses创建xml文件
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <beans xmlns="http://www.springframework.org/schema/beans"
  3.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4.        xsi:schemaLocation="http://www.springframework.org/schema/beans
  5.        https://www.springframework.org/schema/beans/spring-beans.xsd">
  7.     <!-- id:bean的名称   class:类型全限定路径 -->
  8.     <bean id="b" class="pojo.book"></bean>
  10. </beans>
复制代码
测试一下
  1. public class test {
  2.     public static void main(String[] args) {
  3.         //创建类
  4.         ApplicationContext  context = new ClassPathXmlApplicationContext("applicationcontext.xml");
  5.         book bo = (book)context.getBean("b");
  6.         System.out.println(bo.getName() + "---" + bo.getId());
  7.     }
  8. }
复制代码
属性注入

也就是给对象里面的值赋值
1.property 设值注入
会自动去找变量的set定义
  1. <bean id="b" class="pojo.book">
  2.         <property name="id" value="1"></property>
  3.         <property name="name" value="huangj"></property>
  4.     </bean>
复制代码
2.constructor-arg 构造注入
这个不调用空构造器，调用有参构造器
  1. <bean id="b2" class="pojo.book">
  2.         <constructor-arg name="id" value="2"></constructor-arg>
  3.         <constructor-arg name="name" value="spring"></constructor-arg>
  4.     </bean>
复制代码
3.ref 假如有类套类的话（有自定义数据类型）
使用两个bean
  1. <bean id="boy" class="pojo.boy">
  2.         <constructor-arg name="age" value="22"></constructor-arg>
  3.         <constructor-arg name="name" value="autumn"></constructor-arg>
  4.     </bean>
  5.     <bean id="girl" class="pojo.girl">
  6.         <constructor-arg name="age" value="25"></constructor-arg>
  7.         <constructor-arg name="name" value="spring"></constructor-arg>
  8.         <constructor-arg name="boyfriend" ref="boy"></constructor-arg>
  9.     </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。



例子

  1. @Component
  2. public class girl {
  3.     @Value("18")
  4.     private int age;
  5.     @Value("张黎")
  6.     private  String name;
  7.     @Autowired
  8.     private 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模块，可以轻松地监控和管理应用程序的康健状况和性能。
  • 配置：支持通过外部配置文件（进行配置，方便在差别环境中部署。
启动
  1. @SpringBootApplication
  2. public class testspringbootapplication {
  3.     public static void main(String[] args) {
  4.         SpringApplication.run(testspringbootapplication.class,args);
  5.     }
  6. }
复制代码
复习基础

网络原理

让两个主机可以进行通信
通过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

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

  1. public class server {
  2.     private DatagramSocket socket = null;
  3.     public server(int port) throws SocketException{
  4.         socket = new DatagramSocket(port);//里面有就是手动指定
  5.     }
  7.     public void start() throws IOException {
  8.         System.out.println("服务器启动");
  9.         while (true){ // 服务器要长期运行
  10.             // 读取请求并且解析
  11.             DatagramPacket requestp = new DatagramPacket(new byte[4096], 4096);//搞一个内存保存网卡接收的数据
  12.             socket.receive(requestp);// 读取数据，填充对象里，如果客户端没请求，就会一直receive
  13.             // 当前完成receive，数据是二进制的形式，要转成字符串
  14.             String request = new String(requestp.getData(),0,requestp.getLength());// 这个区间内的字节构造成string
  15.             // 根据请求计算响应 此处返回请求即可
  16.             String response = process(request);
  17.             // 写回客户端 先搞一个响应对象 要指定数据内容和要发给谁
  18.             DatagramPacket requestq = new DatagramPacket(response.getBytes(),
  19.                     response.getBytes().length,requestp.getSocketAddress());// 前两个参数代表数据是啥 不直接用getlength怕有中文
  20.             socket.send(requestq);
  21.             System.out.printf("[%s:%d] rep=%s, resp=%s\n",requestp.getAddress().toString(), requestp.getPort(), request, response);// 打印日志
  23.         }
  24.     }
  25.     public String process(String request){
  26.         return request;
  27.     }
  29.     public static void main(String[] args) throws IOException {// 启动服务器
  30.         server ser = new server(9090);
  31.         ser.start();
  32.     }
  33. }
复制代码
客户端

  1. public class client {
  2.     private DatagramSocket socket = null;
  3.     private String severip = "";
  4.     private int serverport = 0;
  5.     public client(String ip, int port) throws SocketException {
  6.         socket = new DatagramSocket();//自动分配端口
  7.         // udp自身不会有对端的消息，所以要把对端的消息记录下来
  8.         // 主要记录了ip和端口
  9.         severip = ip;
  10.         serverport = port;
  12.     }
  14.     public void start() throws IOException {
  15.         System.out.println("客户端启动！");
  16.         Scanner scanner = new Scanner(System.in);
  17.         while (true){
  18.             System.out.println("->");
  19.             String request = scanner.next();
  20.             // 把请求构造成对象
  21.             DatagramPacket requestpacket = new DatagramPacket(request.getBytes(),// 指定字节缓冲区 指定inetaddress对象，包含了ip和端口
  22.                     request.getBytes().length, InetAddress.getByName(severip),
  23.                     serverport);
  24.             socket.send(requestpacket);
  25.             // 尝试读取服务器反应
  26.             DatagramPacket responsepacket = new DatagramPacket(new byte[4096],4096);
  27.             socket.receive(requestpacket);// 这个是读取的反应
  28.             // 照旧转换字符串
  29.             String response = new String(responsepacket.getData(),
  30.                     responsepacket.getLength());
  31.             System.out.println(response);
  32.         }
  33.     }
  34.     public static void main(String[] args) throws IOException {
  35.         client cli = new client("127.0.0.1",9090);
  36.         cli.start();
  37.     }
  38. }
复制代码
但是现在的服务器，只有局域网能访问，别人访问不了，所以我们就需要云服务器了。
tcp

服务器端

  1. import java.io.*;
  2. import java.net.*;
  4. public class TCPServer {
  5.     private ServerSocket serverSocket;
  7.     public TCPServer(int port) throws IOException {
  8.         serverSocket = new ServerSocket(port);
  9.     }
  11.     public void start() {
  12.         System.out.println("服务器启动");
  13.         while (true) {
  14.             try {
  15.                 // 等待客户端连接
  16.                 Socket clientSocket = serverSocket.accept();
  17.                 System.out.println("客户端连接：" + clientSocket.getInetAddress() + ":" + clientSocket.getPort());
  19.                 // 处理客户端请求
  20.                 handleClient(clientSocket);
  21.             } catch (IOException e) {
  22.                 e.printStackTrace();
  23.             }
  24.         }
  25.     }
  27.     private void handleClient(Socket clientSocket) {
  28.         try (
  29.             BufferedReader in = new BufferedReader(new InputStreamReader(clientSocket.getInputStream()));
  30.             PrintWriter out = new PrintWriter(clientSocket.getOutputStream(), true)
  31.         ) {
  32.             String request;
  33.             while ((request = in.readLine()) != null) {
  34.                 System.out.println("收到请求：" + request);
  35.                 String response = process(request);
  36.                 out.println(response);
  37.                 System.out.println("发送响应：" + response);
  38.             }
  39.         } catch (IOException e) {
  40.             e.printStackTrace();
  41.         } finally {
  42.             try {
  43.                 clientSocket.close();
  44.             } catch (IOException e) {
  45.                 e.printStackTrace();
  46.             }
  47.         }
  48.     }
  50.     public String process(String request) {
  51.         return request;
  52.     }
  54.     public static void main(String[] args) throws IOException {
  55.         TCPServer server = new TCPServer(9090);
  56.         server.start();
  57.     }
  58. }
复制代码
客户端

  1. import java.io.*;
  2. import java.net.*;
  3. import java.util.Scanner;
  5. public class TCPClient {
  6.     private String serverIp;
  7.     private int serverPort;
  9.     public TCPClient(String ip, int port) {
  10.         serverIp = ip;
  11.         serverPort = port;
  12.     }
  14.     public void start() {
  15.         System.out.println("客户端启动！");
  16.         try (
  17.             Socket socket = new Socket(serverIp, serverPort);
  18.             BufferedReader in = new BufferedReader(new InputStreamReader(socket.getInputStream()));
  19.             PrintWriter out = new PrintWriter(socket.getOutputStream(), true);
  20.             Scanner scanner = new Scanner(System.in)
  21.         ) {
  22.             while (true) {
  23.                 System.out.print("-> ");
  24.                 String request = scanner.nextLine();
  25.                 out.println(request);
  26.                 String response = in.readLine();
  27.                 System.out.println("服务器响应：" + response);
  28.             }
  29.         } catch (IOException e) {
  30.             e.printStackTrace();
  31.         }
  32.     }
  34.     public static void main(String[] args) {
  35.         TCPClient client = new TCPClient("127.0.0.1", 9090);
  36.         client.start();
  37.     }
  38. }
复制代码


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

曹旭辉

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

AI 运维 CIO 存储 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表