SpringBoot个人博客开发(十三)----功能实现2.分类管理

本文档介绍了在SpringBoot项目中如何实现博客系统的分类管理功能,包括分类新增。首先展示了已完成的登录和权限控制功能,接着详细描述了创建TypeService接口、实现类TypeServiceImpl以及使用JPA的TypeRepository。在实现增删改查操作后,通过TypeController进行控制器处理,完成分类管理的前后端交互。
摘要由CSDN通过智能技术生成

功能实现2.分类管理。

此时登录和登出以及简单非法访问控制已经弄好了,但是上一章忘记放效果图了。这一章在这里放一下。在这里插入图片描述此时登录没问题了,该做分类新增了。
由于之前后台页面只弄了博客管理博客新增后来做了登录和登录成功页。所以接下来按页面重构后的博客的头部来弄一个分类管理和分类新增,我已经将这两个页面弄完了,点击跳转什么的后面控制器来负责
在这里插入图片描述

types.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head th:replace="admin/_fragments :: head(~{::title})">
    <title>分类管理</title>
</head>
<body>

    <!--头部导航-->
    <nav th:replace="admin/_fragments :: menu(2)"></nav>
    <!--二级导航-->
    <div class="ui inverted attached pointing menu">
        <div class="ui container">
            <div class="right menu">
                <a href="#" th:href="@{/admin/types/post}" class="item">新增</a>
                <a href="#" th:href="@{/admin/types}" class="active teal item">列表</a>
            </div>
        </div>
    </div>
    <!--页面主体-->
    <div class="m-container-small m-padded-tb-big">
        <div class="ui container">
            <!--消息提示-->
            <div class="ui success message" th:unless="${#strings.isEmpty(message)}">
                <i class="close icon"></i>
                <div class="header">提示:</div>
                <p th:text="${message}">操作成功!</p>
            </div>

            <!-- table 列表-->
            <table class="ui celled table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>名称</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="type,iterStat : ${page.content}">
                    <td th:text="${iterStat.count}">1</td>
                    <td th:text="${type.name}">摸鱼!</td>
                    <td>
                        <a href="#" th:href="@{/admin/types/{id}/post(id=${type.id})}" class="ui mini teal button">编辑</a>
                        <a href="#" th:href="@{/admin/types/{id}/delete(id=${type.id})}" class="ui mini red button">删除</a>
                    </td>
                </tr>
                </tbody>
                
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值