内容介绍
本专题将带你使用 axum 实现一个简洁易用的博客系统应用骨架
本章我们将开始搭建本应用的骨架,包括:依赖、`Result` 和 `AppError` 以及通用数据库操作等。模板
我们的博客分为“前台”和“后台”两部分。前台用于展示博客内容,后台用于管理博客。本章我们将编写前台和后台的基础模板以及对应的路由。分类管理
本章开始,我们将对博客的具体业务进行实现。首先,我们实现博客分类的管理功能。文章管理
本章我们将实现博客的文章管理功能。鉴权与登录
本章实现后台管理的鉴权,以及管理员的登录、注销功能。涉及的知识点有:cookie及中间件等。后台管理菜单及首页模板
目前,后台管理功能基本完成,但还有两个工作没做:清理后台管理的导航菜单以及后台管理首页的模板。网站首页
后台管理完成后,我们开始进入前台功能的开发。本章我们将完成博客首页的开发。分类文章列表
本章将实现博客的分类文章列表功能。文章详情
本章将实现博客文章的详情显示功能。存档文章列表
本章将实现存档文章列表功能。注意,本章涉及较多PostgreSQL知识,如果你对相关知识不熟悉,可以先让代码跑起来,再去了解相关知识。总结与作业
恭喜你,已经完成了本专题的学习。下面我们对本专题进行简要的总结。
后台管理菜单及首页模板
- 544037
- 2022-03-26 15:31:07
后台管理菜单
<!-- templates/backend/base.html -->
<!-- ... -->
<div class="container-fluid">
<div class="row">
<nav id="sidebarMenu" class="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
<div class="position-sticky pt-3">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/admin">
<span data-feather="home"></span>
首页
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/admin/category">
<span data-feather="file"></span>
分类
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/admin/topic">
<span data-feather="shopping-cart"></span>
文章
</a>
</li>
</ul>
</div>
</nav>
<!-- ... -->
<!-- templates/backend/index.html -->
{% extends "./base.html" %}
{% block title%}后台管理{%endblock%}
{% block content %}
<div>欢迎光临</div>
{%endblock%}
本章代码位于06/后台管理菜单分支。