Skip to content

1.SpringBoot 简介

  • SpringBoot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化 Spring 应用的初始搭建以及开发过程

点击查看原生开发 SpringMVC 程序过程

image-20210811205020792

1.1 入门案例

15 分钟

1.1.1 「入门案例」核心问题&答案

问题

  1. Spring 程序与 SpringBoot 程序对比有何区别?
  2. 基于 idea 开发 SpringBoot 程序需要联网吗?JDK 一般设置哪个版本?

点击查看代码

  • Spring 程序与 SpringBoot 程序对比

image-20210811184326884

注意事项:

  • 基于 idea 开发 SpringBoot 程序需要确保联网且能够加载到程序框架结构
    • 如果没网就会显示下列对话框:

image-20220420092450843

  • JDK 使用 1.8

1.1.2 入门案例开发步骤

2️⃣ 选择当前模块需要使用的技术集

image-20210811183956586

3️⃣ 开发控制器类
@RestController
@RequestMapping("/books")
public class BookController {
    @GetMapping("/{id}")
    public String getById(@PathVariable Integer id) {
        System.out.println("id ==> " + id);
        return "hello , spring boot! ";
    }
}
4️⃣ 运行自动生成的 Application 类
  • 下图表示已经启动了

    image-20210811184126747

    image-20210811184126747

  • 最简 SpringBoot 程序所包含的基础文件

<?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>
  <!-- 强大的父工程 -->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.5.0</version>
    </parent>

    <groupId>com.itheima</groupId>
    <artifactId>springboot-01-quickstart</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
    </dependencies>
</project>
@SpringBootApplication
public class Application {
    public static void main(String[] args) {
        SpringApplication.run(Application.class, args);
    }
}

1.1.3 基于 SpringBoot 官网创建项目

6 分钟

点击查看步鄹

image-20210811184424903

1.2 SpringBoot 入门案例 练习 ✏️

10 分钟

1.2.0「SpringBoot 入门案例」目的

熟悉 idea 创建 SpringBoot 入门案例

1.2.1「SpringBoot 入门案例」需求&效果

在 controller 中创建一个接口,启动服务器,正常访问

1.2.2「SpringBoot 入门案例」步鄹

  • 参考 1.1.2 入门案例开发步骤

点击查看代码

  1. 新建模块,选择左边的 spring Initializer,点击下一步,配置 Jar 包,Maven JDK1.8 点击 next
  2. 选择左边的 Web,中间勾选 SpringWeb,然后在右上角点击 Springboot2.5.0(如果没有,选择一个后面去 pom 中修改) ,点击 Next
  3. 检查路径中没有双斜杠(注意路径一般为单斜杠),然后点击 Next
  4. 完成创建后,删除你不认识的文件,如:.mvn help.mdopen in new window 等,就留下 src 包和 pom.xml 文件
  5. 需要删除 pom 文件中,name 和 description 的属性,让 maven 工程的名字和文件夹的文字一致,方便阅读
  6. 创建 controller 包,在 controller 中,创建 BookController 类,书写下面的代码:
@RestController
@RequestMapping("/books")
public class BookController {
    @GetMapping("/{id}")
    public String getById(@PathVariable Integer id){
        System.out.println("id ==> "+id);
        return "hello , spring boot!";
    }
}
  1. 点开 Application 文件,运行 main 方法,观察控制台的输出情况
  2. 使用 postman 访问:localhost:8080/books/8 观察浏览器和控制台的输出

🎉 恭喜你,你已经成功掌握 SpringBoot 项目的创建,并运行成功了,接下来可以就 CV 接口吧!!

  • 注意:也可以使用官网生成项目,地址:https://spring.io/projectsopen in new window
  • 选择第一个项目 Springboot 即可,然后拉到最后点击快速创建,跳出一个页面,制定 JDK 版本,以及一些配置信息,就可以点击生成。

1.2.3 SpringBoot 项目快速启动步鄹

点击查看项目快速启动步鄹

1️⃣ 对 SpringBoot 项目打包(执行 Maven 构建指令 package)
2️⃣ 执行启动指令

java -jar springboot_01_quickstart.jar# 项目的名称根据实际情况修改

注意事项:

jar 支持命令行启动需要依赖 maven 插件支持,请确认打包时是否具有 SpringBoot 对应的 maven 插件。

<build>
    <plugins>
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
    </plugins>
</build>

> 使用java -jar 指令,记得要安装jdk和配置环境变量

1.3 SpringBoot 概述 ❤️

1.3.1 「SpringBoot 概述」核心问题&答案

问题

  1. 学习了 SpringBoot 入门案例之后,感觉对比 SpringMVC 哪一个更加方便简洁?

点击查看代码

  • SpringBoot 是由 Pivotal 团队提供的全新框架,其设计目的是用来简化Spring 应用的初始搭建以及开发过程
  • Spring 程序缺点
    • 配置繁琐
    • 依赖设置繁琐
  • SpringBoot 程序优点
    • 自动配置
    • 起步依赖(简化依赖配置)
    • 辅助功能(内置服务器,……)

1.3.2 起步依赖

  • starter是 SpringBoot 中常见项目名称,定义了当前项目使用的所有项目坐标,以达到减少依赖配置的目的
<?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>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.5.0</version>
    </parent>
    <groupId>com.itheima</groupId>
    <artifactId>springboot-01-quickstart</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
    </dependencies>
</project>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <modelVersion>4.0.0</modelVersion>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-dependencies</artifactId>
    <version>2.5.0</version>
    <packaging>pom</packaging>
    <properties>
        <servlet-api.version>4.0.1</servlet-api.version>
        ...
    </properties>
</project>

parent

  • 所有 SpringBoot 项目要继承的项目,定义了若干个坐标版本号(依赖管理,而非依赖),以达到减少依赖冲突的目的
  • spring-boot-starter-parent(2.5.0)与 spring-boot-starter-parent(2.4.6)共计 57 处坐标版本不同
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-dependencies</artifactId>
        <version>2.5.0</version>
    </parent>
    <artifactId>spring-boot-starter-parent</artifactId>
    <packaging>pom</packaging>
    ...
</project>

实际开发技巧

  • 使用任意坐标时,仅书写 GAV 中的 G 和 A,V 由 SpringBoot 提供
  • 如发生坐标错误,再指定 version(要小心版本冲突)

点击查看代码

<dependency>
    <groupId>junit</groupId>
    <artifactId>junit</artifactId>
    <version>${junit.version}</version>
</dependency>
<dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>javax.servlet-api</artifactId>
    <version>${servlet-api.version}</version>
</dependency>
<?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">
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.5.0</version>
    </parent>
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>
</project>

1.3.3 辅助功能(使用 jetty 服务器)

SpringBoot 程序启动和更换为 jetty 服务器

点击查看代码

@SpringBootApplication
public class Springboot01QuickstartApplication {
    public static void main(String[] args) {
        SpringApplication.run(Springboot01QuickstartApplication.class, args);
    }
}
  • SpringBoot 在创建项目时,采用 jar 的打包方式

  • SpringBoot 的引导类是项目的入口,运行 main 方法就可以启动项目

  • 使用 maven 依赖管理变更起步依赖项

  • Jetty 比 Tomcat 更轻量级,可扩展性更强(相较于 Tomcat),谷歌应用引擎(GAE)已经全面切换为 Jetty

    Jetty 是一个开源的 servlet 容器,它为基于 Java 的 web 容器,例如 JSP 和 servlet 提供运行环境。Jetty 是使用 Java 语言编写的,它的 API 以一组 JAR 包的形式发布。开发人员可以将 Jetty 容器实例化成一个对象,可以迅速为一些独立运行(stand-alone)的 Java 应用提供网络和 web 连接。

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
        <!--web起步依赖环境中,排除Tomcat起步依赖-->
        <exclusions>
            <exclusion>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-tomcat</artifactId>
            </exclusion>
        </exclusions>
    </dependency>
    <!--添加Jetty起步依赖,版本由SpringBoot的starter控制-->
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-jetty</artifactId>
    </dependency>
</dependencies>

2.基础配置

2.1 配置文件格式

2.1.1 「配置文件格式」核心问题&答案

问题

  1. 修改服务器端口,怎么修改?如:8080 改成 80

  2. 框架常见的配置文件有哪几种形式?

点击查看

SpringBoot 提供了多种属性配置方式

  • application.properties

  • application.yml

  • application.yaml

2.1.2 配置文件 自动提示功能消失解决方案 ✏️

点击查看操作步骤:

image-20210811211456419

image-20210811211507840

image-20210811211516197

image-20210811211525671

image-20210811211548589

image-20210811211556445

2.1.3 SpringBoot 配置文件加载顺序(了解) 🚀

  • application.properties > application.yml > application.yaml

注意事项:

  1. SpringBoot 核心配置文件名为 application
  2. SpringBoot 内置属性过多,且所有属性集中在一起修改,在使用时,通过提示键+关键字修改属性

2.2 yaml

2.2.1 「yaml」核心问题&答案

问题

  1. 什么是 yaml,和 properties 有什么区别?

点击查看代码

  • YAML(YAML Ain't Markup Language),一种数据序列化格式
  • 优点:
    • 容易阅读
    • 容易与脚本语言交互
    • 以数据为核心,重数据轻格式
  • YAML 文件扩展名
    • .yml(主流)
    • .yaml

2.2.2 yaml 语法规则

语法规则

  • 大小写敏感
  • 属性层级关系使用多行描述,每行结尾使用冒号结束
  • 使用缩进表示层级关系,同层级左侧对齐,只允许使用空格(不允许使用 Tab 键)
  • 属性值前面添加空格(属性名与属性值之间使用冒号+空格作为分隔)
  • #表示注释
  • 核心规则:数据前面要加空格与冒号隔开

2.2.3 yaml 数组数据

  • 数组数据在数据书写位置的下方使用减号作为数据开始符号,每行书写一个数据,减号与数据间空格分隔

点击查看代码

image-20210811195722156

2.2.4 yaml 数据读取

11 分钟

点击查看代码

  • 使用@Value 读取单个数据,属性名引用方式:${一级属性名.二级属性名……}

image-20210811195801430

  • 封装全部数据到 Environment 对象

image-20210811195823054

  • 自定义对象封装指定数据【常用】
public class Enterprise {
    private String name;
    private Integer age;
    private String tel;
    private String[] subject;
    //自行添加getter、setter、toString()等方法
}

image-20210811195844691

  • 自定义对象封装数据警告解决方案

image-20210815102251887

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-configuration-processor</artifactId>
    <optional>true</optional>
</dependency>

2.3 多环境开发配置

8 分钟

2.3.1 「多环境开发配置」核心问题&答案

问题

  1. 在实际开发中,项目的开发环境、测试环境、生产环境的配置信息是否会一致?

点击查看代码

  • 在实际开发中,项目的开发环境、测试环境、生产环境的配置信息不一致,按需配置

2.3.2 多环境启动配置 ❤️

yaml 文件多环境启动 ❤️

image-20210811195942997

image-20210811200002937

image-20210811200030710

#设置启用的环境
spring:
  profiles:
    active: dev

---
#开发(推荐格式)
spring:
  config:
    activate:
      on-profile: dev
server:
  port: 80
---
#生产(过时格式)
spring:
  profiles: pro
server:
  port: 81
---
#测试
spring:
  profiles: test
server:
  port: 82
---
properties 文件多环境启动 🚀

点击查看代码

#主启动配置文件 application.properties
spring.profiles.active=pro
#环境分类配置文件 application-pro.properties
server.port=80
#环境分类配置文件 application-dev.properties
server.port=81
#环境分类配置文件application-test.properties
server.port=82

2.3.3 多环境启动命令格式 ✏️

8 分钟

思考:如果前端工程师需要使用后台的接口,而 Java 程序员服务器没有启动,可以正常工作吗? 需要将 java 源码拷贝给前端吗?

  • 带参数启动 SpringBoot

点击查看代码

# 配置当前环境
java –jar springboot.jar --spring.profiles.active=test
# 配置端口为88
java –jar springboot.jar --server.port=88
# 配置端口和当前环境
java –jar springboot.jar --server.port=88 --spring.profiles.active=test

image-20210811200354075

2.3.4 多环境开发控制 🚀 🚀

9 分钟

Maven 与 SpringBoot 多环境兼容(步骤)

1️⃣ Maven 中设置多环境属性
<profiles>
    <profile>
        <id>dev_env</id>
        <properties>
            <profile.active>dev</profile.active>
        </properties>
        <activation>
            <activeByDefault>true</activeByDefault>
        </activation>
    </profile>
    <profile>
        <id>pro_env</id>
        <properties>
            <profile.active>pro</profile.active>
        </properties>
    </profile>
    <profile>
        <id>test_env</id>
        <properties>
            <profile.active>test</profile.active>
        </properties>
    </profile>
</profiles>
2️⃣ SpringBoot 中引用 Maven 属性

image-20210811200516648

#设置启用的环境
spring:
  profiles:
    active: ${profile.active}
# 下面省略配置的环境
  <profiles>
        <!--开发环境-->
        <profile>
            <id>dev</id>
            <properties>
                <profile.active>dev</profile.active>
            </properties>
            <!--表示该环境激活了-->
            <activation>
                <activeByDefault>true</activeByDefault>
            </activation>
        </profile>
3️⃣ 执行 Maven 打包指令
  • Maven 指令执行完毕后,生成了对应的包,其中类参与编译,但是配置文件并没有编译,而是复制到包中

  • 解决思路:对于源码中非 java 类的操作要求加载 Maven 对应的属性,解析${}占位符
4️⃣ 对资源文件开启对默认占位符的解析
<build>

    <plugins>
        <plugin>
            <artifactId>maven-resources-plugin</artifactId>
            <configuration>
            <!-- 修改插件的配置信息 识别占位符${} -->
                <encoding>utf-8</encoding>
                <useDefaultDelimiters>true</useDefaultDelimiters>
            </configuration>
        </plugin>
    </plugins>
</build>
  • Maven 打包加载到属性,打包顺利通过

image-20210811200628431

2.4 配置文件分类

9 分钟

2.4.1 「配置文件分类」核心问题&答案

问题

  1. SpringBoot 的配置文件哪种优先级最高

点击查看代码

image-20210811200723514

java –jar springboot.jar --spring.profiles.active=test --server.port=85 --server.servlet.context-path=/heima --server.tomcat.connection-timeout=-1 ... ...

思考: 这么长的配置,不好记,有么有更好的方式?

  • SpringBoot 中 4 级配置文件

    1 级: file :config/application.yml 【最高】

    2 级: file :application.yml

    3 级:classpath:config/application.yml

    4 级:classpath:application.yml 【最低】

  • 作用:

    1 级与 2 级留做系统打包后设置通用属性

    3 级与 4 级用于系统开发阶段设置通用属性

3.整合第三方技术 ❤️

3.1 整合 JUnit ✏️

10 分钟

3.1.1 「JUnit」核心问题&答案

问题

  1. 回忆一下 Spring 整合 JUnit 的步骤?

点击查看

image-20210811200833143

3.1.2 SpringBoot 整合 JUnit

1️⃣ 添加整合 junit 起步依赖(可以直接勾选)
<!-- 添加起步依赖 -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-test</artifactId>
    <scope>test</scope>
</dependency>
2️⃣ 编写测试类,默认自动生成了一个
@SpringBootTest
class Springboot07JunitApplicationTests {
    @Autowired
    private BookService bookService;

    @Test
    public void testSave() {
        bookService.save();
    }
}

3.2 基于 boot 实现 SSM 整合 ✏️ ✏️

17 分钟

3.2.1 「基于 SpringBoot 实现 SSM 整合」核心问题&答案

问题

  1. 回忆一下 Spring 整合 MyBatis 的核心思想?

点击查看 Spring 整合 MyBatis

  • SpringConfig
    • 导入 JdbcConfig
    • 导入 MyBatisConfig
@Configuration
@ComponentScan("com.itheima")
@PropertySource("classpath:jdbc.properties")
@Import({JdbcConfig.class, MyBatisConfig.class})
public class SpringConfig {

}
  • JDBCConfig
    • 定义数据源(加载 properties 配置项:driver、url、username、password)
#jdbc.properties
jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/spring_db
jdbc.username=root
jdbc.password=itheima
public class JdbcConfig {
    @Value("${jdbc.driver}")
    private String driver;
    @Value("${jdbc.url}")
    private String url;
    @Value("${jdbc.username}")
    private String userName;
    @Value("${jdbc.password}")
    private String password;

    @Bean
    public DataSource getDataSource() {
        DruidDataSource ds = new DruidDataSource();
        ds.setDriverClassName(driver);
        ds.setUrl(url);
        ds.setUsername(userName);
        ds.setPassword(password);
        return ds;
    }
}
  • MyBatisConfig
    • 定义 SqlSessionFactoryBean
    • 定义映射配置
@Bean
public SqlSessionFactoryBean getSqlSessionFactoryBean(DataSource dataSource) {
    SqlSessionFactoryBean ssfb = new SqlSessionFactoryBean();
    ssfb.setTypeAliasesPackage("com.itheima.domain");
    ssfb.setDataSource(dataSource);
    return ssfb;
}
@Bean
public MapperScannerConfigurer getMapperScannerConfigurer() {
    MapperScannerConfigurer msc = new MapperScannerConfigurer();
    msc.setBasePackage("com.itheima.dao");
    return msc;
}

3.2.2 SpringBoot 整合 MyBatis

  • SpringBoot 整合 Spring(不存在)
  • SpringBoot 整合 SpringMVC(不存在)
  • SpringBoot 整合 MyBatis(主要)
1️⃣ 创建新模块,选择 Spring 初始化,并配置模块相关基础信息

image-20210811201314649

2️⃣ 选择当前模块需要使用的技术集(MyBatis、MySQL)

image-20210811201328652

也可以在 pom 中加载配置:

    <dependency>
      <groupId>org.mybatis.spring.boot</groupId>
      <artifactId>mybatis-spring-boot-starter</artifactId>
      <version>2.2.0</version>
   </dependency>

   <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <scope>runtime</scope>
   </dependency>

   <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.1.16</version>
   </dependency>
</dependencies>
3️⃣ 设置数据源参数
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/ssm_db?serverTimezone=UTC
    username: root
    password: root
    type: com.alibaba.druid.pool.DruidDataSource

注意事项:

  1. SpringBoot 版本低于 2.4.3(不含),Mysql 驱动版本大于 8.0 时,需要在 url 连接串中配置时区,或在 MySQL 数据库端配置时区解决此问题
jdbc:mysql://localhost:3306/ssm_db?serverTimezone=UTC
4️⃣ 定义数据层接口与映射配置 ❤️
@Mapper
public interface UserDao {
    @Select("select * from tbl_book where id=#{id}")
    Book getById(Integer id);
}
5️⃣ 测试类中注入 dao 接口,测试功能
@SpringBootTest
class Springboot08MybatisApplicationTests {
    @Autowired
    private BookDao bookDao;

    @Test
    public void testGetById() {
        Book book = bookDao.getById(1);
        System.out.println(book);
    }
}

3.2.3 案例-SpringBoot 实现 ssm 整合

1️⃣ 创建 SpringBoot 工程,添加 druid 依赖
<!-- todo 1 添加druid连接池依赖-->
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>druid</artifactId>
    <version>1.2.6</version>
</dependency>
2️⃣ 复制 springmvc_11_page 工程各种资源(主 java 类、页面、测试类)

注意:webapp中的静态资源拷贝到resource的static文件夹中

3️⃣ 删除 config 包中的所有配置,在 BookDao 接口上加@Mapper 注解
//todo 3 在BookDao接口上加@Mapper注解,让SpringBoot给接口创建代理对象
@Mapper
public interface BookDao {
    //...
}
4️⃣ 将 application.properties 修改成 application.yml,配置端口号和连接参数
server:
  port: 80
# todo 4 配置数据库连接参数
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/ssm_db
    username: root
    password: root
    type: com.alibaba.druid.pool.DruidDataSource
5️⃣ 修改 BookServiceTest 配置类,进行配置
// todo 5 修改单元测试类,添加@SpringBootTest主键,修复@Test注解导包
@SpringBootTest
public class BookServiceTest {

    @Autowired
    private BookService bookService;

    @Test
    public void testGetById(){
        Book book = bookService.getById(2); //传递参数1会抛出异常
        System.out.println(book);
    }
    @Test
    public void testGetAll(){
        List<Book> all = bookService.getAll();
        System.out.println(all);
    }
}
6️⃣ 在 static 目录中提供 index.html 页面,跳转到"pages/books.html"
<script>
  location.href = "pages/books.html";
</script>

最后:运行引导类即可访问

用心去做高质量的内容网站,欢迎 star ⭐ 让更多人发现