Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)

一、设计主要功能介绍(含界面截图)

1. 主页(图1)

a.能够添加带有心情标签的用户(图2) 

b.能够添加心情说(图3)

c.通过导航栏进入心情标签展示页面和心情说展示页面

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第1张图片

图1

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第2张图片

图2

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第3张图片

图3

2.心情标签展示页面(图4)

有页码显示和跳转

3.心情说展示页面(图5)

(1)能够对心情说进行修改(图6) 

(2)能够对心情说进行删除 

(3)能够进行页码导航


图5

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第4张图片

图6

二、数据库表格和字段

一共3个表:tb_user,tb_mood,tb_message,有两个外键

1、tb_user(me_id字段建多了,没用上)

有一个外键:关联tb_mood的mood_id

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第5张图片

有一个外键:关联tb_mood的mood_id

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第6张图片

2、tb_mood

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第7张图片

3、tb_message

有一个外键,关联tb_user 的user_id,为获取用户名

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第8张图片

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第9张图片


三、涉及知识点

使用Maven创建项目进行依赖管理,添加依赖后可以自动导入需要的jar包

使用基本框架:SSM即SpringMvc+Spring+Mybatis 

使用了mybatis的逆向工程 使用分页插件pagehelper 

使用了bootstrap里的模态框和格栅系统 

引入jquery,使用ajax进行处理事件


四、项目创建流程

1.创建maven

配置pom.xml,引入jar包(有pagehelper插件,jason:字符串转换等) 

2.新建这些配置文件

(1)applicationContext.xml:这里是Spring的配置文件,这里主要配置和业务逻辑有关的,包含数据库需要加载哪些文件的配置

(2)mybatis-config.xml:配置需要加载的实体类的位置

(3)dbconfig.properties:配置数据库连接的基本信息

(4)dispatcherServlet-servlet.xml:SpringMvc的配置文件,包含网站跳转文件的配置(因为写的页面少,所以没有使用) 

(5)mbg.xml:配置mybatis逆向工程对应的表以及mapper,dao,bean等文件生成的位置,生成mapper文件后,根据需要又自定义了联合查询

3.新建indexjsp,为相应的功能写controller和servic

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第10张图片

Maven 基于SSM框架的增删改(使用了bootstrap的模态框,分页插件pagehelper, ajax等,附sql文件)_第11张图片


资源下载:https://download.csdn.net/download/mogot7/10455748


教程详解之环境搭建和软件安装:
https://blog.csdn.net/MOGOT7/article/details/80628976

你可能感兴趣的:(JavaWeb,SSM,Maven,bootstrap,mybatis,mysql)