关于java:CGB2010京淘项目Day03

SpringBoot 整合动静 web 资源

=======================

`<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.jt</groupId>
    <artifactId>springboot_demo3</artifactId>
    <version>1.0-SNAPSHOT</version>

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

    <properties>
        <java.version>1.8</java.version>
        <skipTests>true</skipTests>
    </properties>

    <dependencies>
        <!--spring 整合 mvc 的 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <!-- 热部署的包  -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>

        <!--lombok 包 -->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>

        <!-- 测试类的包 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <!-- 导入 JDBC-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>

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

        <!-- 增加 mybatisplus 包 -->
        <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>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>`

`# 配置 tomcat 服务器相干信息
server:
  port: 8090
  servlet:
    #我的项目公布门路 个别都是默认值 /
    context-path: /

spring:
  datasource:
    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:         #引入 mvn 配置
    view:
      prefix: /WEB-INF/     # / 默认代表根目录 src/main/webapp
      suffix: .jsp

#整合 MybatisPlus
mybatis-plus:
  #只有定义了别名包 之后的映射类型能够主动的实现拼接.
  type-aliases-package: com.jt.demo.pojo
  mapper-locations: classpath:/mybatis/mappers/*.xml
  #开启驼峰映射
  configuration:
    map-underscore-to-camel-case: true

#打印 sql 语句
logging:
  level:
    com.jt.demo.mapper: debug`

`package com.jt.demo.controller;

import com.jt.demo.pojo.User;
import com.jt.demo.service.UserService;
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 java.util.List;

@Controller
public class UserController {

    @Autowired
    private UserService userService;

    @RequestMapping("/findAll")
    @ResponseBody
    public List<User> findAll(){return userService.findAll();
    }

    /**
     * 实现页面跳转
     * url:http://localhost:8090/userList  userList.jsp
     * 页面取值: ${userList}
     * 如何将数据赋值给域对象????
     */
    @RequestMapping("/userList")
    //@ResponseBody //1. 将返回值后果转化为 JSON  2. 示意程序完结  3. 不会执行视图解析器配置
    public String userList(Model model){List<User> userList = userService.findAll();
        // 利用 model 将数据保留到 request 域
        model.addAttribute("userList",userList);
        return "userList";
    }
}`

报错阐明: 通过图上的报错信息找不到具体的页面. 下列报错与代码无关, 与 IDEA 的环境配置无关.

2). 编辑 IDEA 环境配置

特点: 部分刷新异步拜访
Ajax 为什么能够实现异步?

阐明: 用户通过 http://localhost:8090/ajaxUser 跳转到 ajaxUserList.jsp 页面中, 其次通过 ajax 操作动静获取 user 汇合数据, 将数据在页面中进行展示.

外围:
1. 跳转 ajax 发送申请的页面
2. 编辑 ajax 发送申请获取后果, 将数据在指定的地位展示.

 `/**
     * 跳转到 ajax 页面
     */
    @RequestMapping("ajaxUser")
    public String toAjax(){return "ajaxUserList";}`

1).js 下载

2). 增加 JS

3). 援用 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>
<title> 您好 Springboot</title>
<!-- 1. 引入函数类库 -->
<script src="../js/jquery-3.4.1.min.js"></script>
<!-- 2. 发动 ajax 申请 -->
<script>
    $(function(){//alert("页面加载实现!!!!");
        //$.get("url 地址","申请参数","回调函数","返回值类型")
        
        /**
         * 业务剖析:
         *         url 地址: /findAll
         *         参数:    临时不写
         *                 形式 1:  {id:100,name:"tomcat 猫"}
         *                 形式 2:  id=100&name="tomcat 猫"
         *         回调函数: 须要获取服务器端数据 个别都是携带参数
         *         返回值类型: 能够为 html/text/json/javaScript 等 个别不写 程序主动实现解析.
         */
        $.get("/findAll2",function(result){//console.log(result);
            // 遍历形式 1 惯例 for 循环
            /* for(let i=0;i<result.length;i++){console.log(result[i]);
            } */
            
            /* 循环形式 2 in 关键字 */
            /* for(let index in result){console.log(result[index])
            } */
            
            // 循环形式 3: of 关键字   间接获取遍历的对象
            for(let user of result){
                let id = user.id;
                let name = user.name;
                let age = user.age;
                let sex = user.sex;
                // 应用原生 JS 形式编辑
                let tr = "<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>"
                $("#tab1").append(tr);
            }
        });
        
        /*
            实现 $.ajax 业务调用
            属性阐明:
                1.type : 定义申请的类型 GET/POST/PUT/DELETE
                2.URL:     指定申请的门路
                3.dataType: 指定返回值类型  个别能够省略
                4.data : ajax 向后端服务器传递的数据
                        1.{key:value,key2:value2}
                        2.key=value&key2=value2
                5.success: 设定回调函数个别都会携带参数
                6.async    异步操作 默认值为 true  改为 false 示意同步操作.
                7.error 申请异样之后 执行的函数.
                8.cache ajax 是否应用缓存  默认值为 true
        */
        $.ajax({
            url : "/findAll",
            type: "GET",
            dataType : "JSON",
            success : function(result){for(let user of result){
                    let id = user.id;
                    let name = user.name;
                    let age = user.age;
                    let sex = user.sex;
                    // 应用原生 JS 形式编辑
                    let tr = "<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>"
                    $("#tab1").append(tr);
                }
            },
            error    : function(result){alert("服务器异样, 稍后重试!!");
            },
            cache : false
            
        })
        
        
        
    })
</script>
</head>
<body>
    <table border="1px" width="65%" align="center" id="tab1">
        <tr>
            <td colspan="6" align="center"><h3> 学生信息 </h3></td>
        </tr>
        <tr>
            <th> 编号 </th>
            <th> 姓名 </th>
            <th> 年龄 </th>
            <th> 性别 </th>
        </tr>
    </table>
</body>
</html>`

京淘我的项目后盾架构设计

==============

传统我的项目采纳单体架构设计, 尽管能够在肯定的水平上解决企业问题, 然而如果功能模块泛滥, 并且未来须要二次开发. 因为模块都是部署到同一台 tomcat 服务器中, 如果其中某个模块代码呈现了问题, 将间接影响整个 tomcat 服务器运行.
这样的设计 耦合性太高. 不便于开发和保护.

阐明: 如果某个业务须要解决 1000G 的数据如果通过一个线程. 该工作简直不可能实现…
优化形式: 同时开启多个线程一起执行工作的计算. 实践上来说运行的速度大幅度晋升.
难点: 数据如何拆分 / 数据如何合并
计算形式: 大数据利用.

阐明: 分布式系统指依照某种规定, 将我的项目依照规定进行拆分. 从架构上 升高了零碎的耦合性. 进步软件的扩展性.

阐明: 依照特定的业务规定, 将我的项目进行拆分.

阐明: 因为某个我的项目比较复杂. 须要多个开发人员相互配合. 这时为了进步开发的效率. 采纳层级拆分的形式进行.

铺垫: maven 我的项目打包形式: 1.jar 包 (默认值) 2.war 包 3.pom(聚合工程)
1). 因为我的项目泛滥如何对立的治理?
答案: 采纳聚合工程的形式对立治理我的项目打包形式 POM

2). 我的项目多了之后, 如何保障 jar 包版本的稳固?
答案: 采纳对立的形式治理 jar 包文件通过父级工程定义父级 jar 包. 之后子级我的项目继承父级即可.

3). 工具 API 如何做到对立的治理?
答案: 定义外围工具 API 工程. 架构师 / 高级程序员对立保护 API 我的项目. 之后 API 我的项目被其余的我的项目进行依赖.

`<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.jt</groupId>
    <artifactId>jt</artifactId>
    <version>1.0-SNAPSHOT</version>
    <!-- 定义聚合工程 大我的项目蕴含小我的项目 -->
    <packaging>pom</packaging>

    <!-- 对立治理 jar 包文件 -->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.4.2</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <properties>
        <java.version>1.8</java.version>
        <skipTests>true</skipTests>
    </properties>

    <dependencies>
        <!--spring 整合 mvc 的 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <!-- 热部署的包  -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>

        <!--lombok 包 -->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>

        <!-- 测试类的包 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>

        <!-- 导入 JDBC-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>

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

        <!-- 增加 mybatisplus 包 -->
        <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>

        <!-- 增加 httpClient jar 包 -->
        <dependency>
            <groupId>org.apache.httpcomponents</groupId>
            <artifactId>httpclient</artifactId>
        </dependency>

        <!-- 引入 dubbo 配置 -->
        <!--<dependency>
            <groupId>com.alibaba.boot</groupId>
            <artifactId>dubbo-spring-boot-starter</artifactId>
            <version>0.2.0</version>
        </dependency>-->

        <!-- 增加 Quartz 的反对 -->
        <!--<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-quartz</artifactId>
        </dependency>-->

        <!-- 引入 aop 反对 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-aop</artifactId>
        </dependency>

        <!--spring 整合 redis -->
        <dependency>
            <groupId>redis.clients</groupId>
            <artifactId>jedis</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.data</groupId>
            <artifactId>spring-data-redis</artifactId>
        </dependency>
    </dependencies>

    <!-- 注意事项  父级我的项目中没有主启动类所有不须要增加 build 标签 -->
</project>`

`<?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 http://maven.apache.org/xsd/maven-4.0.0.xsd">

    <modelVersion>4.0.0</modelVersion>
    <artifactId>jt-manage</artifactId>
    <!--1. 因为动静 web 资源 jsp 关系, 所以须要打成 war 包 -->
    <packaging>war</packaging>

    <!--2. 增加继承 依赖 插件 -->
    <parent>
        <artifactId>jt</artifactId>
        <groupId>com.jt</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>

    <dependencies>
        <dependency>
            <groupId>com.jt</groupId>
            <artifactId>jt-common</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
    </dependencies>

    <!-- 增加插件 有 main 办法时 须要增加插件 -->
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>
                </configuration>
            </plugin>
        </plugins>
    </build>


</project>`

阐明: 如果搭建了父级工程则能够通过父级查看所有的关联我的项目

阐明: 将课前材料中的文件 jt-manage 中的 src 文件信息导入我的项目中即可.

批改数据源配置信息

通过 http://localhost:8091 拜访服务器时, 会动静的跳转到零碎的欢送页面.

实现原理: 阐明程序启动时会主动的加载一个默认的申请门路(url:http://localhost:8091/) index 之后动静的拼接前缀和后缀. /WEB-INF/views/index.jsp

1. 理解 JSON 格局有几种
2. 编辑一个你认为简单的 json 格局要求至多嵌套 4 层!!!

关于java:CGB2010京淘项目Day03

cgb2010- 京淘我的项目 Day03

1.1 创立 web 我的项目

1.1.1 创立我的项目

1.1.2 增加 jar 包

1.1.3 编辑 YML 配置文件

1.1.4 编辑 Controller 办法

1.1.5 页面跳转 404 异样阐明

1.1.6 页面成果展示

1.2 异步形式实现数据拜访

1.2.1 ajax 特点

1.2.2 ajax 业务阐明

1.2.3 跳转展示页面

1.2.4 导入 JS 函数类库

1.2.5 页面成果展示

2.1 单体架构设计存在的问题

2.2 分布式思维(拆)

2.2.1 分布式计算

2.2.2 分布式系统

2.2.2.1 依照模块拆分

2.2.2.2 依照层级拆分

2.2.3 分布式系统设计问题阐明

3 京淘我的项目后盾架构搭建

3.1 创立父级工程

3.1.1 创立父级工程 JT

3.1.2 编辑 jt pom.xml 文件

3.2 创立 jt-common

3.2.1 创立我的项目

3.2.2 导入动态资源

3.2.3 编辑父级 POJO 对象

3.2.4 编辑 Item 对象

3.3 jt-manage 搭建

3.3.1 创立我的项目

3.3.2 编辑 pom.xml 文件

3.3.3 对于父子级关系阐明

3.3.4 导入资源文件

3.3.5 批改 YML 配置信息

3.3.6 配置工作目录

3.3.7 后端启动测试

3.4 对于零碎首页跳转阐明

3.4.1 业务阐明

4 温习

Just My Socks（注册教程 内含优惠码）

Just My Socks（注册教程内含优惠码）