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

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

news 2026/5/19 6:29:15

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

Altium Designer 22 导出嘉立创SMT文件保姆级教程（附BOM/坐标文件避坑指南）

Altium Designer 22 导出嘉立创SMT文件全流程解析与实战技巧 在电子设计领域&#xff0c;从手工焊接转向SMT贴片生产是一个关键的进阶步骤。对于使用Altium Designer&#xff08;简称AD&#xff09;的设计师来说&#xff0c;掌握正确的文件导出方法不仅能节省大量时间&#xff…...

编程新知 2026/5/19 4:25:20

通过curl命令在无SDK环境中测试Taotoken接口连通性

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 通过curl命令在无SDK环境中测试Taotoken接口连通性 在服务器管理、持续集成流水线或轻量级容器环境中&#xff0c;你可能需要在没有…...

编程新知 2026/5/19 4:21:00

事件相机技术原理与应用全解析

1. 事件相机技术概述事件相机&#xff08;Event Camera&#xff09;是一种革命性的视觉传感器&#xff0c;它彻底改变了传统相机的图像采集方式。与普通相机不同&#xff0c;事件相机不会以固定帧率捕获完整的图像帧&#xff0c;而是异步检测每个像素的亮度变化。当某个像素位置…...

编程新知 2026/5/19 3:42:40

NotebookLM新闻传播研究落地全图谱（2024最新实证报告）

更多请点击&#xff1a; https://kaifayun.com 第一章&#xff1a;NotebookLM新闻传播研究的范式演进与学科定位 NotebookLM 作为 Google 推出的面向研究者的 AI 助手&#xff0c;其核心设计理念——以用户上传文档为知识锚点、通过引用溯源生成可信响应——正悄然重构新闻传播…...

编程新知 2026/5/19 3:25:46

Solopreneur 7×24 Agent 工作流：从 ARIS 论文里抠出 5 个可落地步骤

论文&#xff1a;ARIS: Autonomous Research via Adversarial Multi-Agent Collaboration arXiv:2605.03042&#xff08;2026.5.4 上海交大&#xff09; 适合人群&#xff1a;独立开发者 / Solopreneur / 想搭"睡眠工作流"的人 一、先讲一个我自己的故事 我做独立开…...

编程新知 2026/5/19 2:43:10

‌隐私透明化测试：直播用户数据的匿名表演‌

一、直播用户数据匿名化&#xff1a;隐私保护的核心防线在直播行业高速发展的当下&#xff0c;用户数据已成为平台运营、内容优化和商业变现的核心资产。然而&#xff0c;数据的过度收集与滥用也引发了严重的隐私担忧。据2025年全球隐私监管报告显示&#xff0c;直播行业因用户…...

编程新知 2026/5/19 2:18:51

CodeWF.Markdown：一个基于 Avalonia 12 的 Markdown 渲染控件

今天这篇文章&#xff0c;站长来聊聊我最近基本开发完成的 CodeWF.Markdown。这是一个基于 C# Avalonia 12 Markdig 做的 Markdown 渲染控件。它最早来自 CodeWF.AvaloniaControls&#xff0c;后来我把 Markdown 相关代码单独拆成了一个仓库和一组 NuGet 包&#xff1a;渲染控…...

编程新知 2026/5/19 0:43:30

书匠策AI官网www.shujiangce.com：论文降重降AIGC的隐藏玩法，99%的毕业生还不知道！

&#x1f480; 论文人的"红色恐惧症"&#xff0c;你中招了吗&#xff1f; 各位论文战士们&#xff0c;今天不聊选题、不聊框架&#xff0c;咱聊点真正让人血压飙升的事——查重报告上那片触目惊心的红色。 你有没有经历过这种场景&#xff1a;熬了两个通宵写完一章…...

编程新知 2026/5/19 0:20:08

图形引擎的跨平台之舞：Skia与Direct2D的深度对话

图形引擎的跨平台之舞&#xff1a;Skia与Direct2D的深度对话 【免费下载链接】skia Skia is a complete 2D graphic library for drawing Text, Geometries, and Images. See documentation for contribution instructions. 项目地址: https://gitcode.com/gh_mirrors/ski/sk…...

编程新知 2026/5/18 23:41:36

命令行媒体管理工具amem：本地化素材归档与自动化实践

1. 项目概述&#xff1a;一个被低估的本地化媒体管理工具最近在整理个人数字资产时&#xff0c;我遇到了一个老生常谈但又无比棘手的问题&#xff1a;如何高效、优雅地管理那些散落在硬盘各个角落的短视频、图片和音频文件&#xff1f;无论是手机拍摄的生活片段&#xff0c;还是…...

编程新知 2026/5/18 23:22:35