diff --git a/content/assets/pdf/NUS_Transcript.pdf b/content/assets/pdf/NUS_Transcript_exchange.pdf similarity index 100% rename from content/assets/pdf/NUS_Transcript.pdf rename to content/assets/pdf/NUS_Transcript_exchange.pdf diff --git a/content/assets/pdf/ZJU_Transcript_undergraduate.pdf b/content/assets/pdf/ZJU_Transcript_undergraduate.pdf new file mode 100644 index 000000000..8542686ab Binary files /dev/null and b/content/assets/pdf/ZJU_Transcript_undergraduate.pdf differ diff --git a/content/computer_sci/code_frame_learn/flask/MOC.md b/content/computer_sci/code_frame_learn/flask/MOC.md index 734a5c4a8..49b83039d 100644 --- a/content/computer_sci/code_frame_learn/flask/MOC.md +++ b/content/computer_sci/code_frame_learn/flask/MOC.md @@ -2,3 +2,5 @@ title: Flask - MOC date: 2023-12-03 --- +* [MSGI Introduction](computer_sci/code_frame_learn/flask/MSGI.md) + diff --git a/content/computer_sci/code_frame_learn/flask/MSGI.md b/content/computer_sci/code_frame_learn/flask/MSGI.md index 6da1eada3..7f422810d 100644 --- a/content/computer_sci/code_frame_learn/flask/MSGI.md +++ b/content/computer_sci/code_frame_learn/flask/MSGI.md @@ -4,9 +4,59 @@ tags: - flask - python - web -date: 2024-03-06 + - http +date: 2024-03-07 --- -WSGI 的全程是 **Web Server Gateway Interface**，中文翻译为 **Web 服务器网关接口**。它是一种规范，定义了 Web 服务器和 Python Web 应用程序或框架之间的一种简单而通用的接口。 +# Abstract and Pre-knowledge -WSGI 规范的目的是使 Python Web 开发人员能够编写可移植和可扩展的 Web 应用程序。WSGI 应用程序可以与任何兼容 WSGI 的 Web 服务器一起使用，而无需进行任何修改。 + +> [!note] +> WSGI 的全程是 **Web Server Gateway Interface**，中文翻译为 **Web 服务器网关接口**。它是一种规范，定义了 Web 服务器和 Python Web 应用程序或框架之间的一种简单而通用的接口。 +> +> WSGI 规范的目的是使 Python Web 开发人员能够编写可移植和可扩展的 Web 应用程序。WSGI 应用程序可以与任何兼容 WSGI 的 Web 服务器一起使用，而无需进行任何修改。 + + +[HTTP Brief Introduction](computer_sci/web/http/http_introduction.md) + +# What's Web application + +1. 浏览器发送一个HTTP请求； + +2. 服务器收到请求，生成一个HTML文档； + +3. 服务器把HTML文档作为HTTP响应的Body发送给浏览器； + +4. 浏览器收到HTTP响应，从HTTP Body取出HTML文档并显示。 + +简单的Web应用就是先把HTML用文件保存好，用一个现成的HTTP服务器软件，接收用户请求，从文件中读取HTML，返回。 + +如果要动态生成HTML，就需要把上述步骤自己来实现。 + +但是接受HTTP请求、解析HTTP请求、发送HTTP响应这些涉及到HTTP规范的底层代码，正确对待他们的做法是用专门的服务器软件实现，我们使用python专注于生成HTML文档。 + +这些我们不希望接触到的TCPP连接、HTTP原始请求和响应格式，需要一个统一的接口，让我们专心用python编写web业务。 + +这个接口就是WSGI：Web Server Gateway Interface。 + +它是一种规范，定义了 Web 服务器和 Python Web 应用程序或框架之间的一种简单而通用的接口。 + +Example: + +```python +def application(environ, start_response): + start_response('200 OK', [('Content-Type', 'text/html')]) + return [b'

Hello, web!

'] +``` + +**WSGI接口要求Web开发者实现一个函数**，就可以响应HTTP请求。 + +这个函数接收两个参数： + +* environ：一个包含所有HTTP请求信息的`dict`对象； +* start_response：一个发送HTTP响应的函数。 + + +# Reference + +* https://www.liaoxuefeng.com/wiki/1016959663602400/1017805733037760 diff --git a/content/computer_sci/web/http/attachments/Pasted image 20240307164046.png b/content/computer_sci/web/http/attachments/Pasted image 20240307164046.png new file mode 100644 index 000000000..250b8a9ad Binary files /dev/null and b/content/computer_sci/web/http/attachments/Pasted image 20240307164046.png differ diff --git a/content/computer_sci/web/http/attachments/Pasted image 20240307164808.png b/content/computer_sci/web/http/attachments/Pasted image 20240307164808.png new file mode 100644 index 000000000..ea3a3d680 Binary files /dev/null and b/content/computer_sci/web/http/attachments/Pasted image 20240307164808.png differ diff --git a/content/computer_sci/web/http/attachments/Pasted image 20240307164822.png b/content/computer_sci/web/http/attachments/Pasted image 20240307164822.png new file mode 100644 index 000000000..6795cc181 Binary files /dev/null and b/content/computer_sci/web/http/attachments/Pasted image 20240307164822.png differ diff --git a/content/computer_sci/web/http/http_introduction.md b/content/computer_sci/web/http/http_introduction.md new file mode 100644 index 000000000..367164990 --- /dev/null +++ b/content/computer_sci/web/http/http_introduction.md @@ -0,0 +1,20 @@ +--- +title: HTTP Brief Introduction +tags: + - web + - http +date: 2024-03-07 +--- +HTTP是在网络上传输HTML的协议，用于浏览器和服务器的通信。 + +## Learn HTTP by devTool + +![](computer_sci/web/http/attachments/Pasted%20image%2020240307164822.png) + +* `Elements`显示网页的结构 +* `Network`显示浏览器和服务器的通信 +* `Console` 用于debug的控制台，debug JS的运行 + +# Reference + +* https://www.liaoxuefeng.com/wiki/1016959663602400/1017804782304672 \ No newline at end of file diff --git a/content/resume.md b/content/resume.md index 65ada1239..548dc9ba3 100644 --- a/content/resume.md +++ b/content/resume.md @@ -3,7 +3,7 @@ title: Resume tags: - resume - readme -date: 2024-07-03 +date: 2024-03-07 ---
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss index e956173eb..48fff00de 100644 --- a/quartz/styles/base.scss +++ b/quartz/styles/base.scss @@ -404,7 +404,7 @@ pre { code { font-size: 0.9em; - color: var(--dark); + color: #D0104C; font-family: var(--codeFont); border-radius: 5px; padding: 0.1rem 0.2rem;