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