diff --git a/WinUINotes/MainWindow.xaml b/WinUINotes/MainWindow.xaml
index cdf7acd..c2e6afc 100644
--- a/WinUINotes/MainWindow.xaml
+++ b/WinUINotes/MainWindow.xaml
@@ -22,6 +22,7 @@
 
             <NavigationView.MenuItems>
                 <NavigationViewItem Tag="HomePage" Icon="Home" Content="主页" />
+                <NavigationViewItem Tag="PhoneAppBinderPage" Icon="PhoneBook" Content="电话应用程序绑定" />
                 <NavigationViewItem Tag="NotePage" Icon="Bookmarks" Content="笔记" />
                 <NavigationViewItem Tag="FileUploadPage" Icon="Upload" Content="文件上传"></NavigationViewItem>
                 <NavigationViewItemSeparator />
diff --git a/WinUINotes/MainWindow.xaml.cs b/WinUINotes/MainWindow.xaml.cs
index f52d973..6449aa3 100644
--- a/WinUINotes/MainWindow.xaml.cs
+++ b/WinUINotes/MainWindow.xaml.cs
@@ -52,6 +52,9 @@ namespace WinUINotes
                     case "FileUploadPage":
                          ContentFrame.Navigate(typeof(FileUploadPage));
                         break;
+                    case "PhoneAppBinderPage":
+                        ContentFrame.Navigate(typeof(PhoneAppBinderPage));
+                        break;
                     // �������Ӹ��� case ����������������
                 }
             }
diff --git a/WinUINotes/Model/PhoneAppItem.cs b/WinUINotes/Model/PhoneAppItem.cs
new file mode 100644
index 0000000..480477c
--- /dev/null
+++ b/WinUINotes/Model/PhoneAppItem.cs
@@ -0,0 +1,21 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace WinUINotes.Model
+{
+    public class PhoneAppItem
+    {
+        public string AppName { get; set; }
+
+        public List<string> AppUrls { get; set; }
+
+        // 这个属性用于在ListView中显示多个网站
+        public string AppUrlsDisplayString
+        {
+            get => AppUrls != null && AppUrls.Count > 0 ? string.Join(", ", AppUrls) : "无网站";
+        }
+    }
+}
diff --git a/WinUINotes/PhoneAppBinderPage.xaml b/WinUINotes/PhoneAppBinderPage.xaml
new file mode 100644
index 0000000..a512f28
--- /dev/null
+++ b/WinUINotes/PhoneAppBinderPage.xaml
@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Page
+    x:Class="WinUINotes.PhoneAppBinderPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:WinUINotes"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:model="using:WinUINotes.Model"
+    mc:Ignorable="d">
+
+    <Grid Padding="20">
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="2*"/>
+        </Grid.ColumnDefinitions>
+
+        <Grid Grid.Column="0" Margin="0,0,20,0">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="Auto"/>
+                <RowDefinition Height="*"/>
+            </Grid.RowDefinitions>
+
+            <TextBlock Grid.Row="0" Text="已保存项目" FontSize="18" FontWeight="Bold" Margin="0,0,0,10"/>
+
+            <Button Grid.Row="1" Content="新增项目" Click="AddNewProjectButton_Click" HorizontalAlignment="Left" Margin="0,0,0,5"/>
+            
+            <TextBox x:Name="FilterTextBox" Grid.Row="2" PlaceholderText="此输入框暂时不提供过滤功能" Margin="0,5,0,10"/>
+            
+            <ListView x:Name="ProjectListView" Grid.Row="3" ItemsSource="{x:Bind PhoneAppItems}"
+                      SelectionMode="Single" ShowsScrollingPlaceholders="True"
+                      BorderBrush="{ThemeResource SystemControlForegroundBaseMediumBrush}" BorderThickness="1"
+                      Margin="0,0,0,10"
+                      SelectionChanged="ProjectListView_SelectionChanged">
+                <ListView.ItemTemplate>
+                    <DataTemplate x:DataType="model:PhoneAppItem">
+                        <StackPanel Margin="0,5">
+                            <TextBlock FontWeight="SemiBold" FontSize="14">
+                                <Run Text="应用程序名称: "/>
+                                <Run Text="{x:Bind AppName}"/>
+                            </TextBlock>
+                            <TextBlock FontSize="12">
+                                <Run Text="关联网站: "/>
+                                <Run Text="{x:Bind AppUrlsDisplayString}"/>
+                            </TextBlock>
+                        </StackPanel>
+                    </DataTemplate>
+                </ListView.ItemTemplate>
+            </ListView>
+
+        </Grid>
+
+        <StackPanel Grid.Column="1" Padding="20" BorderBrush="{ThemeResource SystemControlForegroundBaseMediumBrush}" BorderThickness="1">
+            <TextBlock Text="应用程序名称:" FontSize="16" FontWeight="SemiBold" Margin="0,0,0,5"/>
+            <TextBox x:Name="AppNameInputTextBox" PlaceholderText="请输入应用程序名称" HorizontalAlignment="Stretch" Margin="0,0,0,10" IsReadOnly="True" />
+
+            <StackPanel Orientation="Horizontal" Margin="0,0,0,10">
+                <TextBlock Text="网站列表:" FontSize="16" FontWeight="SemiBold" VerticalAlignment="Center"/>
+                <Button Content="添加网站" Click="AddWebsiteButton_Click" Margin="10,0,0,0" IsEnabled="False"/>
+            </StackPanel>
+
+            <ScrollViewer VerticalScrollMode="Auto" VerticalScrollBarVisibility="Auto" Height="Auto" MaxHeight="200" Margin="0,0,0,20">
+                <StackPanel x:Name="WebsitesStackPanel" Spacing="10"/>
+            </ScrollViewer>
+
+            <StackPanel Orientation="Horizontal">
+                <Button x:Name="SaveProjectButton" Content="保存项目" Click="SaveProjectButton_Click" HorizontalAlignment="Stretch" Margin="0, 0, 5, 0" />
+                <Button x:Name="EditProjectButton" Content="编辑项目" Click="EditProjectButton_Click" HorizontalAlignment="Stretch" />
+            </StackPanel>
+
+        </StackPanel>
+    </Grid>
+</Page>
diff --git a/WinUINotes/PhoneAppBinderPage.xaml.cs b/WinUINotes/PhoneAppBinderPage.xaml.cs
new file mode 100644
index 0000000..955f76c
--- /dev/null
+++ b/WinUINotes/PhoneAppBinderPage.xaml.cs
@@ -0,0 +1,288 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Microsoft.UI.Xaml.Data;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Navigation;
+using System;
+using System.Collections.Generic;
+using System.Collections.ObjectModel;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using WinUINotes.Model;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace WinUINotes;
+
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class PhoneAppBinderPage : Page
+{
+    private int _websiteCounter = 0; // ���ڸ�ÿ����վ�����һ��Ψһ�ı�ʶ
+
+    private PhoneAppItem _selectedPhoneAppItem; // �洢��ǰ��ListView��ѡ�е���Ŀ
+
+    // ����һ�� ObservableCollection ���洢��Ŀ���ݣ����󶨵� ListView
+    public ObservableCollection<PhoneAppItem> PhoneAppItems { get; set; } = [];
+
+    public PhoneAppBinderPage()
+    {
+        InitializeComponent();
+        this.Loaded += PhoneAppBinderPage_Loaded;
+    }
+
+    private void PhoneAppBinderPage_Loaded(object sender, RoutedEventArgs e)
+    {
+        // ��ʼ����һ����վ�����
+        AddWebsiteInputControl();
+        SetInputAreaReadOnly(true); // ҳ�����ʱĬ��ֻ��
+
+        // ��������һЩʾ������
+        PhoneAppItems.Add(new PhoneAppItem { AppName = "΢��", AppUrls = new List<string> { "https://wechat.com" } });
+        PhoneAppItems.Add(new PhoneAppItem { AppName = "֧����", AppUrls = new List<string> { "https://alipay.com" } });
+        PhoneAppItems.Add(new PhoneAppItem { AppName = "����", AppUrls = new List<string> { "https://douyin.com", "https://douyin.net" } });
+    }
+
+    private void AddWebsiteButton_Click(object sender, RoutedEventArgs e)
+    {
+        AddWebsiteInputControl();
+    }
+
+    private void AddWebsiteInputControl(string initialUrl= "", bool isReadOnly = false)
+    {
+        _websiteCounter++;
+
+        // ����һ������TextBox��Button��StackPanel
+        StackPanel websiteEntryPanel = new StackPanel
+        {
+            Orientation = Orientation.Horizontal,
+            Spacing = 10,
+            Tag = _websiteCounter, // ����ɾ��ʱʶ��
+            HorizontalAlignment = HorizontalAlignment.Left
+        };
+
+        TextBox websiteTextBox = new TextBox
+        {
+            PlaceholderText = $"��������վURL ({_websiteCounter})",
+            Width = 400,
+            // �����������ƣ����ں�����ȡ���ݣ���Tag�����㶨λ
+            // Name = $"WebsiteTextBox_{_websiteCounter}"
+            Text = initialUrl, // ���ó�ʼֵ
+            IsReadOnly = isReadOnly // ����ֻ��״̬
+        };
+
+        Button deleteButton = new Button
+        {
+            Content = "ɾ��",
+            Background = new SolidColorBrush(Microsoft.UI.Colors.Red), // ����ɾ����ť����ɫ
+            Foreground = new SolidColorBrush(Microsoft.UI.Colors.White), // ����������ɫ
+            Tag = _websiteCounter, // ����ɾ��ʱʶ��
+            Margin = new Thickness(5, 0, 0, 0) // ����һЩ��߾�
+        };
+        deleteButton.Click += DeleteWebsiteButton_Click;
+        deleteButton.IsEnabled = !isReadOnly; // ֻ��ʱ����ɾ����ť
+
+        websiteEntryPanel.Children.Add(websiteTextBox);
+        websiteEntryPanel.Children.Add(deleteButton);
+
+        WebsitesStackPanel.Children.Add(websiteEntryPanel);
+    }
+
+    private void DeleteWebsiteButton_Click(object sender, RoutedEventArgs e)
+    {
+        Button deleteButton = sender as Button;
+        if (deleteButton != null)
+        {
+            int tagToRemove = (int)deleteButton.Tag;
+
+            // �ҵ���Ӧ��StackPanel���Ƴ�
+            UIElement panelToRemove = WebsitesStackPanel.Children
+                .FirstOrDefault(child => child is StackPanel sp && (int)sp.Tag == tagToRemove);
+
+            if (panelToRemove != null)
+            {
+                WebsitesStackPanel.Children.Remove(panelToRemove);
+            }
+        }
+    }
+
+    private void SaveProjectButton_Click(object sender, RoutedEventArgs e)
+    {
+        string appName = AppNameInputTextBox.Text.Trim();
+        List<string> appUrls = new List<string>();
+
+        foreach (UIElement child in WebsitesStackPanel.Children)
+        {
+            if (child is StackPanel websiteEntryPanel)
+            {
+                // �����һ����Ԫ����TextBox
+                if (websiteEntryPanel.Children.FirstOrDefault() is TextBox websiteTextBox)
+                {
+                    if (!string.IsNullOrWhiteSpace(websiteTextBox.Text))
+                    {
+                        appUrls.Add(websiteTextBox.Text);
+                    }
+                }
+            }
+        }
+
+        // �����������Դ����ռ���������
+        // ���磺��ʾ����Ϣ���У����浽�ļ������͵�API��
+        // ���Ӧ�ó��������Ƿ�Ϊ��
+        if (string.IsNullOrWhiteSpace(appName))
+        {
+            ShowMessageDialog("����", "Ӧ�ó������Ʋ���Ϊ�գ�");
+            return;
+        }
+
+        if(_selectedPhoneAppItem == null) // ������Ŀ
+        {
+            PhoneAppItem newAppItem = new PhoneAppItem
+            {
+                AppName = appName,
+                AppUrls = appUrls
+            };
+            PhoneAppItems.Add(newAppItem);
+            ShowMessageDialog("�ɹ�", $"��Ŀ '{appName}' �����ӵ��б���");
+        }
+        else // ����������Ŀ
+        {
+            _selectedPhoneAppItem.AppName = appName;
+            _selectedPhoneAppItem.AppUrls = appUrls;
+
+            // ǿ��ListView����Item����ΪPhoneAppItem����û��ʵ��INotifyPropertyChanged
+            // ��������ͨ���Ƴ���������ǿ�Ƹ���UI�����߸����ŵ�������PhoneAppItemʵ��INotifyPropertyChanged
+            int index = PhoneAppItems.IndexOf(_selectedPhoneAppItem);
+            if (index != -1)
+            {
+                PhoneAppItems.RemoveAt(index);
+                PhoneAppItems.Insert(index, _selectedPhoneAppItem);
+            }
+            ShowMessageDialog("�ɹ�", $"��Ŀ '{appName}' �Ѹ��¡�");
+        }
+
+        ClearInputArea(); // �����������
+        ProjectListView.SelectedItem = null; // ȡ��ListViewѡ��״̬
+        SetInputAreaReadOnly(true); // �����Ĭ��ֻ��
+    }
+
+    private void AddNewProjectButton_Click(object sender, RoutedEventArgs e)
+    {
+        // ����Ҳ���������׼����������Ŀ
+        ClearInputArea();
+        ProjectListView.SelectedItem = null; // ȡ��ListViewѡ��״̬
+        _selectedPhoneAppItem = null; // ����ѡ����
+        SetInputAreaReadOnly(false); // ���ñ༭ģʽ
+        AppNameInputTextBox.Focus(FocusState.Programmatic); // ��Ӧ������������ý���
+    }
+
+    // �༭��Ŀ��ť����¼�
+    private void EditProjectButton_Click(object sender, RoutedEventArgs e)
+    {
+        if (_selectedPhoneAppItem == null)
+        {
+            ShowMessageDialog("��ʾ", "���ȴ��б���ѡ��һ����Ŀ���б༭��");
+            return;
+        }
+        SetInputAreaReadOnly(false); // ���ֻ��״̬�������༭
+        AppNameInputTextBox.Focus(FocusState.Programmatic); // ��Ӧ������������ý���
+    }
+
+    // ListView ѡ����ı��¼�
+    private void ProjectListView_SelectionChanged(object sender, SelectionChangedEventArgs e)
+    {
+        _selectedPhoneAppItem = ProjectListView.SelectedItem as PhoneAppItem;
+
+        if (_selectedPhoneAppItem != null)
+        {
+            // ����Ҳ������
+            AppNameInputTextBox.Text = _selectedPhoneAppItem.AppName;
+            WebsitesStackPanel.Children.Clear();
+            _websiteCounter = 0; // ���ü�����
+
+            foreach (var url in _selectedPhoneAppItem.AppUrls)
+            {
+                AddWebsiteInputControl(url, true); // ��䲢����Ϊֻ��
+            }
+            // ���û����վ��Ҳ����һ��ֻ���Ŀ������
+            if (_selectedPhoneAppItem.AppUrls.Count == 0)
+            {
+                AddWebsiteInputControl("", true);
+            }
+
+            SetInputAreaReadOnly(true); // Ĭ��ֻ��
+            SaveProjectButton.Content = "������Ŀ"; // �ı䰴ť�ı�
+        }
+        else
+        {
+            // ���û��ѡ�����ղ�����Ϊֻ��
+            ClearInputArea();
+            SetInputAreaReadOnly(true);
+            SaveProjectButton.Content = "������Ŀ"; // �ָ���ť�ı�
+        }
+    }
+
+    // �����������ĸ�������
+    private void ClearInputArea()
+    {
+        AppNameInputTextBox.Text = string.Empty;
+        WebsitesStackPanel.Children.Clear(); // ���������վ�����
+        _websiteCounter = 0; // ���ü�����
+        AddWebsiteInputControl(); // ��������һ��Ĭ�ϵ���վ�����
+    }
+
+    // ������������ֻ��״̬�ĸ�������
+    private void SetInputAreaReadOnly(bool isReadOnly)
+    {
+        AppNameInputTextBox.IsReadOnly = isReadOnly;
+        // ��վ���Ӱ�ť
+        // �޸��㣺�� FindName ���ص� object ת��Ϊ Button ����
+        Button addWebsiteButton = (WebsitesStackPanel.Parent as ScrollViewer)?.FindName("AddWebsiteButton") as Button;
+        if (addWebsiteButton != null)
+        {
+            addWebsiteButton.IsEnabled = !isReadOnly;
+        }
+        // �������ж�̬���ӵ���վ������ɾ����ť
+        foreach (UIElement child in WebsitesStackPanel.Children)
+        {
+            if (child is StackPanel websiteEntryPanel)
+            {
+                if (websiteEntryPanel.Children.FirstOrDefault() is TextBox websiteTextBox)
+                {
+                    websiteTextBox.IsReadOnly = isReadOnly;
+                }
+                if (websiteEntryPanel.Children.LastOrDefault() is Button deleteButton)
+                {
+                    deleteButton.IsEnabled = !isReadOnly;
+                }
+            }
+        }
+        SaveProjectButton.IsEnabled = !isReadOnly || _selectedPhoneAppItem != null; // ���水ť�ڱ༭ģʽ�¿��ã���������ѡ����ʱ���ã���Ȼ��ֻ��ģʽ��ͨ�������ã�
+        // ������߼��ǣ��������ֻ��ģʽ�����水ť���á������ֻ��ģʽ������ѡ���
+        // ��ôֻ�С��༭��Ŀ���������Ż���ֻ����
+        // ����Ϊ��ֻ���ڷ�ֻ��ģʽ�²���������
+        SaveProjectButton.IsEnabled = !isReadOnly;
+        EditProjectButton.IsEnabled = isReadOnly && _selectedPhoneAppItem != null; // ֻ����ֻ��ģʽ����ѡ����ʱ���༭��ť�ſ���
+    }
+
+
+    // ������������ʾ��Ϣ�Ի���
+    private async void ShowMessageDialog(string title, string content)
+    {
+        ContentDialog dialog = new ContentDialog
+        {
+            Title = title,
+            Content = content,
+            CloseButtonText = "ȷ��",
+            XamlRoot = this.Content.XamlRoot
+        };
+        await dialog.ShowAsync();
+    }
+}
diff --git a/WinUINotes/WinUINotes.csproj b/WinUINotes/WinUINotes.csproj
index 117f374..0b939c2 100644
--- a/WinUINotes/WinUINotes.csproj
+++ b/WinUINotes/WinUINotes.csproj
@@ -48,6 +48,11 @@
   <ItemGroup>
     <ProjectReference Include="..\WinUINotes.Grpc\WinUINotes.Grpc.csproj" />
   </ItemGroup>
+  <ItemGroup>
+    <Page Update="PhoneAppBinderPage.xaml">
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
   <ItemGroup>
     <Page Update="FileUploadPage.xaml">
       <Generator>MSBuild:Compile</Generator>