WPF创建DeepSeek本地自己的客户端-进阶版

本次文章接前次写的“底子版”继续  WPF快速创建DeepSeek本地自己的客户端-底子思绪版本
1 开发情况与工具

   开发工具：VS 2015
开发情况：.Net 4.0
利用技能：WPF
  本章内容：WPF实现一个进阶版的DeepSeek客户端。
结果图如下：

实现的功能：
   1、及时吸收DeepSeek复兴的数据。
2、用户输入辨认和AI复兴辨认利用差别的头像。
3、能够复制笔墨。
  2 搭建本地DeepSeek情况

我参考的是一下几个教程：
1、DeepSeek本地搭建部署+搭建知识库+智能体详细图文教程
2、【标题纪录】DeepSeek本地部署遇到标题
3、公司数据不泄漏，DeepSeek R1本地化部署+web端访问+个人知识库搭建与利用，喂饭级实操教程，老旧笔记本竟跑出企业级AI
4、【大语言模子】本地快速部署Ollama运行大语言模子详细流程
3 vs2015 创建WPF项目

Message.cs

1. using System;
2. using System.Collections.Generic;
3. using System.ComponentModel;
4. using System.Linq;
5. using System.Text;
7. namespace WpfApplication2
8. {
9.     public class Message : INotifyPropertyChanged
10.     {
11.         private string _content;
12.         public string Content
13.         {
14.             get { return _content; }
15.             set
16.             {
17.                 if (_content != value)
18.                 {
19.                     _content = value;
20.                     OnPropertyChanged(nameof(Content));  // 通知UI更新
21.                 }
22.             }
23.         }
24.         public bool IsAI { get; set; } // 标记消息是否来自AI
25.         public bool IsUser { get; set; } // 标记消息是否来自用户
27.         public event PropertyChangedEventHandler PropertyChanged;
29.         protected virtual void OnPropertyChanged(string propertyName)
30.         {
31.             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
32.         }
33.     }
34. }

复制代码

MainWindow.xaml

1. <Window x:Class="WpfApplication2.MainWindow"
2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6.         xmlns:local="clr-namespace:WpfApplication2"
7.         mc:Ignorable="d"
8.         Title="DeepSeek客户端" Height="680" Width="850">
10.     <Window.Resources>
11.         <!-- Boolean to Visibility Converter -->
12.         <local:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter" />
13.     </Window.Resources>
14.     <Window.DataContext>
15.         <local:ChatViewModel/>
16.     </Window.DataContext>
19.     <Grid>
20.         <Grid.RowDefinitions>
21.             <RowDefinition Height="8.5*"/>
22.             <RowDefinition Height="1.5*"/>
23.         </Grid.RowDefinitions>
25.         <!--第一个格子，AI对话格子-->
26.         <Grid Grid.Row="0" Grid.Column="0" Margin="0,15,0,0">
27.             <ListBox Name="listbox" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ItemsSource="{Binding Messages}" Margin="0,-20,0,-14">
28.                 <ListBox.ItemTemplate>
29.                     <DataTemplate>
30.                         <StackPanel Orientation="Vertical" HorizontalAlignment="Stretch">
31.                             <!-- AI消息 -->
32.                             <StackPanel Orientation="Horizontal" Visibility="{Binding IsAI, Converter={StaticResource BooleanToVisibilityConverter}}">
33.                                 <Image Source="/Resources/Deepseek.png"   Width="40" Height="40" Margin="5"  VerticalAlignment="Top" />
34.                                 <!-- 使用TextBox代替TextBlock，并设置为只读 -->
35.                                 <TextBox Text="{Binding Content}" FontFamily="Segoe UI" FontSize="16" Padding="5,10" TextWrapping="Wrap" MaxWidth="750" VerticalAlignment="Top" IsReadOnly="True" BorderBrush="Transparent" Background="Transparent" />
36.                             </StackPanel>
37.                             <!-- 用户消息 -->
38.                             <StackPanel Orientation="Horizontal" Visibility="{Binding IsUser, Converter={StaticResource BooleanToVisibilityConverter}}">
39.                                 <Image Source="/Resources/User.png"  Width="40" Height="40" Margin="5" VerticalAlignment="Top" />
40.                                 <!-- 使用TextBox代替TextBlock，并设置为只读 -->
41.                                 <TextBox Text="{Binding Content}" FontFamily="Segoe UI" FontSize="16" Padding="5,10" TextWrapping="Wrap" MaxWidth="750" VerticalAlignment="Top" IsReadOnly="True" BorderBrush="Transparent" Background="Transparent" />
42.                             </StackPanel>
43.                         </StackPanel>
44.                     </DataTemplate>
45.                 </ListBox.ItemTemplate>
46.             </ListBox>
47.         </Grid>
48.         <!--第二个格子，用户输入框-->
49.         <Grid Grid.Row="1" Grid.Column="0">
50.             <Grid.ColumnDefinitions>
51.                 <ColumnDefinition Width="3*" />
52.                 <!-- 调整比例为3:1，更符合输入框和按钮的实际需求 -->
53.                 <ColumnDefinition Width="1*"/>
54.             </Grid.ColumnDefinitions>
56.             <!-- 输入信息框 -->
57.             <Grid Grid.Column="0" Margin="0,0,0,0">
58.                 <!-- 统一化Margin值 -->
59.                 <TextBox x:Name="InputTextBox"
60.                  MaxWidth="540"
61.                  Height="50"  
62.                     VerticalAlignment="Bottom"
63.                  KeyDown="InputTextBox_KeyDown"
64.                  Margin="107,0,2.4,19.6"/>
65.                 <!-- 移除内层Margin，使用Grid的Margin控制 -->
66.             </Grid>
68.             <!-- 发送按钮区域 -->
69.             <Grid Grid.Column="1" Margin="0,0,0,0">
70.                 <!-- 添加右下Margin保持整体平衡 -->
71.                 <!-- 发送按钮 -->
72.                 <Button x:Name="SendButton"
73.                     Content="Send"
74.                     Width="70"
75.                     Height="40"  
76.                     HorizontalAlignment="Left"
77.                     VerticalAlignment="Bottom"
78.                     Background="#147bc6"
79.                     Foreground="White"
80.                     Click="SendButton_Click"
81.                     FontFamily="Arial Black"
82.                     FontSize="13"
83.                     Margin="6,0,0,23.6"/>
85.                 <Button x:Name="SendButton1"
86.                     Content="new"
87.                     Width="30"
88.                     Height="30"
89.                     HorizontalAlignment="Left"
90.                     VerticalAlignment="Bottom"
91.                     Background="#FFB6F5C2"
92.                     Foreground="#FF424234"
93.                     Click="SendButton_Click1"
94.                     FontFamily="Cambria"
95.                     Margin="93,0,0,49"/>
96.             </Grid>
97.         </Grid>
99.     </Grid>
100. </Window>

复制代码

MainWindow.xaml.cs

1. using Newtonsoft.Json;
2. using System;
3. using System.Collections.Generic;
4. using System.Text.RegularExpressions;
5. using System.IO;
6. using System.Linq;
7. using System.Net.Http;
8. using System.Text;
9. using System.Threading.Tasks;
10. using System.Windows;
11. using System.Windows.Controls;
12. using System.Windows.Data;
13. using System.Windows.Documents;
14. using System.Windows.Input;
15. using System.Windows.Media;
16. using System.Windows.Media.Imaging;
17. using System.Windows.Navigation;
18. using System.Windows.Shapes;
19. using System.Net;
20. using System.Threading;
23. namespace WpfApplication2
24. {
25.     /// <summary>
26.     /// MainWindow.xaml 的交互逻辑
27.     /// </summary>
28.     public partial class MainWindow : Window
29.     {
30.         // 创建一个ChatViewModel对象来保存聊天历史
31.         private ChatViewModel _viewModel;
32.         // 用于存储对话的历史记录
33.         static StringBuilder conversationHistory = new StringBuilder();
34.         public MainWindow()
35.         {
36.             InitializeComponent();
37.             _viewModel = new ChatViewModel();
38.             DataContext = _viewModel;
39.         }
42.         /// <summary>
43.         /// 输入按钮框
44.         /// </summary>
45.         /// <param name="sender"></param>
46.         /// <param name="e"></param>
47.         private void InputTextBox_KeyDown(object sender, KeyEventArgs e)
48.         {
49.             // 用户输入
50.             string userInput = InputTextBox.Text;
51.             if (e.Key == Key.Enter)
52.             {
53.                 // 异步方法需在同步上下文中调用（需手动处理）
54.                 Task.Factory.StartNew(() =>
55.                 {
56.                     // 调用同步的AIMain方法获取响应
57.                     RunAI(userInput);
58.                 });
59.                 clearText();
60.             }
61.         }
63.         /// <summary>
64.         /// 将最新的消息显示到最上面
65.         /// </summary>
66.         private void clearText()
67.         {
68.             // 设置最后一个消息为选中的项
69.             listbox.SelectedItem = _viewModel.Messages.LastOrDefault();
70.             // 滚动到选中的项（即最后一项）
71.             listbox.ScrollIntoView(listbox.SelectedItem);
72.         }
73.         /// <summary>
74.         /// 确认发送按钮
75.         /// </summary>
76.         /// <param name="sender"></param>
77.         /// <param name="e"></param>
78.         private void SendButton_Click(object sender, RoutedEventArgs e)
79.         {
80.             // 用户输入
81.             string userInput = InputTextBox.Text;
82.             // 异步方法需在同步上下文中调用（需手动处理）
83.             Task.Factory.StartNew(() =>
84.             {
85.                 // 调用同步的AIMain方法获取响应
86.                 RunAI(userInput);
87.             });
88.             clearText();
89.         }
91.         private CancellationTokenSource cancellationTokenSource;
92.         private CancellationToken cancellationToken;
93.         public void RunAI(string userInput)
94.         {
95.             // 如果输入不正确，不输出
96.             if (string.IsNullOrWhiteSpace(userInput))
97.                 return;
99.             // 创建取消源
100.             cancellationTokenSource = new CancellationTokenSource();
101.             cancellationToken = cancellationTokenSource.Token;
103.             // 用户输入添加到历史对话记录
104.             conversationHistory.AppendLine($"用户: {userInput}");
106.             // 添加用户消息
107.             Dispatcher.Invoke((Action)(() =>
108.             {
109.                 // 添加AI消息
110.                 _viewModel.AddUserMessage(userInput);
111.             }));
113.             // 用户输入添加到历史对话记录
114.             var requestData = new
115.             {
116.                 model = "deepseek-r1:1.5b",
117.                 prompt = conversationHistory.ToString(),
118.                 stream = true
119.             };
121.             string jsonContent = Newtonsoft.Json.JsonConvert.SerializeObject(requestData);
122.             byte[] byteArray = Encoding.UTF8.GetBytes(jsonContent);
124.             HttpWebRequest request = (HttpWebRequest)WebRequest.Create("http://localhost:11434/api/generate");
125.             request.Method = "POST";
126.             request.ContentType = "application/json";
127.             request.ContentLength = byteArray.Length;
129.             try
130.             {
131.                 using (Stream dataStream = request.GetRequestStream())
132.                 {
133.                     dataStream.Write(byteArray, 0, byteArray.Length);
134.                 }
135.             }
136.             catch
137.             {
138.                     MessageBox.Show("请本地配置DeepSeek,或者启动相关服务");
139.                     return;
140.             }
143.             try
144.             {
145.                 using (HttpWebResponse response = (HttpWebResponse)request.GetResponse())
146.                 using (Stream responseStream = response.GetResponseStream())
147.                 using (StreamReader reader = new StreamReader(responseStream))
148.                 {
149.                     string line;
150.                     string line2 = "";
151.                     while ((line = reader.ReadLine()) != null)
152.                     {
153.                         // 检查取消标志
154.                         if (cancellationToken.IsCancellationRequested)
155.                         {
156.                             break; // 如果取消请求，退出读取流
157.                         }
158.                         if (!string.IsNullOrEmpty(line))
159.                         {
160.                             dynamic result = Newtonsoft.Json.JsonConvert.DeserializeObject(line);
161.                             if (result != null && result.response != null)
162.                             {
163.                                 // 每次读取一行后，立即通过Dispatcher更新UI
164.                                 string responseText = result.response;
165.                                 // 去除所有多余的换行符（例如将每个换行符替换为空格）
166.                                 responseText = responseText.Replace(Environment.NewLine, " ");
167.                                 string surrt = RegexLine(responseText);
168.                                 line2 += surrt;
170.                                 Dispatcher.Invoke((Action)(() =>
171.                                 {
172.                                     // 添加AI消息
173.                                     _viewModel.AddAIMessage(surrt);
174.                                 }));
175.                             }
176.                         }
177.                     }
178.                     //添加历史对话
179.                     conversationHistory.AppendLine($"DeepSeek: {line2}");
180.                     line2 = "";
181.                 }
182.             }
183.             catch (WebException ex)
184.             {
185.                 MessageBox.Show("请求异常: " + ex.Message);
186.             }
187.             Dispatcher.Invoke((Action)(() =>
188.             {
189.                 // 清空输入框
190.                 InputTextBox.Text = "";
191.             }));
192.         }
193.         /// <summary>
194.         /// 处理DeepSeek返回的字符串
195.         /// </summary>
196.         /// <param name="line2"></param>
197.         /// <returns></returns>
198.         private string RegexLine(string line2)
199.         {
200.             // 使用正则表达式去掉 <think> 和 </think> 标签
201.             line2 = Regex.Replace(line2, @"<\/?think>", "\n");
202.             // 去掉开头的换行符
203.             line2 = line2.TrimStart('\r', '\n');
204.             return line2;
205.         }
208.         /// <summary>
209.         /// 开启新的对话
210.         /// </summary>
211.         /// <param name="sender"></param>
212.         /// <param name="e"></param>
213.         private void SendButton_Click1(object sender, RoutedEventArgs e)
214.         {
215.             // 取消流接收
216.             cancellationTokenSource?.Cancel();
217.             // 1清空 _viewModel 中的消息记录
218.             _viewModel.Messages.Clear();
219.             // 2清空输入框
220.             InputTextBox.Text = "";
221.             // 3清空历史记录
222.             conversationHistory.Clear();
223.         }
225.     }
226. }

复制代码

ChatViewModel.cs

1. using System;
2. using System.Collections.Generic;
3. using System.Linq;
4. using System.Collections.ObjectModel;
5. using System.Text;
6. using System.ComponentModel;
8. namespace WpfApplication2
9. {
10.     public class ChatViewModel : INotifyPropertyChanged
11.     {
12.         private ObservableCollection<Message> _messages;
13.         public ObservableCollection<Message> Messages
14.         {
15.             get { return _messages; }
16.             set
17.             {
18.                 _messages = value;
19.                 OnPropertyChanged(nameof(Messages));
20.             }
21.         }
23.         public ChatViewModel()
24.         {
25.             Messages = new ObservableCollection<Message>();
26.         }
29.         // 添加用户消息
30.         public void AddUserMessage(string userInput)
31.         {
32.             Messages.Add(new Message { Content = userInput, IsUser = true, IsAI = false });
33.         }
35.         // 添加AI消息
36.         public void AddAIMessage(string newText)
37.         {
38.             // 检查是否已有消息，且最后一条消息是AI消息
39.             if (Messages.Any() && !Messages.Last().IsUser)
40.             {
41.                 Messages.Last().Content += newText;  // 追加流数据到最后一条消息
42.                 OnPropertyChanged(nameof(Messages));  // 通知UI更新
43.             }
44.             else
45.             {
46.                 // 如果没有消息或最后一条消息是用户消息，则创建新消息
47.                 Messages.Add(new Message { Content = newText, IsUser = false, IsAI = true });
48.             }
49.         }
51.         // 实现INotifyPropertyChanged接口
52.         public event PropertyChangedEventHandler PropertyChanged;
54.         protected virtual void OnPropertyChanged(string propertyName)
55.         {
56.             PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
57.         }
58.     }
59. }

复制代码

BooleanToVisibilityConverter.cs

1. using System;
2. using System.Collections.Generic;
3. using System.Globalization;
4. using System.Linq;
5. using System.Text;
6. using System.Windows;
7. using System.Windows.Data;
9. namespace WpfApplication2
10. {
11.     public class BooleanToVisibilityConverter : IValueConverter
12.     {
13.         public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
14.         {
15.             return value is bool && (bool)value ? Visibility.Visible : Visibility.Collapsed;
16.         }
18.         public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
19.         {
20.             return value;
21.         }
22.     }
23. }

复制代码

5 须要安装System.Net.Http库

1. Install-package System.Net.Http

复制代码

6 干系图片如下

Resources/Deepseek.png

Resources/User.png

   通过以上步调，我们成功创建了一个进阶版的DeepSeek本地客户端，具备了及时对话、消息区分和文本复制等功能。随着对WPF和DeepSeek的深入相识，您可以进一步扩展功能，比如增长更多的用户交互方式和优化UI计划。希望本文对您在WPF开发和DeepSeek应用方面有所资助！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。