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

原创
2018/12/13 10:08
阅读数 2.2K

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

一起学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

展开阅读全文
打赏
1
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
1
分享
返回顶部
顶部