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