Spring Boot实训开发个人博客9 - 标签管理

最新推荐文章于 2023-06-12 17:51:17 发布
最新推荐文章于 2023-06-12 17:51:17 发布
阅读量111 收藏
点赞数
分类专栏： Spring Boot实训
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lbj5063/article/details/118355069
版权

文章目录

一、标签管理

（一）复制types.html修改 - tags.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="admin/_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签管理</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/me.css">
</head>
<body>
    <!--导航-->
    <nav th:replace="admin/_fragments ::menu(3)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
        <div class="ui container">
            <div class="ui inverted secondary stackable menu">
                <h2 class="ui teal header item">管理后台</h2>
                <a href="#" class="active m-item item m-mobile-hide"><i class="home icon"></i>博客</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="tags icon"></i>标签</a>
                <div class="right m-item m-mobile-hide menu">
                    <div class="ui dropdown item">
                        <div class="text">
                            <img class="ui avatar image" src="https://unsplash.it/100/100?image=1005">
                            袁晓晓
                        </div>
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <a href="#" class="item">注销</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
            <i class="sidebar icon"></i>
        </a>
    </nav>
    <div class="ui attached pointing menu">
        <div class="ui container">
            <div class="right menu">
                <a href="#" th:href="@{/admin/tags/input}" class="item">新增</a>
                <a href="#" th:href="@{/admin/tags}" class="teal active 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 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/tags/{id}/input(id=${type.id})}" class="ui mini teal basic button">编辑</a>
                            <a href="#" th:href="@{/admin/tags/{id}/delete(id=${type.id})}" class="ui mini red basic button">删除</a>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="6">
                            <div class="ui mini pagination menu" th:if="${page.totalPages}>1">
                                <a th:href="@{/admin/tags(page=${page.number}-1)}" class="item" th:unless="${page.first}">上一页</a>
                                <a th:href="@{/admin/tags(page=${page.number}+1)}" class="item" th:unless="${page.last}">下一页</a>
                            </div>
                            <a href="#" th:href="@{/admin/tags/input}" class="ui mini right floated teal basic button">新增</a>
                        </th>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>

    <br>
    <br>
    <!--底部footer-->
    <footer th:replace="admin/_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive">
        <div class="ui center aligned container">
            <div class="ui inverted divided stackable grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="../../static/images/wechat.jpg" class="ui rounded image" alt="" style="width: 110px">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">用户故事（User Story）</a>
                        <a href="#" class="item">用户故事（User Story）</a>
                        <a href="#" class="item">用户故事（User Story）</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">联系我</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Email: listen@169.com</a>
                        <a href="#" class="item">QQ: 2293432330</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">Lirenmi</h4>
                    <p class="m-text-thin m-text-spaced m-opacity-mini">这是我的个人博客，会分享关于编程、写作、思考相关的任何内容，希望可以给来到这儿的人有所帮助...</p>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright@2019-2022Lirenml Designed by Lirenmi</p>
        </div>

    </footer>

    <!--/*/<th:block th:replace="_fragments :: script">/*/--><!--加/*/静态页面注释有效，动态页面注释无效-->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <!--/*/</th:block>/*/-->

    <script>
        $('.menu.toggle').click(function () {
            $('.m-item').toggleClass('m-mobile-hide');
        });

        $('.ui.dropdown').dropdown({
            on : 'hover'
        });

        //消息提示关闭初始化
        $('.message .close')
            .on('click', function() {
                $(this)
                    .closest('.message')
                    .transition('fade')
            });
    </script>
</body>
</html>

（二）复制types-input.html修改 - tags-input.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="admin/_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签新增</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
    <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css">
    <link rel="stylesheet" href="../../static/css/me.css">
</head>
<body>
    <!--导航-->
    <nav th:replace="admin/_fragments ::menu(3)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
        <div class="ui container">
            <div class="ui inverted secondary stackable menu">
                <h2 class="ui teal header item">管理后台</h2>
                <a href="#" class="active m-item item m-mobile-hide"><i class="home icon"></i>博客</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>
                <a href="#" class="m-item item m-mobile-hide"><i class="tags icon"></i>标签</a>
                <div class="right m-item m-mobile-hide menu">
                    <div class="ui dropdown item">
                        <div class="text">
                            <img class="ui avatar image" src="https://unsplash.it/100/100?image=1005">
                            袁晓晓
                        </div>
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <a href="#" class="item">注销</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a href="#" class="ui menu toggle black icon button m-right-top m-mobile-show">
            <i class="sidebar icon"></i>
        </a>
    </nav>
    <div class="ui attached pointing menu">
        <div class="ui container">
            <div class="right menu">
                <a href="#" th:href="@{/admin/tags/input}" class="active item">新增</a>
                <a href="#" th:href="@{/admin/tags}" class="teal item">列表</a>
            </div>
        </div>
    </div>

    <!--中间内容-->
    <div class="m-container-small m-padded-tb-big">
        <div class="ui container">
            <form action="#" method="post" th:object="${tag}" th:action="*{id}==null ? @{/admin/tags} : @{/admin/tags/{id}(id=*{id})}"  class="ui form">
                <input type="hidden" name="id" th:value="*{id}">
                <div class="required field">
                    <div class="ui left labeled input">
                        <label class="ui teal basic label">名称</label>
                        <input type="text" name="name" placeholder="分类名称" th:value="*{name}">
                    </div>
                </div>

                <div class="ui mini error message"></div>
                <!--/*/
                <div class="ui negative message" th:if="${#fields.hasErrors('name')}">
                    <i class="close icon"></i>
                    <div class="header">验证失败</div>
                    <p th:errors="*{name}">提交信息不符合规则</p>
                </div>
                /*/-->
                <div class="ui right aligned container">
                    <button type="button" class="ui button" onclick="window.history.go(-1)">返回</button>
                    <button class="ui teal submit button">提交</button>
                </div>
            </form>
        </div>
    </div>

    <br>
    <br>
    <br>
    <br>
    <br>
    <!--底部footer-->
    <footer th:replace="admin/_fragments :: footer" class="ui inverted vertical segment m-padded-tb-massive">
        <div class="ui center aligned container">
            <div class="ui inverted divided stackable grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="../../static/images/wechat.jpg" class="ui rounded image" alt="" style="width: 110px">
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">用户故事（User Story）</a>
                        <a href="#" class="item">用户故事（User Story）</a>
                        <a href="#" class="item">用户故事（User Story）</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">联系我</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Email: listen@169.com</a>
                        <a href="#" class="item">QQ: 2293432330</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header m-text-thin m-text-spaced">Lirenmi</h4>
                    <p class="m-text-thin m-text-spaced m-opacity-mini">这是我的个人博客，会分享关于编程、写作、思考相关的任何内容，希望可以给来到这儿的人有所帮助...</p>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright@2019-2022Lirenml Designed by Lirenmi</p>
        </div>

    </footer>

    <!--/*/<th:block th:replace="_fragments :: script">/*/--><!--加/*/静态页面注释有效，动态页面注释无效-->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <!--/*/</th:block>/*/-->

    <script>

        $('.menu.toggle').click(function () {
            $('.m-item').toggleClass('m-mobile-hide');
        });

        $('.ui.dropdown').dropdown({
            on : 'hover'
        });

        $('.ui.form').form({
            fields : {
                title: {
                    identifier : 'name',
                    rules : [{
                        type :'empty',
                        prompt : '请输入分类名称'
                    }]
                }
            }
        });
    </script>
</body>
</html>

（三）TagService接口

在这里插入图片描述

（四）TagServiceImpl实现类

package net.lbj.service;

import net.lbj.NotFoundException;
import net.lbj.dao.TagRepository;
import net.lbj.po.Tag;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.Pageable;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

/**
 * 20210630
 */
@Service
public class TagServiceImpl implements TagService{

    @Autowired
    private TagRepository tagRepository;


    @Transactional
    @Override
    public Tag saveTag(Tag tag) {
        return tagRepository.save(tag);
    }

    @Transactional
    @Override
    public Tag getTag(Long id) {
        return tagRepository.findById(id).orElse(null);
    }

    @Override
    public Tag getTagByName(String name) {
        return tagRepository.findByName(name);
    }

    @Transactional
    @Override
    public Page<Tag> listTag(Pageable pageable) {
        return tagRepository.findAll(pageable);
    }

    @Transactional
    @Override
    public Tag updateTag(Long id, Tag tag) {
        Tag t = tagRepository.findById(id).orElse(null);
        if (t == null) {
            throw new NotFoundException("不存在该标签");
        }
        BeanUtils.copyProperties(tag,t);
        return tagRepository.save(t);
    }

    @Transactional
    @Override
    public void deleteTag(Long id) {
        tagRepository.deleteById(id);
    }
}

（五）TagRepository接口

在这里插入图片描述

（六）TagController控制器

package net.lbj.web.admin;

import net.lbj.po.Tag;
import net.lbj.service.TagService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Pageable;
import org.springframework.data.domain.Sort;
import org.springframework.data.web.PageableDefault;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.validation.BindingResult;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.mvc.support.RedirectAttributes;

import javax.validation.Valid;

/**
 * 20210630
 */
@Controller
@RequestMapping("/admin")
public class TagController {

    @Autowired
    private TagService tagService;

    @GetMapping("/tags")
    public String tags(@PageableDefault(size = 3,sort = {"id"},direction = Sort.Direction.DESC)
                               Pageable pageable, Model model) {
        model.addAttribute("page",tagService.listTag(pageable));
        return "admin/tags";
    }

    @GetMapping("/tags/input")
    public String input(Model model) {
        model.addAttribute("tag", new Tag());
        return "admin/tags-input";
    }

    @GetMapping("/tags/{id}/input")
    public String editInput(@PathVariable Long id, Model model) {
        model.addAttribute("tag", tagService.getTag(id));
        return "admin/tags-input";
    }


    @PostMapping("/tags")
    public String post(@Valid Tag tag, BindingResult result, RedirectAttributes attributes) {
        Tag tag1 = tagService.getTagByName(tag.getName());
        if (tag1 != null) {
            result.rejectValue("name","nameError","不能添加重复的分类");
        }
        if (result.hasErrors()) {
            return "admin/tags-input";
        }
        Tag t = tagService.saveTag(tag);
        if (t == null ) {
            attributes.addFlashAttribute("message", "新增失败");
        } else {
            attributes.addFlashAttribute("message", "新增成功");
        }
        return "redirect:/admin/tags";
    }


    @PostMapping("/tags/{id}")
    public String editPost(@Valid Tag tag, BindingResult result,@PathVariable Long id, RedirectAttributes attributes) {
        Tag tag1 = tagService.getTagByName(tag.getName());
        if (tag1 != null) {
            result.rejectValue("name","nameError","不能添加重复的分类");
        }
        if (result.hasErrors()) {
            return "admin/tags-input";
        }
        Tag t = tagService.updateTag(id,tag);
        if (t == null ) {
            attributes.addFlashAttribute("message", "更新失败");
        } else {
            attributes.addFlashAttribute("message", "更新成功");
        }
        return "redirect:/admin/tags";
    }

    @GetMapping("/tags/{id}/delete")
    public String delete(@PathVariable Long id,RedirectAttributes attributes) {
        tagService.deleteTag(id);
        attributes.addFlashAttribute("message", "删除成功");
        return "redirect:/admin/tags";
    }
}

（七）运行效果

  • 登录后点击标签
    在这里插入图片描述
  • 点击新增按钮实现跳转
    在这里插入图片描述
  • 不输数据直接点击提交，弹出提示
    在这里插入图片描述
  • 输入重复的数据弹出提示信息
    在这里插入图片描述
  • 新增成功弹出提示
    在这里插入图片描述
  • 编辑按钮实现修改数据功能
    在这里插入图片描述
  • 删除按钮，实现删除数据功能

在这里插入图片描述

lbj5063
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Spring boot+Vue博客平台:文章列表展示、文章分类与标签管理模块实现
sybh的博客
04-11 1689
本文将详细介绍如何实现博客平台中的文章列表展示、文章分类与标签管理功能，包括前端的Vue组件设计和后端的Spring Boot接口实现。在阅读本文后，您将了解如何设计和实现高效、易用的文章列表展示、文章分类与标签管理功能。
SpringBoot开发-分类管理+标签管理
weixin_40699504的博客
07-29 459
1.实体类设计 首先是Type类型，用来表示新闻的类型 package com.zr0726.news.po; import javax.persistence.*; import javax.validation.constraints.NotBlank; import java.util.ArrayList; import java.util.List; @Entity @Table(name = "t_type") public class Type { @Id @Gene
SpringBoot实训项目：个人博客后台管理中标签管理-----学习16
uoprewqsnh的博客
06-16 459
文章目录一、思维导图二、标签管理1、创建标签管理页面（1）、创建标签页面（2）、创建标签新增页面2、标签列表分页（1）、创建标签接口（2）、创建数据库操作（3）、创建实现标签的结果（4）、创建标签外部层次3、标签新增、修改、删除（1）、标签新增（2）、运行查看效果（3）、判断新增是否添加成功（4）、添加修改（5）、添加删除 一、思维导图 二、标签管理 标签管理页面 标签列表分页 标签新增、修改、删除 1、创建标签管理页面 （1）、创建标签页面 （2）、创建标签新增页面 2、标签列表分页 （1）
Spring Boot 常用注解
yy139926的博客
08-03 232
注解记录
基于SpringBoot+Mybatis+JSP的班级管理项目（七）标签crud功能实现
m0_64393446的博客
06-12 97
【代码】基于SpringBoot+Mybatis+JSP的班级管理项目（七）标签crud功能实现。
Spring Boot实训开发个人博客10 - 博客管理
lbj5063的博客
06-30 610
文章目录一、博客管理（一）博客分页查询（二）博客新增（三）博客修改（四）博客删除 一、博客管理 （一）博客分页查询 （二）博客新增 （三）博客修改 （四）博客删除
学校实训毕业商用项目-响应式企业后台(自适应手机).zip
09-04
本项目是一个针对学校实训和毕业生设计的商用项目，主要特点是具备响应式布局，能够自适应手机等移动设备，提供一个高效、便捷的企业后台管理界面。这个压缩包包含了一个完整的前端解决方案，旨在帮助学生实践和提升...
Web实训开发
06-14
在“Web实训开发”这个主题中，我们主要探讨的是如何通过实践来提升Web开发技能，以便更好地理解和掌握这一领域的各种技术。Web开发涵盖了前端、后端以及二者之间的交互，涉及的知识点广泛且深入。 首先，我们要...
大学毕业设计 项目实训 在线问答网站 源代码
12-14
1. **Web开发框架**：项目可能基于某种流行的Web开发框架，如Spring Boot、Django或Node.js的Express。这些框架为开发者提供了快速构建Web应用的结构和工具。 2. **前端技术**：网页的交互和展示部分可能使用HTML、...
实训源码-2131720021何承儒.zip
10-11
1. **Web开发框架**：源码可能使用了常见的Web框架，如Spring Boot、Django或Node.js的Express，这些框架简化了后端服务的构建。 2. **前端技术**：用户界面可能由HTML、CSS和JavaScript构建，可能使用了React、Vue...
springboot项目实训源代码+thymeleaf+mysql+mybatis
02-23
4、thymeleaf模板的配置，常用标签的使用，if,for,include,replace标签 6、用户管理：新增，修改，删除，查询功能 9、页面功能由html+thymeleaf实现 10、数据库脚本及数据在项目源代码主文件夹user.sql 课程资料...
SpringBoot开发一个小而美的个人博客（五）分类、标签管理
舒克、舒克的博客
02-28 719
分类管理和标签管理的功能和页面都很相似，都是两个页面，一个新增页面，一个列表显示页面。 新增、编辑页面 列表显示页面 新增、编辑 新增和编辑都是在一个页面实现，可以通过是否有id，判断是进行新增操作还是修改操作。 前端核心代码 html代码 <div class="m-container-big m-padded-tn-big"> <div class="ui container"> <form action="#
springboot实现标签及分类管理
brsmsg的博客
07-29 983
接着之前的项目进行开发，新建实体类Tag： 省略了构造函数，getter/setter方法 @Entity @Table(name = "t_tag") public class Tag { @Id @GeneratedValue private Long id; @NotBlank(message = "标签名称不能为空") private String name; } 同样要使用JPA要创建接口： public interface TagRepository e
Spring Boot制作个人博客-后端管理（标签管理）
qq_48838980的博客
06-15 310
文章目录一、标签管理页面1、拷贝types.html做修改2、拷贝types-input.html做修改二、标签列表分页1、TagService接口2、TagServiceImpl服务实现类3、TagRepository接口4、TagController控制器三、测试效果 一、标签管理页面 标签管理与分类管理为相同的做法，以下都是拷贝分类管理的相关代码作更改实现的效果 1、拷贝types.html做修改 <!DOCTYPE html> <html lang="en" xmlns:th
使用SpringBoot实现分类管理和标签管理
Characterzzzzz的博客
07-29 1895
使用SpringBoot实现分类管理和标签管理 今天的学习任务是添加分类的增删改功能，以及标签的增改查功能 （一）分类的增删改功能 1.在TypeRepository中添加接口，用来控制不能添加重复的分类： Type findByName(String name); 2.在TypeService中增加方法接口： Type saveType(Type type); Type getTypeByName(String name); void delete(Long id); Type
springboot个人博客的构建（6） 分类管理(标签管理)
qq_40979622的博客
11-02 2613
标签管理和分类管理一样。 分类管理页面： 首先：建立HTML文件types.html 这个是分类列表的页面。  这个页面是由blog.html页面由来的，进行修改得到。 看源代码:这里用的模板引用，在admin/下面建立新的模板引擎。 先看模板引擎： &lt;!DOCTYPE html&gt; &lt;html lang="en" xmlns:th="http://www...
java毕设&课设-ASP校友录设计(源代码+论文).zip
最新发布
07-21
计算机毕业设计资源包含（项目部署视频+源码+LW+开题报告等等），所有项目经过助教老师跑通，有问题可以私信博主解决，可以免费帮部署。
ASP网上书店售书系统设计(源代码+论文).rar
07-21
ASP网上书店售书系统设计(源代码+论文)
ASP+SQL客户关系管理系统设计(源代码+论文).rar
07-21
ASP+SQL客户关系管理系统设计(源代码+论文)
spring boot vue-element 开发个人博客项目实战教程
04-28
很高兴回答你的问题。对于Spring Boot和Vue-Element开发个人博客项目的实战教程，我可以提供以下的步骤： 1. 项目准备 首先，你需要安装好Java、Maven和Node.js环境。然后，创建一个Spring Boot项目，添加相关依赖，如Spring Web、Spring Data JPA、MySQL数据库驱动等。 接着，你需要创建一个Vue.js项目，在项目中添加Element UI组件库和Vue Router路由，同时使用Vue CLI来管理项目。 2. 后端开发 在后端开发中，你可以使用Spring Boot提供的JPA来操作数据库，定义实体类和Repository。同时，你需要编写Controller来处理前端发送的请求，并返回相应的数据。 3. 前端开发 在前端开发中，你需要使用Vue.js和Element UI组件库来构建页面。你可以使用Vue Router来实现页面跳转，并使用Axios来发送异步请求。 4. 项目整合 在项目整合中，你需要将前端代码打包，然后将其放置到Spring Boot项目的静态资源目录下。同时，你需要编写Spring Boot的Controller来处理前端请求，并返回相应的数据。 5. 项目部署 最后，你需要将项目打包成可执行的Jar包，并将其部署到服务器上。 以上就是Spring Boot和Vue-Element开发个人博客项目的实战教程的步骤。希望能对你有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值