10.新增博客功能-结束语---《Beetl视频课程》

简介:

本期视频实现发布新博客功能

一起学beetl目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598

作者:GK


教程进入了尾声,该讲的知识点基本讲到了,本节课不会讲新的知识点。

今天来实现最后一个功能:发布博客。

新建一个发布页面 create.html

<%
layout("/common/layout.html",{title:"新建博客",notShow:true}){
%>

<div class="widewrapper main">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-md-offset-3 clean-superblock" id="contact">
                    <h2>Contact</h2>
                    
                    <form action="${ctxPath}/saveBlog" method="post" accept-charset="utf-8" class="contact-form">
                        <input type="text" name="title" id="contact-name" placeholder="title" class="form-control input-lg">
                        <input type="text" name="category" id="contact-email" placeholder="category" class="form-control input-lg">
                        <input type="text" name="img"  placeholder="图片地址" class="form-control input-lg">

                        <textarea rows="10" name="content" id="contact-body" placeholder="Your Content" class="form-control input-lg"></textarea>

                        <div class="buttons clearfix">
                            <button type="submit" class="btn btn-xlarge btn-clean-one">Submit</button>
                        </div>                    
                    </form>
                </div>
            </div>        
        </div>
    </div>
<%}%>

在后台增加两个请求:

    @GetMapping("/createBlog")
    public String createBlog(HttpServletRequest request) {
        return "create.html";
    }

    @PostMapping("/saveBlog")
    public String saveBlog(
            Blog blog,
            HttpServletRequest request) {
        blogService.saveBlog(blog);
        return "redirect:/";
    }

访问 localhost:8080/createBlog进行博客新增。

到这一节该讲的知识点都讲完了,只要大家熟练的使用前几节讲的知识点,能够应付大部分场景了。

我们这一套《一起学Beetl》视频课程也结束了。

博客还有删除、修改,功能没有实现,还有更多更加丰富的功能可以实现,这些都留给大家,当做课后作业,如果有同学能提交PR更好不过了。

有人说为什么这么简单的知识点讲的这么慢,而且磕磕绊绊。

做这个视频最初的想法是,带着错误和大家一起去开发,不至于让新手在遇到错误时,束手无策,所以会有一些磕磕绊绊。

希望大家能自己去探索和发现Beetl更多高级功能,真的很强大!加油!

项目git地址:https://gitee.com/gavink/beetl-blog

视频地址:下载下来会更清晰,视频比较长,可使用倍速看

百度网盘下载: https://pan.baidu.com/s/1LyxAxlKpVXgVjwSXIbzBuA 提取码: 68im

在线播放地址:bilibili (可以调节清晰度): https://www.bilibili.com/video/av36278644/?p=10

博客目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598

目录
相关文章
|
5月前
|
消息中间件 设计模式 分布式计算
大厂招聘重点全在这!GitHub置顶Java基础-高级面试库+自学路线
最近几年经常会听见这样一种声音:“程序员是吃青春饭的,年龄一大就不吃香了”,在当下这种互联网产业增速放缓,甚至隐约展现出疲态的时刻,此类言论就很有市场。
|
7月前
|
容器
美多商城项目(十二)-功能补充
美多商城项目(十二)-功能补充
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十三天-重构和代码迁移1
前端学习笔记202305学习笔记第二十三天-重构和代码迁移1
30 0
|
11月前
|
前端开发
前端学习笔记202304学习笔记第九天-lerna简介和重点1
前端学习笔记202304学习笔记第九天-lerna简介和重点1
43 0
|
11月前
|
前端开发
前端学习笔记202304学习笔记第九天-lerna简介和重点2
前端学习笔记202304学习笔记第九天-lerna简介和重点2
48 0
|
11月前
|
前端开发
前端学习笔记202304学习笔记第九天-lema核心操作2
前端学习笔记202304学习笔记第九天-lema核心操作2
32 0
|
11月前
|
前端开发
前端学习笔记202304学习笔记第九天-lema核心操作1
前端学习笔记202304学习笔记第九天-lema核心操作1
39 0
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
77 0
CSS3第六课 在第五课的基础上扩展内容。本博客以实战为主。
|
前端开发 开发者 微服务
项目第十五天内容介绍 | 学习笔记
快速学习 项目第十五天内容介绍
71 0
项目第十五天内容介绍 | 学习笔记
|
前端开发 数据库 开发者
项目第十四天内容介绍 | 学习笔记
快速学习 项目第十四天内容介绍
75 0