WPF实战学习笔记18-优化设计TodoView
文章目录
-
- 优化设计TodoView
-
- 修复新增项目无法编辑问题
- 增加了对完成状态的区分
- 增加了选项卡删除功能
-
- 更新删除请求URI
- 添加删除命令并初始化
- UI添加删除按钮
- 更改控制器
- 增加查询结果为空的图片
-
- 增加转换器
- 修改UI
-
- 添加资源、命名空间
- 添加相关元素
- 增加了根据状态查询的功能
-
- Mytodo.Service/ITodoService增加GetAllFilterAsync接口
- 修改了控制器
- 增加IToDoService接口
- 增加所需字段，属性，以及所需要的方法
- UI层增加绑定的界面
- 增加了IToDoService接口所对应的实现
- 修复更新操作无法更新状态的bug
- 修复当Search为空时查询失败的bug
优化设计TodoView
修复新增项目无法编辑问题
更新MyToDo.Api/Service/ToDoService.cs
public async Task AddAsync(Todo model)
{
try
{
var todo = mapper.Map(model);
await work.GetRepository().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 AddAsync(Memo model)
{
try
{
var memo = mapper.Map(model);
await work.GetRepository().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
增加了选项卡删除功能
更新删除请求URI
更新MyToDo.Api/Service/Baservice.cs
public async Task 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
添加内容：
///
/// 删除项
///
public DelegateCommand DeleteCommand { get; set; }
///
/// 删除指定项
///
///
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) : base(provider)
{
//初始化对象
TodoDtos = new ObservableCollection();
RightContentTitle = "添加血雨待办";
//初始化命令
SelectedCommand = new DelegateCommand(Selected);
OpenRightContentCmd = new DelegateCommand(Add);
ExecuteCommand = new DelegateCommand(ExceuteCmd);
DeleteCommand = new DelegateCommand(DeleteItem);
this.service = service;
}
UI添加删除按钮
更新文件：MyToDo/Views/TodoView.cs
更新内容：
更改控制器
更新文件：MyToDo.Api/Controllers/TodoController.cs
更新内容：
public async Task Delete(int todoid)=> await service.DeleteAsync(todoid);
增加查询结果为空的图片
增加转换器
添加文件：MyToDo/Common/Converters/IntToVisibilityConveter.cs
更新内容：
using System;
using System.Collections.Generic;
using System.Globalization;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Data;
using System.Windows.Media;
namespace Mytodo.Common.Converters
{
[ValueConversion(typeof(Color), typeof(Brush))]
public class ColorToBrushConverter : IValueConverter
{
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
if (value is Color color)
{
return new SolidColorBrush(color);
}
return Binding.DoNothing;
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
if (value is SolidColorBrush brush)
{
return brush.Color;
}
return default(Color);
}
}
}
修改UI
添加资源、命名空间
更新文件：MyToDo/Ｖｉｅｗｓ/Converters/TodoView.xaml.cs
更新内容：
xmlns:cv="clr-namespace:Mytodo.Common.Converters"
添加相关元素
FontSize="14" />
增加了根据状态查询的功能
Mytodo.Service/ITodoService增加GetAllFilterAsync接口
using Mytodo.Common.Models;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using MyToDo.Share.Models;
using MyToDo.Share.Contact;
using MyToDo.Share.Parameters;
using MyToDo.Share;
namespace Mytodo.Service
{
public interface ITodoService:IBaseService
{
Task>> GetAllFilterAsync(TodoParameter parameter);
}
}
修改了控制器
MyToDo.Api.Controllers/TodoController
[HttpGet]
public async Task GetAll([FromQuery] TodoParameter param) => await service.GetAllAsync(param);
增加IToDoService接口
MyToDo.Api.Service/IToDoService
namespace MyToDo.Api.Service
{
public interface IToDoService : IBaseService
{
Task GetAllAsync(TodoParameter parameter);
}
}
增加所需字段，属性，以及所需要的方法
更新文件：Mytodo.ViewModels/TodoViewModel.cs
///
/// 项目状态
///
public int SelectIndex
{
get { return selectIndex; }
set { selectIndex = value; RaisePropertyChanged(); }
}
private int selectIndex;
///
/// 保存消息
///
private async void Save()
{
try
{
if (string.IsNullOrWhiteSpace(CurrDto.Title) || string.IsNullOrWhiteSpace(CurrDto.Content))
return;
UpdateLoding(true);
if(CurrDto.Id>0) //编辑项
{
var updateres = await service.UpdateAsync(CurrDto);
if (updateres.Status)
{
UpdateDataAsync();
}
else
{
MessageBox.Show("更新失败");
}
}
else
{
//添加项
var add_res = await service.AddAsync(CurrDto);
//刷新
if (add_res.Status) //如果添加成功
{
TodoDtos.Add(add_res.Result);
}
else
{
MessageBox.Show("添加失败");
}
}
}
catch
{
}
finally
{
IsRightOpen = false;
//卸载数据加载窗体
UpdateLoding(false);
}
}
///
/// 打开待办事项弹窗
///
void Add()
{
CurrDto = new ToDoDto();
IsRightOpen = true;
}
private void Query()
{
GetDataAsync();
}
///
/// 根据条件更新数据
///
async void UpdateDataAsync()
{
int? Status = SelectIndex == 0 ? null : SelectIndex == 2 ? 1 : 0;
var todoResult = await service.GetAllFilterAsync(new MyToDo.Share.Parameters.TodoParameter { PageIndex = 0, PageSize = 100, Search = SearchString, Status = Status });
if (todoResult.Status)
{
todoDtos.Clear();
foreach (var item in todoResult.Result.Items)
todoDtos.Add(item);
}
}
///
/// 获取所有数据
///
async void GetDataAsync()
{
//调用数据加载页面
UpdateLoding(true);
//更新数据
UpdateDataAsync();
//卸载数据加载页面
UpdateLoding(false);
}
UI层增加绑定的界面
增加了IToDoService接口所对应的实现
public async Task GetAllAsync(QueryParameter parameter)
{
try
{
var repository = work.GetRepository();
var todos = await repository.GetPagedListAsync(predicate:
x => string.IsNullOrWhiteSpace(parameter.Search) ? true : x.Title.Contains(parameter.Search),
pageIndex: parameter.PageIndex,
pageSize: parameter.PageSize,
orderBy: source => source.OrderByDescending(t => t.CreateDate));
return new ApiReponse(true, todos);
}
catch (Exception ex)
{
return new ApiReponse(ex.Message,false);
}
}
修复更新操作无法更新状态的bug
public async Task UpdateAsync(Todo model)
{
try
{
var dbtodo = mapper.Map(model);
//获取数据
var resposity = work.GetRepository();
//
var todo = await resposity.GetFirstOrDefaultAsync(predicate: x => x.Id.Equals(dbtodo.Id));
if(todo == null)
return new ApiReponse("修改失败，数据库中无给定条件的数据项",false);
todo.Title= dbtodo.Title;
todo.UpdateDate=DateTime.Now;
todo.CreateDate = dbtodo.CreateDate;
todo.Content = dbtodo.Content;
todo.Status = dbtodo.Status;
resposity.Update(todo);
if (await work.SaveChangesAsync() > 0)
return new ApiReponse(true);
return new ApiReponse(false);
}
catch (Exception ex)
{
return new ApiReponse(ex.Message, false);
}
}
修复当Search为空时查询失败的bug
Mytodo.Service/TodoService.cs
public async Task>> GetAllFilterAsync(TodoParameter parameter)
{
BaseRequest request = new BaseRequest();
request.Method = RestSharp.Method.GET;
var parameter_search = parameter.Search;
if(parameter_search==null)
{
request.Route = $"api/ToDo/GetAll?pageIndex={parameter.PageIndex}" +
$"&pageSize={parameter.PageSize}" +
$"&status={parameter.Status}";
}
else
request.Route = $"api/ToDo/GetAll?pageIndex={parameter.PageIndex}" +
$"&pageSize={parameter.PageSize}" +
$"&search={parameter.Search}" +
$"&status={parameter.Status}";
return await client.ExecuteAsync>(request);
}