使用Spring框架+前端技术实现简易的留言系统

最新推荐文章于 2024-06-26 16:28:37 发布
最新推荐文章于 2024-06-26 16:28:37 发布
阅读量3k 收藏 10
点赞数 1
分类专栏： Spring学习 文章标签： 留言系统 Spring框架 Amazeui 简易 教程
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/CC_LIM/article/details/84377264
版权
本文详述如何使用Spring框架结合AmazeUI前端框架构建一个简易的留言系统。从数据库设计到后端代码实现，再到前端页面和Ajax交互，教程覆盖了Spring配置、控制器、DAO接口、RowMapper、过滤器以及静态HTML页面的编写。通过实例代码，指导读者完成一个全站无刷新的留言功能。
摘要由CSDN通过智能技术生成

文章目录

提要

由于博主的课程里出现冲突，故到此结束，后面会补充一下Spring事务的文章

阅读准备

在这章文章我们会分离前后端

具体不多赘述，带大家写完全站(带数据库)，相信你阅读完了本文，照着做你也可以和我做到一样的效果

本文开发环境如下

  1. Tomcat7.0.91，下载链接：Apache Tomcat® - Apache Tomcat 7 Software Downloads
  2. JDK8，下载链接：Java SE Development Kit 8 — 下载
  3. IDEA编辑器，下载链接：IntelliJ IDEA: The Java IDE for Professional Developers by JetBrains
  4. 360极速浏览器(Chrome内核)，下载链接：欢迎使用360极速浏览器
  5. 相关Spring的Jar包，下载链接：链接：https://pan.baidu.com/s/1TxfglpVNAGjKRpcRXk8YKg
    提取码：t5af
    复制这段内容后打开百度网盘手机App，操作更方便哦

下载链接及开发工具And Jar包都已提供，下面直接上代码了，至于代码中的详细含义，如有不懂之处请评论，我会保持每天早上阅读CSDN的好习惯

数据库的简易构建

在这里我们设计一下数据库，按照构思及结果，我决定就建立一个表，当然这里是为了教程方便阅读也是为了更便于大家理解

数据库关键字段如下：

这里大家只需要看注释和名即可，其他不用关注
有编写sql语句的能力，可以参照上图结构构建数据库，如果不会，没有关系，我在下面提供了sql语句，您直接到Oracle控制台执行即可

带数据的数据库结构sql语句

创建序列

CREATE SEQUENCE "SYSTEM"."Untitled" MINVALUE 1 MAXVALUE 999999999999 INCREMENT BY 1 START WITH 1000 ORDER NOCACHE

创建表及导入数据

/*
 Navicat Premium Data Transfer

 Source Server         : oracle
 Source Server Type    : Oracle
 Source Server Version : 110200
 Source Host           : localhost:1521
 Source Schema         : SYSTEM

 Target Server Type    : Oracle
 Target Server Version : 110200
 File Encoding         : 65001

 Date: 23/11/2018 10:26:49
*/


-- ----------------------------
-- Table structure for USER_COMMITS
-- ----------------------------
DROP TABLE "SYSTEM"."USER_COMMITS";
CREATE TABLE "SYSTEM"."USER_COMMITS" (
  "COMMIT_ID" NUMBER NOT NULL ,
  "USER_ID" NUMBER NOT NULL ,
  "USER_COMMIT" VARCHAR2(255 BYTE) DEFAULT '我是一条可爱的小评'  NOT NULL ,
  "USER_COMMITS_LIKE" NUMBER DEFAULT 0  NOT NULL ,
  "USER_COMMITS_NOTLIKE" NUMBER DEFAULT 0  NOT NULL ,
  "USER_COMMITS_CREATE_TIME" TIMESTAMP(2) DEFAULT sysdate  NOT NULL 
)
TABLESPACE "SYSTEM"
LOGGING
NOCOMPRESS
PCTFREE 10
INITRANS 1
STORAGE (
  INITIAL 65536 
  NEXT 1048576 
  MINEXTENTS 1
  MAXEXTENTS 2147483645
  FREELISTS 1
  FREELIST GROUPS 1
  BUFFER_POOL DEFAULT
)
PARALLEL 1
NOCACHE
DISABLE ROW MOVEMENT
;
COMMENT ON COLUMN "SYSTEM"."USER_COMMITS"."COMMIT_ID" IS '主键ID';
COMMENT ON COLUMN "SYSTEM"."USER_COMMITS"."USER_ID" IS '用户ID';
COMMENT ON COLUMN "SYSTEM"."USER_COMMITS"."USER_COMMIT" IS '评论内容';
COMMENT ON COLUMN "SYSTEM"."USER_COMMITS"."USER_COMMITS_LIKE" IS '赞数';
COMMENT ON COLUMN "SYSTEM"."USER_COMMITS"."USER_COMMITS_NOTLIKE" IS '踩数';
COMMENT ON COLUMN "SYSTEM"."USER_COMMITS"."USER_COMMITS_CREATE_TIME" IS '评论时间';

-- ----------------------------
-- Records of USER_COMMITS
-- ----------------------------
INSERT INTO "SYSTEM"."USER_COMMITS" VALUES ('2', '1', '这是第二条评论', '233', '0', TO_TIMESTAMP('2018-11-23 10:25:13.00', 'SYYYY-MM-DD HH24:MI:SS:FF2'));
INSERT INTO "SYSTEM"."USER_COMMITS" VALUES ('1000', '1', '欢迎访问我的csdn博客鸭', '0', '0', TO_TIMESTAMP('2018-11-23 10:26:02.00', 'SYYYY-MM-DD HH24:MI:SS:FF2'));
INSERT INTO "SYSTEM"."USER_COMMITS" VALUES ('1', '1', '欢迎使用留言板，这里是留言内容区域', '666', '0', TO_TIMESTAMP('2018-11-23 10:24:57.00', 'SYYYY-MM-DD HH24:MI:SS:FF2'));

-- ----------------------------
-- Primary Key structure for table USER_COMMITS
-- ----------------------------
ALTER TABLE "SYSTEM"."USER_COMMITS" ADD CONSTRAINT "SYS_C007069" PRIMARY KEY ("COMMIT_ID");

-- ----------------------------
-- Checks structure for table USER_COMMITS
-- ----------------------------
ALTER TABLE "SYSTEM"."USER_COMMITS" ADD CONSTRAINT "SYS_C007070" CHECK ("USER_ID" IS NOT NULL) NOT DEFERRABLE INITIALLY IMMEDIATE NORELY VALIDATE;
ALTER TABLE "SYSTEM"."USER_COMMITS" ADD CONSTRAINT "SYS_C007071" CHECK ("USER_COMMIT" IS NOT NULL) NOT DEFERRABLE INITIALLY IMMEDIATE NORELY VALIDATE;
ALTER TABLE "SYSTEM"."USER_COMMITS" ADD CONSTRAINT "SYS_C007072" CHECK ("USER_COMMITS_LIKE" IS NOT NULL) NOT DEFERRABLE INITIALLY IMMEDIATE NORELY VALIDATE;
ALTER TABLE "SYSTEM"."USER_COMMITS" ADD CONSTRAINT "SYS_C007073" CHECK ("USER_COMMITS_NOTLIKE" IS NOT NULL) NOT DEFERRABLE INITIALLY IMMEDIATE NORELY VALIDATE;
ALTER TABLE "SYSTEM"."USER_COMMITS" ADD CONSTRAINT "SYS_C007074" CHECK ("USER_COMMITS_CREATE_TIME" IS NOT NULL) NOT DEFERRABLE INITIALLY IMMEDIATE NORELY VALIDATE;

导入后的数据

后端代码实现

首先配置Spring框架文件

SpringMvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:jdbc="http://www.springframework.org/schema/jdbc"
       xmlns:jee="http://www.springframework.org/schema/jee"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:util="http://www.springframework.org/schema/util"
       xmlns:jpa="http://www.springframework.org/schema/data/jpa"
       xsi:schemaLocation="
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.1.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.1.xsd
		http://www.springframework.org/schema/jdbc http://www.springframework.org/schema/jdbc/spring-jdbc-4.1.xsd
		http://www.springframework.org/schema/jee http://www.springframework.org/schema/jee/spring-jee-4.1.xsd
		http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.1.xsd
		http://www.springframework.org/schema/data/jpa http://www.springframework.org/schema/data/jpa/spring-jpa-1.3.xsd
		http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.1.xsd
		http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.1.xsd
		http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.1.xsd">

    <!--HandlerMapping-->
    <mvc:annotation-driven/>

    <!--开启mvc的组件扫描-->
    <context:component-scan base-package="mvc.controller"/>
</beans>

SpringDao.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:jdbc="http://www.springframework.org/schema/jdbc"
       xmlns:jee="http://www.springframework.org/schema/jee"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:util="http://www.springframework.org/schema/util"
       xmlns:jpa="http://www.springframework.org/schema/data/jpa"
       xsi:schemaLocation="
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.1.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.1.xsd
		http://www.springframework.org/schema/jdbc http://www.springframework.org/schema/jdbc/spring-jdbc-4.1.xsd
		http://www.springframework.org/schema/jee http://www.springframework.org/schema/jee/spring-jee-4.1.xsd
		http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.1.xsd
		http://www.springframework.org/schema/data/jpa http://www.springframework.org/schema/data/jpa/spring-jpa-1.3.xsd
		http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.1.xsd
		http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.1.xsd
		http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.1.xsd">

    <!-- 扫描所有Dao -->
    <context:component-scan base-package="mvc.model.dao"/>

    <!--引入db.properties配置文件-->
    <util:properties id="db" location="classpath:db.properties"/>
    <!--配置数据源dataSource-->
    <bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource">
        <property name="driverClassName" value="#{db.driverClassName}"/>
        <property name="url" value="#{db.url}"/>
        <property name="username" value="#{db.username}"/>
        <property name="password" value="#{db.password}"/>
    </bean>
    <!--配置JDBCTemplate-->
    <bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
        <constructor-arg ref="dataSource"></constructor-arg>
    </bean>

    <!--开启声明式事务 transaction-manager就是事务管理器的意思,proxy-target-class如果是false代表jdk的代理机制(必须要求你的这个类实现接口)，如果是true代表使用cglib的动态代理-->
    <tx:annotation-driven transaction-manager="txManager" proxy-target-class="true"/>

    <!--创建事务管理器-->
    <bean id="txManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"></property>
    </bean>
</beans>

这样做完了配置，我们需要在设置一下web.xml的内容，这样方便请求到来走到DispatcherServlet中去

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <filter>
        <filter-name>AjaxFilter</filter-name>
        <filter-class>mvc.model.filter.AjaxFilter</filter-class>
    </filter>
    <servlet>
        <servlet-name>SpringMvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:Spring*.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMvc</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

    <filter>
        <filter-name>ajaxFilter</filter-name>
        <filter-class>mvc.model.filter.AjaxFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>ajaxFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
</web-app>

书写主要逻辑

编写dao接口：UserDao

package mvc.model.dao;

import mvc.model.bean.Commit;

import java.util.List;

/**
 * @author biuaxia
 */
public interface UserDao {
   
    /**
     * 通过id查询评论
     *
     * @param userId 用户id
     * @return 当前用户的所有评论
     */
    List findAllCommitByUserId(Integer userI
最低0.47元/天 解锁文章
springmvc实现留言回复功能
灰太狼
07-09 2万+
很多网站都提供了留言，评论回复功能，而我做的一个分享圈项目同样要实现的功能。思路：1.可以只创建一个留言表，用户的留言和回复功能都插进这张表，这样建议在网页显示效果用爬楼形式，因为数据都在一张表，划分留言跟回复情况会有点复杂。2.创建留言表和回复表，用户的留言和回复插入相应的表，这样在网页中显示可以进行清晰的迭代数据库的数据，进行分层显示。效果：实现步骤：1.创建留言表和回复表：-- ------...
基于MVC的简易留言板
u010883153的博客
12-14 2068
网页在线预览 部分代码 index.jsp <% String path = request.getContextPath(); String username=(String) request.getSession().getAttribute("username"); String basePath = request.getScheme()
SpringMVC留言板_.zip
06-23
Java实验做一个简易的SpringMVC留言板，文件包括源码和数据库建表语句。软件是IDEA，Maven项目，数据库是MySQ。L当然也可以采用复制代码的方法进行导入。
基于Spring、Hibernate、Spring-MVC框架的留言本《java实验报告》
06-01
基于Spring、Hibernate、Spring-MVC的留言本，基本功能有：发表留言、留言回复、分页展示、管理员登陆注销、管理员删除和回复留言等功能，内附一份已完成的实验报告模板。资源内容完整，导入eclipse中，修改jdbc、hibernate等配置文件即可运行
基于Java spring MVC框架 开发初步 ——以做一个留言板为例
热门推荐
zccst的专栏
12-21 1万+
Normal 0 7.8 磅 0 2 false false false EN-US ZH-CN X-NONE
SpringMVC04 实现简单的留言墙功能
qiuqiushuibx的博客
03-20 887
简单小实践
spring boot+thymeleaf+bootstrap 简单实现后台管理系统界面
04-21
在本项目中，我们利用Spring Boot、Thymeleaf和Bootstrap三大技术栈构建了一个简易的后台管理系统界面。Spring Boot作为现代化的Java应用开发框架，极大地简化了配置和启动流程，而Thymeleaf则是一个现代的服务器端...
spring + spring mvc + hibernate + material 前端框架开发简易BBS论坛系统
07-20
在本项目中，我们利用了Java生态中的四个关键组件——Spring、Spring MVC、Hibernate和Material前端框架，构建了一个简易的BBS论坛系统。这个系统旨在提供一个互动平台，让用户能够提问、讨论技术问题，促进技术交流...
springMVC+Spring+Mybatis框架 ： 简易博客系统demossm.zip
04-29
包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、...
基于Spring+SpringMVC+MyBatis SSM框架的简易新闻系统前后台
04-21
基于Spring+SpringMVC+MyBatis SSM框架的简易新闻系统前后台源码及sql文件，可用于学习参考。导入eclipse发布后即可。前端使用bootstrap。 前台地址：http://localhost:8080/News/news/news_index.action 后台地址...
留言板基于springmvc+js+jq+ajax+oracle开发的留言板项目简单适合新手，代码注释很详细，包括点赞，发布留言增删改查头像上传等
11-04
基于springmvc+js+jq+ajax+oracle开发的留言板项目简单适合新手，代码注释很详细，包括点赞，发布留言增删改查头像上传等等
基于springMVC+mybatis+easyui的留言板源码
07-15
模仿QQ留言板的简单例子，简单实用，从前端静态页面到后端实现接口一整套代码的资源，供大家参考，学习交流
基于MVC的简易留言板-适合初学者
08-30
基于MVC的简易留言板 功能简介 序目 先导入原型（做出页面，用JSP） 一、注册 1 注册界面 2 判断逻辑 3 注册成功页面 4 注册失败提示 二、登录 1 登录页面 2 账号校验 3 登录失败提示
前端一个简单的留言板
03-23
一个简单的留言板
springbootmsgboard:spring boot 简单留言板
04-29
##spring-boot留言板 项目的目标 1 使用spring写个简单的留言板 2 尽可能的使用spring的各种配置 项目的具体目标 1 添加留言 2 留言列表 项目的实施 DONE 0 配置多个配置文件 1 配置任意目录下的文件 2 配置config下的文件 3 配置各个环境下的文件 DONE 0.1 项目启动选用 8888 端口 DONE 1 给项目加上一个库一点的banner 在配置里面加上banner.txt 文件即可 http://patorjk.com/software/taag http://www.network-science.de/ascii/ http://www.degraeve.com/img2txt.php DONE 1.1 对所有异常进行统一处理 DONE 2 使用log4j2写日志 1 记录各个级别的日志 2 了解log4j2的基本的
【SpringMVC】_SpringMVC实现留言墙
最新发布
m0_63299495的博客
06-26 997
1、请求：/message/publish2、参数：使用对象MessageInfo进行存储参数：3、响应：true/false；
基于Spring Boot+Vue的博客系统 20——留言功能的实现
芊雨的博客
10-17 4142
需求 博客给浏览者提供留言功能，可以是指出博主文章的错误，也可以是关于博客设计上的不足。未登录的用户可以进行匿名留言，匿名留言展示默认头像和默认昵称。 实现 后端数据库设计 与数据库中留言表对应实体类设计如下： package com.qianyucc.blog.model.entity; import lombok.*; import javax.persistence.*; /** * ...
使用Spring+SpringMVC+Mybatis实现留言板的增删改查
almira1223的博客
02-27 5756
使用Spring+SpringMVC+Mybatis实现留言板的增删改查
基于Spring+SpringMVC+Mybatis实现简易BBS论坛系统
标题中提及的知识点包含Spring框架、Spring MVC框架、Mybatis框架以及Material前端框架，这些技术组合起来用于开发一个简易的BBS论坛系统。下面我将详细介绍这些知识点以及它们在BBS论坛系统开发中的应用。 ### ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值