CGB2005京淘-3笔记

最新推荐文章于 2024-09-21 10:38:43 发布
最新推荐文章于 2024-09-21 10:38:43 发布
阅读量159 收藏
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50633453/article/details/108540234
版权
本文档详细介绍了如何使用SpringBoot整合Web资源，包括创建项目、配置YML、解决IDEA中资源加载404问题，以及Ajax的复习。同时，探讨了京淘项目的分布式思想，分析了单体项目的问题以及分布式拆分的原则，并指出分布式应用中可能出现的jar包和工具API管理问题。
摘要由CSDN通过智能技术生成

1.SpringBoot整合Web资源

1.1 创建项目

1.1.1 利用工具创建项目

在这里插入图片描述

1.1.2 新建web资源目录

在这里插入图片描述
添加web资源：将课前资料的web-inf目录添加到目录中
在这里插入图片描述

1.1.3 编辑pom.xml文件

添加依赖

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
		 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>

	<groupId>com.jt</groupId>
	<artifactId>springboot_jsp</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>war</packaging>
	<name>springboot_jsp</name>
	<description>Demo project for Spring Boot</description>

	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.3.3.RELEASE</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>

	<properties>
		<java.version>1.8</java.version>
		<!--项目打包时,跳过测试类打包-->
		<skipTests>true</skipTests>
	</properties>

	<dependencies>
		<!--直接依赖web springMVC配置-->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<!--springBoot-start SpringBoot启动项  -->
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>

		<!--SpringBoot重构了测试方式 可以在测试类中 直接引入依赖对象-->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
			<exclusions>
				<exclusion>
					<groupId>org.junit.vintage</groupId>
					<artifactId>junit-vintage-engine</artifactId>
				</exclusion>
			</exclusions>
		</dependency>

		<!--支持热部署 -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-devtools</artifactId>
		</dependency>

		<!--引入插件lombok 自动的set/get/构造方法插件  -->
		<dependency>
			<groupId>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
		</dependency>

		<!--引入数据库驱动 -->
		<dependency>
			<groupId>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<scope>runtime</scope>
		</dependency>

		<!--springBoot数据库连接  -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-jdbc</artifactId>
		</dependency>

		<!--spring整合mybatis-plus 只导入MP包,删除mybatis包 -->
		<dependency>
			<groupId>com.baomidou</groupId>
			<artifactId>mybatis-plus-boot-starter</artifactId>
			<version>3.2.0</version>
		</dependency>

		<!--springBoot整合JSP添加依赖  -->
		<!--servlet依赖 -->
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>javax.servlet-api</artifactId>
		</dependency>

		<!--jstl依赖 -->
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>jstl</artifactId>
		</dependency>

		<!--使jsp页面生效 -->
		<dependency>
			<groupId>org.apache.tomcat.embed</groupId>
			<artifactId>tomcat-embed-jasper</artifactId>
		</dependency>

	</dependencies>

	<!--在项目打包部署时生效,如果不添加build,则程序发布时不然会报
        项目中没有main方法.
    -->
	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>
</project>

1.2 springboot整合web

1.2.1 编辑YML配置文件

server:
  port: 8090
  servlet:
    context-path: /
spring:
  datasource:
    #driver-class-name: com.mysql.jdbc.Driver 驱动，采用默认的方式
    url: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
    username: root
    password: root

  #引入mvc的配置
  mvc:
    view:
      prefix: /WEB-INF
      suffix: .jsp
#Mybatis-plus整合
mybatis-plus:
  #定义别名包 将实体包的路径
  type-aliases-package: com.jt.pojo
  #添加xml文件的映射
  mapper-locations: classpath:/mybatis/mappers/*.xml
  #开启驼峰映射
  configuration:
    map-underscore-to-camel-case: true

# 配置数据库日志
logging:
  level:
    #打印那个包下的日志
    com.jt.mapper: debug

创建controller包和类
在这里插入图片描述
@Controller //执行视图解析器
//@RestController //一般适用于ajax 不走视图解析器 ，并且返回JSON数据

1.2.2 关于IDEA页面资源加载404问题

说明:由于IDEA加载动态web资源时,默认的运行环境可能配置有误,则导致页面资源无法加载!!!
在这里插入图片描述
解决方案:
1).选择编辑按钮
在这里插入图片描述
2).配置项目路径
在这里插入图片描述
注意：要保证目录名字正确，否则还是会出现404错误 并且好好检查自己的pom.xml文件
在这里插入图片描述
检查yml文件，查看是否正确

** 1.YML配置层级关系 key必须唯一 注意缩进**
在这里插入图片描述

1.2.3 编辑userList.jsp页面

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>您好Springboot</title>
</head>
<body>
	<table border="1px" width="65%" align="center">
		<tr>
			<td colspan="6" align="center"><h3>学生信息</h3></td>
		</tr>
		<tr>
			<th>编号</th>
			<th>姓名</th>
			<th>年龄</th>
			<th>性别</th>
			<th></th>
		</tr>

		<!-- ${userList}表示从域中取值. request域 Session域 -->
		<c:forEach items="${userList}" var="u">
			<tr>
				<th>${u.id}</th>
				<th>${u.name}</th>
				<th>${u.age}</th>
				<th>${u.sex}</th>
			</tr>
		</c:forEach>
	</table>
</body>
</html>

1.2.4 编辑UserController

package com.jt.controller;

import com.jt.mapper.UserMapper;
import com.jt.pojo.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;
import java.util.List;

@Controller  //执行视图解析器
//@RestController //一般适用于ajax  不走视图解析器 ，并且返回JSON数据
public class UserController {

    @Autowired
    private UserMapper userMapper;
    /**
     * 需求1：请求路径localhost:8090/findAll  跳转user.jsp页面
     * 页面取值的方式：${userList}
     */
    @RequestMapping("/findAll")
    public String findAll(HttpServletRequest request) {

        //1.从数据库中获取数据
        List<User> userList = userMapper.selectList(null);

        //2.将userList集合保存到域中，之后页面取值
        //model.addAttribute("userList",userList);
        //model调用的是request对象
        request.setAttribute("userList",userList);
        //返回 页面逻辑名称
        return "userList";
    }
}

拓展@RequestMapping 注解
@RequestMapping 有两种标注方式，一种是标注在类级别上，一种是标注在方法级别上。标注在方法上时，value 表示访问该方法的 URL 地址。标注在类上时，value 相当于一个命名空间，即访问该 Controller 下的任意方法都需要带上这个命名空间。

两种获取页面方式
1）第一种 ：HttpServletRequest request

@RequestMapping("/findAll")
    public String findAll(HttpServletRequest request) {

        //1.从数据库中获取数据
        List<User> userList = userMapper.selectList(null);
        //2.将userList集合保存到域中，之后页面取值象
        request.setAttribute("userList",userList);
        //返回 页面逻辑名称
        return "userList";
    }

2）第二种：Model model

    @RequestMapping("/findAll")
    public String findAll(Model model) {
        //1.从数据库中获取数据
        List<User> userList = userMapper.selectList(null);
        //2.将userList集合保存到域中，之后页面取值
        model.addAttribute("userList",userList);
        //model调用的是request对象
        //返回 页面逻辑名称
        return "userList";
    }

运行程序，页面都返回
在这里插入图片描述

1.2.5 页面效果展现

在这里插入图片描述

1.3 Ajax复习

1.3.1 Ajax特点

特点：局部刷新，异步访问
问题：Ajax如何做到异步访问的呢？
因为有ajax引擎参与,使得请求由一个变为多个
在这里插入图片描述

1.3.2 跳转ajax页面

  @RequestMapping("/ajax")
    public String toAjax(){
        return "userAjax";
    }

1.3.3 编辑UserAjax.jsp页面

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">

    $(function(){
        //1.$.get("url地址","添加参数","回调函数","返回值结果");
        $.get("/findAjax",function(data){
            alert("ajax执行成功！！！");
        });

        //2.$.post();
        //3.$.getJSON();
        //4.$.getScript();
    })
</script>
<title>您好Springboot</title>
</head>
<body>
	<table border="1px" width="65%" align="center">
		<tr>
			<td colspan="6" align="center"><h3>学生信息</h3></td>
		</tr>
		<tr>
			<th>编号</th>
			<th>姓名</th>
			<th>年龄</th>
			<th>性别</th>
			<th></th>
		</tr>

	</table>
</body>
</html>

1.3.4 实现Ajax数据访问

    //实现Ajax业务调用,返回页面列表数据
    @RequestMapping("/findAjax")
    @ResponseBody
    public List<User> findAjax(){
        return userMapper.selectList(null);
    }

1.3.5 编辑页面JS

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">

    $(function(){
        //1.$.get("url地址","添加参数","回调函数","返回值结果");
        $.get("/findAjax",function(data){
            //data = [{user},{user},{user}]
            //需求：将userList集合信息动态的添加到table中

            var trs = null;
            $(data).each(function(index){
                //index代表循环遍历的下标从0开始
                var user = data[index];
                var id = user.id;
                var name = user.name;
                var age = user.age;
                var sex = user.sex;
                //最终需要在table中显示
                trs += "<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>"
            });

            //将结果追加到table中
            $("#tab1").append(trs);

        });

        //2.$.post();
        //3.$.getJSON();
        //4.$.getScript();
        //5.$.ajax(); 说明：
        $.ajax({
            type: "get",
            url: "/findAjax2",
            //data: {"id":"1","name":"tomcat"},
            data: "id=1&name=tomcat",
            success:function(data){
                alert("ajax调用成功！！！");
                alert(data);
            },
            async: true,
            error: function(data){
                alert("服务器异常，请稍后重试!");
            }
        });
    })
</script>
<title>您好Springboot</title>
</head>
<body>
	<table id="tab1" border="1px" width="65%" align="center">
		<tr>
			<td colspan="6" align="center"><h3>学生信息</h3></td>
		</tr>
		<tr>
			<th>编号</th>
			<th>姓名</th>
			<th>年龄</th>
			<th>性别</th>
			<th></th>
		</tr>

	</table>
</body>
</html>

https://jquery.cuishifeng.cn/jQuery.Ajax.html

2. 京淘项目架构图设计

在这里插入图片描述

2.1 分布式思想

2.1.1概念

将大型项目按照特定的规则进行拆分，目的：减少项目架构的耦合性。
分布式的由来

2.1.2单体项目存在的问题

说明:如果作为大型项目,将所有的功能模块都写到一起,如果将来其中的一个模块出现问题,则直接影响整个项目的运行。

2.1.3 按照功能业务拆分

说明:按照特定的模块进行拆分,之后各自独立的运行.相互之间不受影响.
在这里插入图片描述

2.1.3 按照层级拆分

在这里插入图片描述

2.2 分布式应用中的问题说明

问题:由于引入分布式思想.但是同时带来了一些问题,需要解决???

2.2.1 分布式系统中的jar包如何管理?

2.2.2 分布式系统中的工具API等如何管理?

在这里插入图片描述

夕颜葬花
关注
CGB2005京淘-5笔记
weixin_50633453的博客
09-21 164
1. 商品分类信息回显 1.1 数据格式化问题 1.1.1 Item POJO说明 @JsonIgnoreProperties(ignoreUnknown=true) //表示JSON转化时忽略未知属性 @TableName("tb_item") @Data @Accessors(chain=true) public class Item extends BasePojo{ @TableId(type=IdType.AUTO) private Long id; //商品id private St
CGB2005京淘-4笔记
weixin_50633453的博客
09-17 162
1. 构建京淘项目 1.1 构建项目说明 1.什么是聚合工程 一个大型项目中包含了多个小型项目. 通过打包方式进行定义!! 2.常见打包方式: 1.jar包 2.war包 3.pom包 3.京淘项目创建说明 父级项目jt 打包类型:pom 工具API项目 jt-common 打包类型:jar包 业务项目 jt-manage 打包类型:jar/war包. 1.2 创建父级工程JT 1.2.1创建项目 1.什么是聚合工程 ：一个大型项目包含了多个小型项目，通过打包方式进行定义！ 2.打包方式：1. jar包
CGB2105-Day-09笔记
蜕变
08-02 226
1、VUE练习 2、VUE组件化的思想 3、VUE路由机制 4、京淘项目管理搭建 5、前后端分离思想MP
CGB2004-京淘项目Day02
qq_45732538的博客
08-15 234
1. SpringBoot程序加强 1.1 属性赋值问题 1.1.1 业务需求 说明: 如果将配置信息,通过代码的形式写死到代码中,这样的话程序的耦合性高,不便扩展. 需求: 能否为对象的属性,动态赋值. @RestController //保证返回的数据转化为JSON public class JDBCController { private String username; //定义数据库用户名 private String password; //定义数据库密码 @RequestMapp
前端技术基础--笔记
weixin_52375283的博客
08-18 1427
目录 一 一,改造登录案例 –1,概述 –2,改造 二,HTML –1，概述 –2，入门案例 –3，使用Hbuilder 三,常用标签 –1,概述 –2,常用标签 –3,表格标签 –4,表单标签form –5,无法提交的问题 作业 二 一,HTML练习 –1,改造用户注册的表单 –2,创建学生系统的表单 二,CSS –1,概述 –2,入门案例 三,CSS选择器 –1,概述 –2,基本选择器 –3,高级选择器 四,盒子模型 –1,测试 五,练习 –1
CGB2005 JT-1(jt概述 SqlYog 物理模型图PD 表结构 pom文件标签说明 jt环境搭建 创建项目2种,创建各种文件 idea导入,打包,删除项目，启动原理)
aa35434的博客
01-04 1207
1.SpringBoot pom文件的标签的说明 2.物理模型图设计 3.PD介绍 4.Spring Boot运行流程
cgb2007-京淘day04
qq_16804847的博客
11-02 7694
1.分布式环境搭建 2.完成京淘商品管理系统搭建(后台系统) 3.后端页面相关说明 整理自己的笔记/代码最好写2遍
cgb2010-京淘项目Day15
qq_16804847的博客
02-05 4108
1.Redis集群工作原理 2.SpringBoot整合Redis集群 3.构建京淘前台管理系统 4.跨域机制
py-18-PROJECT4
从码农到码到成功
01-27 194
目录： day01:京淘项目-权限管理子系统-系统概述 day02:京淘项目-权限管理子系统-配置管理 day03:京淘项目-权限管理子系统-菜单模块 day04:京淘项目-权限管理子系统-角色模块 day05:京淘项目-权限管理子系统-用户模块 day06:京淘项目-权限管理子系统-Shiro安全框架 day07:京淘项目-权限管理子系统-Spring AOP day08:京淘项目-权限管理子系统-Spring事务管理 day01:京淘项目-权限管理子系统-系统概述 1. 系统需...
CGB-DB-SYS-V1.01.zip
11-04
java笔记...........................................................................................1. 程序员职业发展： 1.一线程序员 2.一直走技术 3.管理层 4.泛IT、讲师、运维、项目经理和产品经理 5.自己...
CGB2005ThirdCodes-master.zip
08-18
标题 "CGB2005ThirdCodes-master.zip" 暗示这可能是一个与编码相关的项目，特别是关于中国国家标准 GB2005 的第三方实现。虽然没有具体的标签提供额外信息，我们可以推测这是一个软件代码库，可能包含实现了 GB2005 ...
CGB-DB-SYS-V2.02_javassm_
09-29
本项目"CGB-DB-SYS-V2.02_javassm_"便是基于SSM框架构建的一个动吧项目，主要围绕购物场景展开，旨在实现商品信息管理、库存控制以及订单处理等功能，同时也包含了事务处理的学习实践。 一、数据库设计与创建 在...
CGB-DB-SYS-V3.01(final).zip
03-26
【标题】"CGB-DB-SYS-V3.01(final).zip" 是一个压缩包文件，其中包含了一个基于Java技术栈的后台管理系统。这个系统很可能是一个企业级的应用，用于数据库管理和系统的操作控制。 【描述】提到的关键技术点有： 1. ...
03-CGB-SSM-V1.05.docx
07-04
3. **API应用架构** API应用架构是指通过API接口实现各层之间的通信。在SSM项目中，Controller层通过调用Service层的方法来处理业务，Service层再调用DAO层的方法来完成数据操作，这个过程可以通过定义接口和实现类...
Java企业面试题3
m0_74972727的博客
09-15 891
1. break和continue的作用(智*图) break：用于完全退出一个循环（如 for, while）或一个 switch 语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。 continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在 for 循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。 2. if分支语句和switch分支语句的异同之处(智*图) 相同点：都是用来根据不同的条件执行不同的代码块。
Arthas sysenv（查看JVM的环境变量）
最新发布
刘大猫
09-21 192
Arthas sysenv（查看JVM的环境变量）
JDK17新增语法特性
2201_76124988的博客
09-20 524
从springboot3.0开始，已经不支持JDK8，转变为JDK17参考资料：官方博客。
faiss安装 （CPU版本）
CSDN_WHB的博客
09-20 176
faiss版本 faiss-v1.7.4。
H3CGB0-190题库：中小企业网络建设宝典
该题库专注于H3CGB0-190中文考试，主要关注于中小企业网络建设的相关知识和技能。版本更新至V2.01，由TestInside公司提供，其目标是帮助考生通过任何IT考试，确保他们在考试环境中熟练掌握理论和实践。 TestInside ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值