本文使用 Flask 和 H5 三件套（HTML+JS+CSS）实现大模型聊天应用的基本方式

话不多说，先贴上实现效果：

流式输出：

思考输出：

模型设置：

会话切换：

前言

大模型的聊天应用从功能到 UI 设计来说都已经非常标准化了，然而身为小白的我至今还天真地以为页面上的流式响应是一门了不起的技术。 于是在得空的时候亲手实现了一个名为 Chat Mate 的聊天应用，该应用主打低代码量和简单易用，并且实现了 Chat 应用需要具备的流式输出、历史记录、模型思考等功能。 项目采用前后端分离的方式，前端完全由原生 HTML、JS、CSS 编写，没有使用任何封装好的框架，后端使用 Python 的 Flask 编写，实现简单。

为什么要学 Flask？

Flask 是一个「微型但强大的」Web 框架：

极简上手，几行代码即可跑起来
灵活扩展，想加啥加啥（RESTful、JWT、数据库…）

目录

1. 什么是Flask？
2. 环境配置与安装
3. 第一个Flask应用：Hello World
4. 路由与视图函数
5. 模板与Jinja2
6. 表单处理与用户输入

Flask 是一个轻量级且易于使用的 Python Web 框架。它帮助开发者用最少的代码快速构建 Web 应用程序。Flask 非常适合初学者，因为它简单易学易用。

为什么使用 Flask？

　　1. 首先

　　建议1、理解 Pythonic 概念—-详见 Python 中的《Python之禅》

　　建议2、编写 Pythonic 代码

　　（1）避免不规范代码，比如只用大小写区分变量、使用容易混淆的变量名、害怕过长变量名等。有时候长的变量名会使代码更加具有可读性。

　　（2）深入学习 Python 相关知识，比如语言特性、库特性等，比如Python演变过程等。深入学习一两个业内公认的 Pythonic 的代码库，比如Flask等。

Java 基础学习大纲

Java 是一种广泛使用的面向对象编程语言，适用于开发各种类型的应用程序。以下是详细的 Java 基础学习大纲，涵盖了从基础语法到高级概念的内容。

1. Java 环境搭建

Python 是由Guido Van Rossum在 90 年代早期设计，现在是最常用的编程语言之一。特别是人工智能的火热，再加之它的语法简洁且优美，实乃初学者入门AI必备的编程语言。

作者 | yuquanle

责编 | 屠敏

Python基本语法

标识符

第一个字符必须是英文字母或下划线 _ 。标识符的其他的部分由字母、数字和下划线组成。标识符对大小写敏感。

C语言switch易犯的错案例有以下几种：

- 在case语句的后面忘记加break。这是一个很常见的错误，因为如果不加break，程序会继续执行后面的case语句，而不管它们是否匹配。这可能会导致逻辑错误或者意想不到的结果。例如：

在C语言的补习课程中，有些学生对于C语言的结构不是很了解，为此为了让学生对于C语言有多的认识，有利于促进C语言的学习，本文对C语言的程序结构进行了简单的分析与解释。