当前位置： 首页 > news >正文

使用LangChain+Ollama自己做的一个和大语言模型聊天的网站支持上下文对话，学习记录。

news 2026/3/30 18:52:36

0.引言

        在自己学习的过程中可以自己做一个和聊天大模型对话的一个小网站，成就感不亚于人生第一次跑完10km。 

1.项目介绍 

前端代码：Vue3, MarkDownIT.
后端代码：Python3, Fernet库, OpenAPI, LangChain, Ollama.
Ollama 本地模型的部署和管理。 
OpenAPI调用模型并处理第三方语言模型 API。
LangChain 的 ChatPromptTemplate 实现系统消息提示词功能。
LangChain 的 RunnableWithMessageHistory，保存用户聊天记录，支持上下文连续对话。
RunnableWithMessageHistory 的 stream 方法实现大模型数据实时响应，并采用 SSE（Server-Sent Events）实现动态流传输，将数据实时显示在页面上。
MarkDownIT 实现大模型数据显示格式化和代码高亮显示。
项目已经上线了，体验地址可以私信我，也可以相互交流。

 2.项目效果

  

相关文章：

使用LangChain+Ollama自己做的一个和大语言模型聊天的网站支持上下文对话，学习记录。

0.引言 在自己学习的过程中可以自己做一个和聊天大模型对话的一个小网站，成就感不亚于人生第一次跑完10km。 1.项目介绍 前端代码：Vue3, MarkDownIT. 后端代码：Python3, Fernet库, OpenAPI, LangChain, Ollama. Ollama 本地模型的部署和管理…...

编程日记 2024/6/25 15:45:03

excel数据透视

Excel中，数据透视图（PivotChart）和数据透视表（PivotTable）是两个紧密相关的工具，用于分析数据。数据透视表是数据透视图的数据源，也就是说，数据透视图是基于数据透视表中的数据创建的…...

编程日记 2024/6/25 15:44:02

七、（正点原子）Linux并发与竞争

Linux是多任务操作系统，肯定会存在多个任务共同操作同一段内存或者设备的情况，多个任务甚至中断都能访问的资源叫做共享资源。在驱动开发中要注意对共享资源的保护，也就是要处理对共享资源的并发访问。 一、并发与竞争 1、简介 并发就是多个…...

编程日记 2024/6/25 15:43:00

vue2+TS，el-table表格单选的写法

1.打开表格 //父组件引入 <customerChoose ref"customerChooseRef" onSure"setOrderInfoFn"></customerChoose>//子传父&#xff0c;接收值&#xff0c;操作private async setOrderInfoFn(data) {this.form.customerId data.idthis.form.cu…...

编程日记 2024/6/25 15:41:59

北邮《计算机网络》蒋老师思考题及答案-传输层

蒋yj老师yyds&#xff01; 答案自制&#xff0c;仅供参考&#xff0c;欢迎质疑讨论 问题一览 传输层思考题P2P和E2E的区别使用socket的c/s模式通信&#xff0c;流控如何反映到编程模型三次握手解决什么问题举一个两次握手失败的例子为什么链路层是两次握手而非三次&#xff1f;…...

编程日记 2024/6/25 15:40:58

学懂C#编程：常用高级技术【元组的详细使用】——利用元组获取多个返回值

C#常用高级技术——利用元组获取多个返回值 在C# 7.0及更高版本中&#xff0c;您可以使用元组&#xff08;Tuples&#xff09;来实现这种返回多个值的方法。您提供的代码片段是正确的&#xff0c;它定义了一个名为Calculate的方法&#xff0c;该方法接受两个整数参数a和b&#…...

编程日记 2024/6/25 15:39:56

解决IDEA使用卡顿的问题，设置JVM内存大小和清理缓存

解决IntelliJ IDEA中卡顿问题&#xff0c;可以尝试以下几个常见且有效的步骤&#xff1a; 1 增加IDEA的JVM内存分配&#xff1a; 位于IDEA安装目录的bin文件夹下&#xff0c;找到对应的操作系统配置文件&#xff08;idea64.exe.vmoptions&#xff08;Windows&#xff09;或id…...

编程日记 2024/6/25 15:38:54

Python爬虫从入门到入狱之爬取知乎用户信息

items中的代码主要是我们要爬取的字段的定义 class UserItem(scrapy.Item):id \ Field()name \ Field()account\_status \ Field()allow\_message\ Field()answer\_count \ Field()articles\_count \ Field()avatar\_hue \ Field()avatar\_url \ Field()avatar\_url\_template…...

编程日记 2024/6/25 15:35:48

apk反编译修改教程系列-----去除apk软件更新方法步骤列举 记录八种最常见的去除方法

在前面几期博文中 有说明去除apk软件更新的步骤方法。我们在对应软件反编译去除更新中要灵活运用。区别对待。同一个软件可以有不同的去除更新方法可以适用。今天的教程对于软件更新去除列举几种经常使用的修改步骤。 通过基础课程可以了解 1-----软件反编译更新去除的几种常…...

编程日记 2024/6/25 15:34:44

SpringMVC系列六: 视图和视图解析器

视图和视图解析器 &#x1f49e;基本介绍&#x1f49e; 自定义视图为什么需要自定义视图自定义试图实例-代码实现自定义视图工作流程小结Debug源码默认视图解析器执行流程多个视图解析器执行流程 &#x1f49e;目标方法直接指定转发或重定向使用实例指定请求转发流程-Debug源码…...

编程日记 2024/6/25 15:31:38

MySQL数据备份的分类

MySQL数据库的备份 在我们使用MySQL数据库的过程中&#xff0c;一些意外情况的发生&#xff0c;有可能造成数据的损失。例如&#xff0c;意外的停电&#xff0c;不小心的操作失误等都可能造成数据的丢失。 所以为了保证数据的安全与一致性&#xff0c;需要定期对数据进行备份。…...

编程日记 2024/6/25 15:30:37

node+nginx实现对react进行一键打包部署--windows版

文章目录 nodenginx实现对react进行一键打包部署--windows版1.功能展示及项目准备1.1功能展示 1.2 项目准备1.2.1技术点1.2.2安装相关配置(windows) 2.实现2.1 实现思路2.2 实现步骤2.1 项目准备2.1.1 创建env文件2.1.2 创建api/index.js文件2.1.3 添加解决跨域代码 2.2 项目实…...

编程日记 2024/6/25 15:29:36

【机器学习】基于Gumbel-Sinkhorn网络的“潜在排列问题”求解

1. 引言 1.1.“潜在排列”问题 本文将深入探索一种特殊的神经网络方法，该方法在处理离散对象时展现出卓越的能力，尤其是针对潜在排列问题的解决方案。在现代机器学习和深度学习的领域中，处理离散数据一直是一个挑战，因为传统的神经网络架构通常是为连续数据设计的。然而，…...

编程日记 2024/6/25 15:27:33

create-react-app创建的项目中设置webpack配置

create-react-app 创建的项目默认使用的是 react-scripts&#xff08;存在于node_modules文件夹中&#xff09;来处理开发服务器和构建&#xff0c;它内置了一些webpack相关配置。一般不会暴露出来给开发者&#xff0c;但是在有些情况下我们需要修改下webpack默认配置&#xff…...

编程日记 2024/6/25 15:25:31

【ai】tx2 nx ：安装torch、torchvision for yolov5

torchvision 是自己本地构建的验证torchvision nvidia@tx2-nx:~/twork/03_yolov5/torchvision$ nvidia@tx2-nx:~/twork/03_yolov5/torchvision$ python3 Python 3.6.9 (default, Mar 10 2023, 16:46:00) [GCC 8.4.0] on linux Type "help", "copyright",…...

编程日记 2024/6/25 15:24:30

【报错】在终端中输入repo命令后系统未能识别这个命令

1 报错 已经使用curl命令来下载repo工具，但是在终端中输入repo命令后系统未能识别这个命令。 2 分析 通常是因为repo...

编程日记 2024/6/25 15:22:27

【机器学习】K-Means算法详解：从原理到实践

&#x1f308;个人主页: 鑫宝Code &#x1f525;热门专栏: 闲话杂谈&#xff5c; 炫酷HTML | JavaScript基础 ​&#x1f4ab;个人格言: "如无必要&#xff0c;勿增实体" 文章目录 K-Means算法详解&#xff1a;从原理到实践引言1. 基本原理1.1 簇与距离度量1.2 …...

编程日记 2024/6/25 15:20:24

解决qiankun项目与子应用样式混乱问题

背景 qiankun项目用的是Vue2Antdesign2&#xff0c;但其中一个子应用用的是Vue3Antdesign4。集成之后发现子应用的样式混乱&#xff0c;渲染的是Antdesign2的样式。 解决 以下步骤在子应用里操作 1. 在main.js引入ConfigProvider &#xff0c;在app全局注册ConfigProvider …...

编程日记 2024/6/25 15:19:23

黑产当前，如何识别异常图片？

在这个人人都是创作者的年代&#xff0c; UGC 已成为诸多平台的重要组成。 有利益的地方就会有黑产存在&#xff0c; 不少 UGC 平台都被黑产「薅羊毛」搞的心烦意乱&#xff0c; 用户传的图片&#xff0c;怎么就变成视频链接了&#xff1f; 正常运营的平台&#xff0c;为何流量…...

编程日记 2024/6/25 15:18:21

数据模型(models)

自学python如何成为大佬(目录):https://blog.csdn.net/weixin_67859959/article/details/139049996?spm1001.2014.3001.5501 &#xff08;1&#xff09;在App中添加数据模型 在app1的models.py中添加如下代码&#xff1a; from django.db import models # 引入django.…...

编程日记 2024/6/25 15:14:15

比迪丽LoRA模型Mathtype式交互：设计公式化提示词编辑器提升创作精度

比迪丽LoRA模型Mathtype式交互&#xff1a;设计公式化提示词编辑器提升创作精度 不知道你有没有过这样的经历&#xff1a;面对一个功能强大的AI绘画模型&#xff0c;比如集成了各种LoRA的比迪丽&#xff0c;脑子里明明有非常具体的画面&#xff0c;但就是不知道该怎么用文字描…...

编程新知 2026/3/30 17:26:02

从磁力线到最小磁阻：手把手拆解一个微型直流电机的内部‘磁路战争’

从磁力线到最小磁阻&#xff1a;手把手拆解一个微型直流电机的内部‘磁路战争’ 拆开一枚硬币大小的玩具电机&#xff0c;你会看到一场无声的物理博弈——磁力线像急于回家的士兵&#xff0c;不断寻找最短路径&#xff1b;而转子则是这场战役的指挥官&#xff0c;通过精确的旋…...

编程新知 2026/3/30 17:24:02

别再手动改配置了！用Docker Compose一键部署带Web管理界面的Pulsar独立集群

告别手动配置&#xff1a;Docker Compose全自动部署Pulsar集群与Web管理平台 每次搭建开发环境都要重复输入十几条Docker命令&#xff1f;配置文件散落在各个角落难以维护&#xff1f;今天我要分享的这套方案&#xff0c;将彻底改变你部署消息队列的方式。只需一个YAML文件&…...

编程新知 2026/3/30 16:21:13

LLaMA-Omni代码贡献指南：如何参与这个开源语音AI项目

LLaMA-Omni代码贡献指南&#xff1a;如何参与这个开源语音AI项目 【免费下载链接】LLaMA-Omni LLaMA-Omni is a low-latency and high-quality end-to-end speech interaction model built upon Llama-3.1-8B-Instruct, aiming to achieve speech capabilities at the GPT-4o l…...

编程新知 2026/3/30 15:42:52

Waveforms实战指南：基于React的交互式波形可视化深度解析

Waveforms实战指南&#xff1a;基于React的交互式波形可视化深度解析 【免费下载链接】waveforms An interactive, explorable explanation about the peculiar magic of sound waves. 项目地址: https://gitcode.com/gh_mirrors/wa/waveforms 在音频处理、信号分析和数…...

编程新知 2026/3/30 14:34:17

Swagger2Word：高效转换与文档自动化的API文档解决方案

Swagger2Word&#xff1a;高效转换与文档自动化的API文档解决方案 【免费下载链接】swagger2word 项目地址: https://gitcode.com/gh_mirrors/swa/swagger2word 在软件开发过程中&#xff0c;API文档的管理和维护常常成为团队协作的痛点。开发人员使用Swagger/OpenAPI规…...

编程新知 2026/3/30 13:18:50

Unity开发HoloLens应用：从打包到安装的完整避坑指南（2024最新版）

Unity开发HoloLens应用&#xff1a;从打包到安装的完整避坑指南&#xff08;2024最新版&#xff09; 如果你正在尝试将Unity项目部署到HoloLens设备上&#xff0c;可能会遇到各种意想不到的问题。作为一位经历过无数次打包、部署、调试循环的开发者&#xff0c;我想分享一些实战…...

编程新知 2026/3/30 13:04:25

企业级邮件系统自建指南：从技术选型到生产部署

企业级邮件系统自建指南&#xff1a;从技术选型到生产部署 【免费下载链接】james-project James Project是一个用于电子邮件服务器的开源软件。适用于需要为其邮件基础设施提供强大和可靠的邮件传输代理的企业和组织。具有可扩展性、灵活性和易于使用的特点。 项目地址: htt…...

编程新知 2026/3/30 12:32:14

Qwen2-VL-2B-Instruct在Qt桌面应用中的集成：开发跨平台图像分析工具

Qwen2-VL-2B-Instruct在Qt桌面应用中的集成&#xff1a;开发跨平台图像分析工具 1. 引言 如果你是做桌面应用开发的&#xff0c;特别是用C和Qt的&#xff0c;最近可能也注意到了AI模型带来的新机会。很多开发者都在想&#xff0c;怎么把这些强大的AI能力&#xff0c;比如看图…...

编程新知 2026/3/30 12:20:11

华硕笔记本CPU过热？G-Helper降压调优终极指南帮你降温10℃

华硕笔记本CPU过热&#xff1f;G-Helper降压调优终极指南帮你降温10℃ 【免费下载链接】g-helper Lightweight Armoury Crate alternative for Asus laptops. Control tool for ROG Zephyrus G14, G15, G16, M16, Flow X13, Flow X16, TUF, Strix, Scar and other models 项目…...

编程新知 2026/3/30 12:18:11