系列文章目录

实习笔记 —— Spring基础
实习笔记 —— IOC反转控制（xml配置文件 + 注解）
实习笔记 —— AOP开发I
实习笔记 —— AOP开发II（AOP中Advice的类型）
实习笔记 —— MyBatis I （MyBatis基础）
实习笔记 —— MyBatis II （MyBatis基本数据库操作）
实习笔记 —— MyBatis III（输入/输出映射）
实习笔记 —— MyBatis IV（动态SQL）
实习笔记 —— MyBatis V（多表查询）
实习笔记 —— Git I（基础指令）
实习笔记 —— Git II（远程提交）
实习笔记 —— Maven
实习笔记 —— springMVC I
实习笔记 —— springMVC部分II
实习笔记 —— SSM三个框架的整合 I （简单登录功能）
实习笔记 —— SSM三个框架的整合 II （根据数据库账号密码进行登录）

文章目录

系列文章目录
一、根据index静态模板修改index.jsp
- 1.框架页
- 2.流程
二、将框架页应用到 index.jsp
三、回到后端 —— 修改最近发布，使显示的信息来自数据库
- 1.Dao层
- 2.Service层
- 3.Controller层
四、回到后端 —— 从数据库获取并显示评论
总结

今天整体完成的需求就是对登录后进入的后台管理界面（index.jsp）进行美化已经与数据库的联动。

一、根据index静态模板修改index.jsp

1.框架页

上部和左部可以重用，每次显示改动的只有右下部。

2.流程

①添加pom中的依赖：

<!-- 引入 rapid 支持JSP模板继承  -->
<dependency><groupId>com.googlecode.rapid-framework</groupId><artifactId>rapid-core</artifactId><version>4.0.5</version>
</dependency>

②设计通用的模板页 framework.jsp：
在/ssm-blog/src/main/webapp/jsp 下创建：

③在framework.jsp使用导入模板代码
具体见 word 笔记第七周5.29

④测试：

http://localhost:8080/ssm-blog/jsp/framework.jsp

二、将框架页应用到 index.jsp

①使用index模板对原有index.jsp进行替换：

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.rapid-framework.org.cn/rapid" prefix="rapid" %><rapid:override name="frame-content"  >这是文章列表...  <br />这是评论列表 ...
</rapid:override><%@ include file="framework.jsp" %>

②测试：

http://localhost:8080/ssm-blog/admin/login

登录后的页面：

应用成功！

③原理：
framework.jsp：

index.jsp：

④继续根据老师给的模板代码修改index.jsp：
效果：

三、回到后端 —— 修改最近发布，使显示的信息来自数据库

使用三层结构，从后（端）往前（端）进行编写：

1.Dao层

按照之前学Mybatis时的步骤：

①创建数据表article对应的实体类：
/ssm-blog/src/main/java/com/entity/Article.java

②创建接口：
/ssm-blog/src/main/java/com/mapper/ArticleMapper.java

③创建映射配置文件：
/ssm-blog/src/main/java/com/mapper/ArticleMapper.xml

2.Service层

④最近新学的内容：编写Service接口：
/ssm-blog/src/main/java/com/service/ArticleService.java

⑤接口的实现类：

3.Controller层

⑥改写Controller：

⑦修改index：
a.先引入jstl：

b.使用jstl进行显示：

c.测试：

成功！

四、回到后端 —— 从数据库获取并显示评论

与三中步骤相同：
①创建实体类：
/ssm-blog/src/main/java/com/entity/Comment.java

②创建接口
/ssm-blog/src/main/java/com/mapper/CommentMapper.java

③创建mapper配置文件
/ssm-blog/src/main/java/com/mapper/CommentMapper.xml

④创建service接口
/ssm-blog/src/main/java/com/service/CommentService.java

⑤创建service接口实现类
/ssm-blog/src/main/java/com/service/impl/CommentServiceImpl.java

⑥修改AdminController
/ssm-blog/src/main/java/com/controller/AdminController.java

⑦修改index.jsp
/ssm-blog/src/main/webapp/jsp/index.jsp

总结

框架使用的原理基本搞清楚了，但是细节处的代码一定不能写错，少一个注解服务器就起不来了，排错得排半天。

四中的内容没有做完，先得做 “由评论跳转到相关联的文章” 下周见。

实习笔记 —— SSM三个框架的整合 III （对后台管理页面进行编写）相关推荐

实习笔记 —— SSM三个框架的整合 V （分页功能）
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
实习笔记 —— SSM三个框架的整合 VIII （添加用户）
系列文章目录实习笔记 -- Spring基础实习笔记 -- IOC反转控制(xml配置文件 + 注解) 实习笔记 -- AOP开发I 实习笔记 -- AOP开发II(AOP中Advice的类型) ...
Java Web 实习笔记（三）
Java web实习笔记目录导航 1. Java Web 实习笔记(一) 2.Java Web 实习笔记(二) 3.Java Web 实习笔记(三) 4.Java Web 实习笔记(四) 一.Use ...
大厂实习-实习笔记（三）
大厂实习-实习笔记(三) 切分数据列表,多次插库 List<List> demo = Lists.partition(Lista, 1000); synchronized是Java中的关键 ...
使用layui框架迅速搭建后台管理页面
写在前面 layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用. 其外在极简,却又不失饱满的内在,体积轻盈, ...
框架技术Vue --- 路由、后台管理系统页面
Vue框架内容管理前端路由前端路由的工作方式实现简易的前端路由 created中window.onhashchange vue-router基本使用 router-link的hash地址不需要 ...
SSH、SSM三种框架及表示层、业务层和持久层的理解
Struts(表示层)+Spring(业务层)+Hibernate(持久层) SSH:Struts(表示层)+Spring(业务层)+Hibernate(持久层) Struts:Struts是一个表示 ...
SSM三个框架的优缺点。
SSM框架:spring+springmvc+mybatis框架集合: 一.mybatis的优缺点: 优点:a.sql写在xml文件中,便于统一管理和优化,解除sql和程序代码的耦合. b.提供映射标 ...
01-Vue博客后台管理页面框架搭建
目录 0 项目开源地址 1 效果图 2 开发过程 2.1 Element UI 安装 2.2 Element UI 官方示例 2.3 解决侧栏菜单没对齐问题 2.4 给侧栏菜单添加路由功能 2.5 侧 ...

实习笔记 —— SSM三个框架的整合 III （对后台管理页面进行编写）