WPF实战学习笔记18-优化设计TodoView

最新推荐文章于 2024-02-08 14:44:58 发布

xinzhiya001

最新推荐文章于 2024-02-08 14:44:58 发布

阅读量725

点赞数

文章标签： wpf 学习笔记

本文链接：https://blog.youkuaiyun.com/xinzhiya001/article/details/131909514

版权

这篇博客主要介绍了优化WPF应用中TodoView的实践，包括修复新增项目无法编辑的问题，增加对完成状态的视觉区分，实现选项卡删除功能，添加查询结果为空时的显示，以及增加根据状态过滤查询的特性。同时，博主还修复了更新状态和搜索空字符串时的程序错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

- 优化设计TodoView

优化设计TodoView

修复新增项目无法编辑问题

更新MyToDo.Api/Service/ToDoService.cs

public async Task<ApiReponse> AddAsync(Todo model)
{
    try
    {
        var todo = mapper.Map<Todo>(model);
        await work.GetRepository<Todo>().InsertAsync(todo);
        if (await work.SaveChangesAsync() > 0)
            return new ApiReponse(true, todo);
        return new ApiReponse(false);
    }
    catch (Exception ex)
    {
        return new ApiReponse(false, ex);
    }
}

更新MyToDo.Api/Service/MemoService.cs

        public async Task<ApiReponse> AddAsync(Memo model)
        {
            try
            {
                var memo = mapper.Map<Memo>(model);
                await work.GetRepository<Memo>().InsertAsync(memo);
                if (await work.SaveChangesAsync() > 0)
                    return new ApiReponse(true, memo);
                return new ApiReponse(false);
            }
            catch (Exception ex)
            {
                return new ApiReponse(false, ex);
            }
        }

增加了对完成状态的区分

更新MyToDo.Api/Service/TodoView.xaml

<ItemsControl.ItemTemplate>
    <DataTemplate>
        <Border MinWidth="200" Margin="10">
            <Border.Style>
                <Style TargetType="Border">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Status}" Value="0">
                            <Setter Property="Background" Value="#1E90FF" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding Status}" Value="1">
                            <Setter Property="Background" Value="#3CB371" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Border.Style>
            <Grid MinHeight="150">

增加了选项卡删除功能

更新删除请求URI

更新MyToDo.Api/Service/Baservice.cs

    public async Task<ApiResponse> DeleteAsync(int id)
    {
        BaseRequest request = new BaseRequest();

        request.Method = RestSharp.Method.DELETE;
        request.Route = $"api/{ServiceName}/Delete?todoid={id}";
        return await client.ExecuteAsync(request);

    }

添加删除命令并初始化

更新文件：MyToDo/ViewModel/TodoViewModel.cs

添加内容：

/// <summary>
/// 删除项
/// </summary>
public DelegateCommand<ToDoDto> DeleteCommand { get; set; }



/// <summary>
/// 删除指定项
/// </summary>
/// <param name="dto"></param>
async private void DeleteItem(ToDoDto dto)
{
    var delres = await service.DeleteAsync(dto.Id);

    if (delres.Status)
    {
        var model = TodoDtos.FirstOrDefault(t => t.Id.Equals(dto.Id));
        TodoDtos.Remove(dto);
    }
}

更新内容

public TodoViewModel(ITodoService service,IContainerProvider provider)

最低0.47元/天解锁文章