【SpringBoot】DEMO:实战③——留言板发布与展示功能实现

【SpringBoot】DEMO:实战③——留言板发布与展示功能实现

一、设计思路

  1. 发布留言:在发表页面,获取Title,Content,从Cookie中获取token,从token获取username,把Title,Content,username存入数据库
  2. 展示留言:扫描数据库,把留言表中的信息遍历,展示在首页

二、实现

  1. 新建浏览表
    在这里插入图片描述
  2. 新建发布页面,页面使用了Template Layout,参考【Thymeleaf之Template Layout】使用Navication让导航栏在每一个页面保持一致.
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/community.css">
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js" type="application/javascript"></script>
<head>
    <meta charset="UTF-8">
    <title>发布页面</title>
</head>
<body>
<!--导航栏-->
<div th:insert="~{navication :: nav}"></div>

<div class="container-fluid main">
    <div class="row">
        <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12">
            <h2><span class="glyphicon glyphicon-plus" aria-hidden="true">发起</span></h2>
            <hr>

            <form action="/doPublish" method="post">
                <div class="form-group">
                    <label for="title">问题标题</label>
                    <input th:text="${title}" type="text" class="form-control" id="title" name="title" placeholder="你想表达的标题......">
                </div>
                <div class="form-group">
                    <label for="content">问题内容</label>
                    <textarea th:text="${content}" name="content" id="content" class="form-control" cols="30" rows="10"  placeholder="你想表达的内容......"></textarea>
                </div>
                <div class="container-fluid mian">
                    <div class="row">
                        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
                            <span th:text="${noTitle}"></span>
                            <span th:text="${noContent}"></span>
                            <button type="submit" class="btn btn-success btn-publish">发布</button>
                        </div>
                    </div>
                </div>

            </form>
        </div>
        <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12">
            <h3>发起问题指南</h3>
            * 1 <br>
            * 2 <br>
            * 3 <br>
            * 4 <br>
        </div>
    </div>
</div>

</body>
</html>
  1. 控制层,PublishController
package com.example.homework.IndexController;
@Controller
public class PublishController {

    @Autowired
    private MessageMapper messageMapper;

    @Autowired
    private UserMapper userMapper;

    //跳转至发布页面
    @GetMapping("/publish")
    public String Publish(){
        return "publish";
    }


    //发布功能实现
    @PostMapping("/doPublish")
    public String doPublish(
            @RequestParam(value = "title") String title,
            @RequestParam(value = "content") String content,
            HttpServletRequest request,
            Model model
    ){

        if(title == null || title == ""){
            model.addAttribute("noTitle","标题不能为空!");
            return "publish";
        }

        if(content == null || content == ""){
            model.addAttribute("noContent","内容不能为空!");
            return "publish";
        }


        User publish_user = null;
        Cookie[] cookies = request.getCookies();
        for (Cookie cookie : cookies) {
            if (cookie.getName().equals("token")){
                String token = cookie.getValue();
                publish_user = userMapper.findByToken(token);
                break;
            }
        }
        Message message = new Message();
        message.setTitle(title);
        message.setContent(content);
        message.setUsername(publish_user.getUsername());
        messageMapper.addMessage(message);
        return "redirect:/";
    }

}

  1. Model层,Message
package com.example.homework.model;

public class Message {
    private Integer id;
    private String username;
    private String title;
    private String content;
    private String token;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getContent() {
        return content;
    }

    public void setContent(String content) {
        this.content = content;
    }

    public String getToken() {
        return token;
    }

    public void setToken(String token) {
        this.token = token;
    }
}

5、 Mapper层,MessageMapper

package com.example.homework.dao;

import java.util.List;

@Mapper
@Repository
public interface MessageMapper {

    //发布留言,插入数据库
    @Insert("insert into message(title,content,username) values (#{title},#{content},#{username})")
    void addMessage(Message message);

    //通过token寻找username,为“发布留言”功能提供username
    @Select("select * from user where token = #{token}")
    User findByToken(@Param("token") String token);

    //展示所有留言
    @Select("select * from message")
    List<Message> showAllMessage();
}

三、效果展示

在这里插入图片描述

完工!

  • 6
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
核心功能 文章/图片/视频发布、喜欢、统计阅读次数。 文章标签tag功能、支持按tag分类 文章支持ueditor/markdown编辑器切换(后台配置) 评论功能,支持回复,支持表情。 第三方(微博、QQ)登录。 lucene实现的站内搜索。 响应式布局 支持用户订阅 先看效果图 SpringBoot开发非常美观的java博客系统(包含后台管理功能) SpringBoot开发非常美观的java博客系统(包含后台管理功能) SpringBoot开发非常美观的java博客系统(包含后台管理功能) http://localhost:8080/admin/group/list SpringBoot开发非常美观的java博客系统(包含后台管理功能) SpringBoot开发非常美观的java博客系统(包含后台管理功能)SpringBoot开发非常美观的java博客系统(包含后台管理功能) 技术选型: JDK8 数据库MySQL 主框架 (Spring-boot、Spring-data-jpa) 安全权限 Shiro 搜索工具 Lucene 缓存 Ehcache 视图模板 Freemarker 其它 Jsoup、fastjson jQuery、Seajs Bootstrap 前端框架 UEditor/Markdown编辑器 font-Awesome 字体/图标 准备工作(sql文件在项目里面) 安装 Jdk8 安装 Maven 准备 IDE (如果你不看源码,可以忽略下面的步骤,直接通过Maven编译war包:mvn clean package -DskipTests) IDE 需要配置的东西 编码方式设为UTF-8 配置Maven 设置Jdk8 关于这些配置,网上有一大把的资料,所以此处不再重复。 获取代码导入到IDE 下载代码 导入到IDE的时候请选择以Maven的方式导入 项目配置参考 系统配置手册 配置完毕 启动项目,在控制台看到Mblog加载完毕的信息后,表示启动成功 打开浏览器输入:http//localhost/mblog/ (此处仅是示例,具体具体端口因人而异),访问成功即部署完毕 后台管理的地址是 /admin, 如果你是管理员账号点导航栏的头像会看到"后台管理" 启动成功后,你应该去后台的系统配置里配置你的网站信息等。 常见问题总结 进入系统后, 菜单加载不出来, 那应该是你没有导 db_init.sql 点标签显示乱码, 请设置Tomcat的 URIEncoding 为 UTF-8 项目截图 SpringBoot开发非常美观的java博客系统(包含后台管理功能) 转自:https://gitee.com/mtons/mblog SpringBoot开发非常美观的java博客系统(包含后台管理功能) 注意: 一、java main方式运行mblog-web下的BootApplication.java时抛出异常的解决方案 Unable to start EmbeddedWebApplicationContext due to missing EmbeddedServletContainerFactory bean. SpringBoot开发非常美观的java博客系统(包含后台管理功能) 注释掉后下面图片的这段后,记得maven要重新reimport SpringBoot开发非常美观的java博客系统(包含后台管理功能) SpringBoot开发非常美观的java博客系统(包含后台管理功能) 否则maven依赖不生效还是会抛出以上的异常 二、第三方登录点击后无响应,那是因为第三方开放平台回调的url失效导致,需要你去对应的第三方开放平台注册app后获取对应的oauth帐号 SpringBoot开发非常美观的java博客系统(包含后台管理功能) 三、idea以maven项目导入该项目后,发现没有maven的依赖包时,需要对每个maven module进行clear和install,并且注意maven的依赖顺序 SpringBoot开发非常美观的java博客系统(包含后台管理功能) SpringBoot开发非常美观的java博客系统(包含后台管理功能) 四、访问地址是http://localhost:8080 登录时,帐号,密码只要自己找个密码,然后md5下在更新到db中即可登录成功。 比如:zuidaima 111111,md5后密码是 3931MUEQD1939MQMLM4AISPVNE,md5的java类 SpringBoot开发非常美观的java博客系统(包含后台管理功能) SpringBoot开发非常美观的java博客系统(包含后台管理功能)

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值