1. コーディングタイプ

1.ASCIIコード

ASCII (American Standard Code for Information Interchange) は、コンピュータと通信デバイスの間で情報を交換する目的で 1960 年代初頭に開発された、テキスト文字を表現するためのエンコード標準です。ASCII エンコードでは、7 つの 2 進数 (合計 128 の異なる値) ( 1 バイト) を使用して、制御文字 (改行や復帰など) や一般的な英語の文字、数字、句読点、および一部の特殊記号を含む文字を表現します。

アスキー	キャラクター	アスキー	キャラクター	アスキー	キャラクター	アスキー	キャラクター
0	NUL	32	空間	64	@	96	`
1	ソー	33	！	65	あ	97	ある
2	STX	34	」	66	B	98	b
3	等	35	#	67	C	99	c
4	EOT	36	$	68	D	100	d
5	ENQ	37	%	69	E	101	e
6	確認応答	38	&	70	F	102	f
7	ベル	39	'	71	G	103	g
8	BS	40	(	72	H	104	h
9	タブ	41	)	73	私	105	私
10	LF	42	*	74	J	106	j
11	VT	43	+	75	K	107	k
12	FF	44	、	76	L	108	私
13	CR	45	-	77	M	109	メートル
14	それで	46	。	78	N	110	n
15	そして	47	/	79	○	111	ああ
16	DLE	48	0	80	P	112	p
17	DC1	49	1	81	Q	113	q
18	DC2	50	2	82	R	114	r
19	DC3	51	3	83	S	115	s
20	DC4	52	4	84	T	116	t
21	欲しい	53	5	85	U	117	あなた
22	シン	54	6	86	V	118	v
23	ETB	55	7	87	W	119	w
24	できる	56	8	88	バツ	120	バツ
25	EM	57	9	89	Y	121	y
26	サブ	58	:	90	Z	122	z
27	ESC	59	;	91	[	123	{
28	FS	60	<	92	\	124	\|
29	GS	61	=	93	]	125	}
30	RS	62	>	94	^	126	～
31	私たち	63	?	95	_	127	の

2. Unicodeエンコーディング

Unicode（统一码）是一种字符编码标准，旨在为世界上所有的文字符号提供唯一的数字编码，以便在计算机系统中进行统一的字符表示和处理。Unicode编码的目标是覆盖全球范围内的所有字符，包括各种语言的字母、符号、标点符号、特殊字符、表情符号等。这使得Unicode成为一种非常强大和全面的字符编码方案。

Unicode使用十六进制表示字符，通常用前缀 "U+" 加上一个四位或更多位的十六进制数。例如，拉丁字母大写的"A"的Unicode编码是U+0041。Unicode的优势在于它提供了一个大的字符集，可以涵盖世界上几乎所有的文字。最早的Unicode版本采用了16位编码（称为UCS-2），这使得Unicode可以表示最多65,536个字符。然而，随着需求的增加，Unicode逐渐扩展到32位编码(4个字节)（称为UCS-4或UTF-32），使得Unicode的字符范围扩展到了约4294967296个字符。

3、utf8编码

UTF-8（Unicode Transformation Format - 8-bit）是一种变长字符编码，它是Unicode的一种实现方式，用于在计算机系统中表示和存储Unicode字符。UTF-8编码的特点是使用1至4个字节来表示不同范围内的字符，从而实现对全球范围内所有字符的支持。

UTF-8编码的规则如下：

对于ASCII字符（码点范围：0x00 - 0x7F），UTF-8使用单个字节表示，与ASCII编码完全兼容。例如，英文字母、数字和常见的符号在UTF-8中都使用一个字节表示，与ASCII编码的相应字符相同。
对于Unicode字符的其他范围，UTF-8使用多个字节表示。其规则如下：
- 0x0080 - 0x07FF(128~2047) 范围的字符使用两个字节表示。
- 0x0800 - 0xFFFF(2048~65535) 范围的字符使用三个字节表示。
- 0x10000 - 0x10FFFF(65536~1114111) 范围的字符使用四个字节表示。

UTF-8的变长编码机制使得它在存储和传输文本数据时可以节省空间。由于大部分文本内容都是由ASCII字符组成的，所以对于纯英文文本，UTF-8编码的效率与ASCII编码相同，不会增加额外的开销。只有当包含其他Unicode字符时，UTF-8才使用额外的字节来表示这些字符。

4、URL编码

URL编码（URL Encoding），也称为百分号编码（Percent Encoding），是一种在互联网传输中用于将特殊字符和非ASCII字符转换成特定格式的编码方式。URL编码保证了URL中不会出现不合法的字符或导致歧义的字符，确保URL在网络中正确传输和解析。

URL编码的规则是将每个字符转换成 % 加上两位十六进制数的形式。转换规则如下：

对于ASCII字符：除了字母、数字和一些特殊字符外，其余字符都需要进行编码。
对于非ASCII字符：使用UTF-8编码将字符转换成多个字节，然后将每个字节转换成 % 加上两位十六进制数的形式。

以下是一些常见字符的URL编码示例：

空格（空格在URL中通常编码为加号 "+" 或 "%20"）: 空格在URL编码中可以被编码为 "+" 或 "%20"。例如，"Hello World" 可以被编码为 "Hello+World" 或 "Hello%20World"。
斜杠 "/"："/" 在URL中被编码为 "%2F"。
问号 "?"："?" 在URL中被编码为 "%3F"。
等号 "="："=" 在URL中被编码为 "%3D"。

5、HTML实体编码

HTML实体编码是一种用于在HTML文档中表示特殊字符和保留字符的编码方式。在HTML中，某些字符具有特殊含义，比如用于标记标签的尖括号 "<" 和 ">"，用于表示空格的连续空格字符，以及用于表示版权符号、商标符号等特殊符号。如果直接在HTML文档中使用这些字符，会导致解析错误或显示不正确的结果。

HTML实体编码使用特殊的实体名称（以"&"开头，以";"结尾）或实体编号（以"&#"开头，以";"结尾）来替代特殊字符。这样可以确保特殊字符被正确解析和显示。

以下是一些常见的HTML实体编码示例：

小于号 "<"：< 或 <
大于号 ">"：> 或 >
和号 "&"：& 或 &
空格字符（连续空格）：  或

二、使用php、python、nodejs、java实现后台数据处理

1、PHP

前端form表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="./web.php" method="post">
        <input type="text" name="username" id="">
        <input type="password" name="password" id="">
        <input type="submit" value="submit">
    </form>
</body>
</html>

后端PHP

<?php
$user=$_POST['username'];
$passwd=$_POST['password'];
echo $user . "<br/>" . $passwd;
?>

2、python

这里我们使用Flask框架，打开cmd命令行，输入pip install flask命令下载flask框架

前端form表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://localhost:5000/login" method="post">
        <input type="text" name="username" id="">
        <input type="password" name="password" id="">
        <input type="submit" value="submit">
    </form>
</body>
</html>

后端python

from flask import Flask, request

app=Flask(__name__)
#通过装饰器定义路由
@app.route('/login',methods=['GET','POST'])
def login():
    username=request.form.get('username')        #接收数据
    password=request.form.get('password')
    print('username:',username)
    return 'login successfully'

if __name__=='__main__':
    app.run(debug=True)

登录成功

3、nodejs

这里我们在ubuntu上部署了nodejs环境，并且使用express框架，body-parser中间件来接收数据

apt-get install nodejs
apt-get install npm

下载成功后创建目录，cd进入目录，下载express以及body-parser

npm install express
npm install body-parser

前端form表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://192.168.239.138:3000/login" method="post">
        <input type="text" name="username" id="">
        <input type="password" name="password" id="">
        <input type="submit" value="submit">
    </form>
</body>
</html>

后端nodejs

const express = require('express');
const bodyParser = require('body-parser');
const app = express();
const port = 3000;

// 使用 body-parser 中间件来解析 POST 请求的数据
app.use(bodyParser.urlencoded({ extended: true }));

// 处理 POST 请求的路由
app.post('/login', (req, res) => {
  const { username, password } = req.body;
  console.log('Username:', username);
  console.log('Password:', password);

  // 可以在这里做更多的操作，比如验证用户名和密码等

  res.send('Login successful!'); // 返回响应给客户端
});

// 启动服务器
app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

最后使用node server.js命令运行服务

成功登录

4、java

这里我们使用tomcat中间件以及servlet，首先去tomcat官网下载安装包，然后进入cmd，cd到安装路径下的bin目录，比如D:\apache-tomcat-10.1.11\bin，然后运行startup.bat，然后不要关闭对话框，在浏览器里输入localhost:8080(默认端口8080，可以在conf下的server.xml配置文件里更改端口号)，如果出现tomcat的默认页面，就说明成功运行了

https://tomcat.apache.org/download-10.cgi#10.1.11

我下的是10.1.11版本，选择64位windows安装包，然后打开idea创建maven项目，我的jdk版本是20的，这里注意在java compiler里选择与jdk版本相同的版本

这里的deployment选择Artifact

完成后运行，出现这个页面说明idea与tomcat整合完毕，下面就是写代码了

前端form表单(也可以使用jsp文件)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="/login" method="post">
    <input type="text" name="username" id="user">
    <input type="password" name="password" id="pwd">
    <input type="submit" value="submit">
</form>
</body>
</html>

后端java

package com.web;

import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;

@WebServlet("/login")
public class LoginServlet extends HttpServlet {
    public void doPost (HttpServletRequest req, HttpServletResponse rep) throws ServletException, IOException{
        // 获取表单数据
        String username = req.getParameter("username");
        String password = req.getParameter("password");

        System.out.println("Username: " + username);
        System.out.println("Password: " + password);

        // 可以在这里做更多的操作，比如验证用户名和密码等

        // 返回响应给客户端
        rep.setContentType("text/html;charset=UTF-8");
        rep.getWriter().println("Login successful!");
    }
}

pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>org.example</groupId>
  <artifactId>Web_login</artifactId>
  <packaging>war</packaging>
  <version>1.0-SNAPSHOT</version>
  <name>Web_login Maven Webapp</name>
  <url>http://maven.apache.org</url>
  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
    <maven.compiler.source>20</maven.compiler.source>
    <maven.compiler.target>20</maven.compiler.target> #这里都要选择与自己jdk版本相同的版本
    <java.version>20</java.version>
  </properties>
  <dependencies>
    <dependency>
      <groupId>jakarta.servlet</groupId>
      <artifactId>jakarta.servlet-api</artifactId>
      <version>5.0.0</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>3.8.1</version>
      <scope>test</scope>
    </dependency>
  </dependencies>
  <build>
    <finalName>Web_login</finalName>
  </build>
</project>

运行，成功登录

安全な最初のジョブ --- 一般的なエンコードタイプとバックグラウンド受信データ処理

1. コーディングタイプ

1.ASCIIコード

2. Unicodeエンコーディング

3、utf8编码

4、URL编码

5、HTML实体编码

二、使用php、python、nodejs、java实现后台数据处理

1、PHP

2、python

3、nodejs

4、java

おすすめ

安全な最初のジョブ --- 一般的なエンコード タイプとバックグラウンド受信データ処理

1. コーディングタイプ

1.ASCIIコード

2. Unicodeエンコーディング

3、utf8编码

4、URL编码

5、HTML实体编码

二、使用php、python、nodejs、java实现后台数据处理

1、PHP

2、python

3、nodejs

4、java

おすすめ

安全な最初のジョブ --- 一般的なエンコードタイプとバックグラウンド受信データ処理