基于 abp vNext 和 .NET Core 开发博客项目 - Blazor 实战系列(五) (2)

然后页面上有一个后退按钮,这里我在Common.cs中写了一个方法来实现。

/// <summary> /// 后退 /// </summary> /// <returns></returns> public async Task BaskAsync() { await InvokeAsync("window.history.back"); }

还有就是上一篇和下一篇的问题,将具体的URL传递给NavigateTo()方法,然后跳转过去即可。

在Common.cs中将之前文章创建RenderPage()方法修改成NavigateTo()。这个命名更好一点。

/// <summary> /// 跳转指定URL /// </summary> /// <param></param> /// <param>true,绕过路由刷新页面</param> /// <returns></returns> public async Task NavigateTo(string url, bool forceLoad = false) { _navigationManager.NavigateTo(url, forceLoad); await Task.CompletedTask; }

现在数据算是绑定完了,但是遇到了一个大问题,就是详情页面的样式问题,因为用到了Markdown,所以之前是加载了许多JS文件来处理的。那么现在肯定行不通了,所以关于详情页的样式问题暂时搁浅,让我寻找一下好多解决方式。

现在显示是没有问题了,就是不太好看,还有关于添加文章的功能,不知道有什么好的 Markdown 编辑器可以推荐我使用。

1

到这里Blazor的前端展示页面已经全部弄完了,接下来开始写后台相关的页面。

后台首页

关于后台管理的所有页面都放在Admin文件夹下,在Pages文件夹下新建Admin文件夹,然后先添加两个组件页面:Admin.razor、Auth.razor。

Admin.razor为后台管理的首页入口,我们在里面直接添加几个预知的链接并设置其路由。

@page "/admin" <div> <h2>-&nbsp;博客内容管理&nbsp;-</h2> <ul> <li> <a href="http://www.likecs.com/admin/post"><h3>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wspjsp.html