然后页面上有一个后退按钮,这里我在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 编辑器可以推荐我使用。
到这里Blazor的前端展示页面已经全部弄完了,接下来开始写后台相关的页面。
后台首页关于后台管理的所有页面都放在Admin文件夹下,在Pages文件夹下新建Admin文件夹,然后先添加两个组件页面:Admin.razor、Auth.razor。
Admin.razor为后台管理的首页入口,我们在里面直接添加几个预知的链接并设置其路由。
@page "/admin" <div> <h2>- 博客内容管理 -</h2> <ul> <li> <a href="http://www.likecs.com/admin/post"><h3>