基于 abp vnext 和 .net core 开发博客项目 -凯发k8官方网
基于 abp vnext 和 .net core 开发博客项目 - blazor 实战系列（八）
转载于：https://github.com/meowv/blog
上一篇完成了标签模块和凯发k8官方网的友情链接模块的所有功能，本篇来继续完成博客最后的模块，文章的管理。
文章列表&删除
图片
先将分页查询的列表给整出来，这块和凯发k8官方网首页的分页列表是类似的，就是多了个id字段。
添加两条路由规则。
@page “/admin/posts”
@page “/admin/posts/{page:int}”
新建返回数据默认querypostforadmindto.cs。
//querypostforadmindto.cs
using system.collections.generic;
namespace meowv.blog.blazorapp.response.blog
{
public class querypostforadmindto
{
///
/// 年份
///
public int year { get; set; }
}
//postbriefforadmindto.cs
namespace meowv.blog.blazorapp.response.blog
{
public class postbriefforadmindto : postbriefdto
{
///
/// 主键
///
public int id { get; set; }
}
}
然后添加所需的参数：当前页码、限制条数、总页码、文章列表返回数据模型。
///
/// 当前页码
///
[parameter]
public int? page { get; set; }
///
/// 限制条数
///
private int limit = 15;
///
/// 总页码
///
private int totalpage;
///
/// 文章列表数据
///
private serviceresult
然后在初始化函数oninitializedasync()中调用api获取文章数据.
///
/// 初始化
///
protected override async task oninitializedasync()
{
var token = await common.getstorageasync(“token”);
http.defaultrequestheaders.add(“authorization”, $“bearer {token}”);
}
///
/// 点击页码重新渲染数据
///
///
///
private async task renderpage(int? page)
{
// 获取数据
posts = await http.getfromjsonasync
}
在初始化中判断page参数，如果没有值给他设置一个默认值1。renderpage(int? page)方法是调用api返回数据，并计算出总页码值。
最后在页面上进行数据绑定。
@if (posts == null) { } else {📝~~~ 新增文章 ~~~📝
@if (posts.success && posts.result.item.any()) { @foreach (var item in posts.result.item) {@item.year
@foreach (var post in item.posts) {总结
以上是凯发k8官方网为你收集整理的基于 abp vnext 和 .net core 开发博客项目 - blazor 实战系列（八）的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： 基于 abp vnext 和 .net
- 下一篇：