` 元素，将文本颜色设置为红色。 | | **类选择器** | 通过类名选取元素 | `.class-name { font-weight: bold; }` 选取具有类名为 `class-name` 的元素，使其字体加粗。 | | **ID选择器** | 通过ID名称选取唯一元素 | `#id-name { background-color: yellow; }` 选取ID为 `id-name` 的元素，背景色设为黄色。 | | **通配符选择器** | 匹配所有元素 | `* { margin: 0; padding: 0; }` 选取所有元素，清除默认的外边距和内边距。 | css的块级元素和行内元素： - **块级元素**：块级元素会独占一行，其宽度默认为父元素的100%。常见的块级元素有`

`, `

`等。 - **行内元素**：行内元素不会独占一行，其宽度默认为内容宽度。常见的行内元素有``, ``等。 #### JavaScript javascript中定义变量的关键字有：`let`, `const`, `var` . 其中`const`用于声明一个常量。 ##### DOM操作 **选择元素**： - document.getElementById(): 根据元素ID获得对应的dom对象。 - document.getElementsByClassName(): 根据元素类名获得对应的dom对象列表。 - document.querySelector(): 根据选择器获得对应的dom对象。例如，在DOM操作中，用于获取元素的ID为example的方法是： document.getElementById("example")。综合示例，实现一个计数器： ```html 计数器

计数器: 0

``` JavaScript中，回调函数是一种函数，作为参数传递给另一个函数，并在这个函数内部被调用。在上面的例子中，`button.addEventListener('click', function() {})` 中第二个参数就是一个回调函数。 ##### AJAX AJAX 技术主要用于实现页面的部分更新。 AJAX 请求的响应数据的格式，常用的有：JSON 、XML。通过浏览器访问服务器资源时，服务器端返回的数据很多形式，常见的有JSON、XML、HTML等。 XML 是一种用于定义文档结构和存储数据的标记语言。常用于不同系统之间的数据交换。广泛用于Web服务、配置文件、数据交换等多种场景. JSON是一种轻量级的数据交换格式，广泛用于Web应用的数据交换格式，特别是在Ajax应用中。在JavaScript中，可使用 `JSON.parse()` 方法将JSON字符串转换为JavaScript对象。在js中可以使用 XMLHttpRequest 对象来发送AJAX请求. 在javascript 新版本中， `fetch` API 用来替代 `XMLHttpRequest`，它提供了更简洁的语法和基于 `Promise` 的接口。使用Fetch API 的时候，需要注意 response.json() 方法返回的是一个 `Promise` 对象。 ## 3. Servlet MVC（Model-View-Controller）设计模式是一种软件架构模式，用于将应用程序的逻辑、数据和用户界面分离，以提高代码的可维护性和可扩展性。 - 模型（Model）：负责管理应用程序的数据和业务逻辑。 - 视图（View）：负责显示数据，即用户界面。 - 控制器（Controller）：负责处理用户输入，协调模型和视图之间的交互。 Java Web开发中常用的Servlet容器是 `Tomcat`，是一个开放源代码的Servlet容器。 JSP页面中包含Html代码和Java代码。使用标签`<% %>` 在JSP页面中嵌入Java代码片段, 使用`<%= %>` 输出变量。 Servlet的doGet()方法是处理HTTP GET请求的，doPost()方法是处理HTTP POST请求的。 JavaBean的必要特征: - 具有一个公共的无参构造器 - 属性通过公共的`getter`和`setter`方法进行访问.(JavaBean的属性应该通过标准的getter和setter方法暴露.) - 不包含复杂的业务逻辑，主要用于保存数据 ## 4. Spring Boot ### 构建工具 Maven和Gradle都可以作为Spring Boot项目的构建工具来使用。使用Gradle构建Spring Boot项目时，配置项目依赖时，需要在gradle的配置文件`build.gradle` 中的配置块`dependencies` 部分添加依赖. ### Spring Boot基础 Spring Boot 是一个基于Spring框架的轻量级框架，它简化了Spring应用的创建和开发过程。 Spring Boot 不仅能用于开发Web应用， Spring Boot提供了丰富的功能和特性，使得开发者能够更快地构建和运行现代化的应用程序。 Spring Boot提供了内嵌的Servlet服务器`Tomcat`，开发者无需单独部署Servlet容器即可运行Spring Boot应用。 Spring Boot应用默认的监听端口是 `8080`。 Spring Boot应用默认使用的配置文件是 `application.yml` 或 `application.properties` 。 ### Spring Boot应用的启动类 spring boot应用的入口类（启动类），此类上必须要有注解 `@SpringBootApplication`，入口类示例如下: ```java @SpringBootApplication public class MyApp { public static void main(String[] args) { SpringApplication.run(MyApp.class, args); } } ``` ### Spring Boot中控制器类中常用注解 * @Autowired注解的作用是 `自动注入依赖的Bean实例`。 * @RestController注解用于创建RESTful风格的控制器，自动将返回对象转换为JSON。 * @RequestMapping注解用于定义请求路径和请求方法。 * @GetMapping注解用于定义GET请求路径。 * @PostMapping注解用于定义POST请求路径。 * @RequestBody注解获取HTTP请求的请求体. * @PathVariable注解用于获取URL路径中的参数. RestController类示例： ```java // 注解Restcontroller表明这个类是控制器类 @RestController // 注解RequestMapping可设置父路径 @RequestMapping("/api/users") public class UserController { // GetMapping注解表示此方法对应的是Get请求. {id}表示从路径中获取用户id @GetMapping("{id}") public User getUser(@PathVariable Long id) { // 根据用户ID获取用户信息的逻辑 } //@PutMapping 注解表示对应Post请求 @PostMapping public User create( @RequestBody User user) { // 创建新用户的逻辑 } } ``` ### JPA JDBC是Java编程语言中用于和数据库交互的一组API。它提供了一个通用的接口，使得Java应用程序能够连接到各种不同的数据库管理系统（DBMS），执行查询和更新操作，并处理返回的结果集。 JPA是一个Java持久化标准，用于将Java对象持久化到关系数据库中。JPA不是一个ORM框架，而是一个规范。在spring boot中，我们使用spring data jpa来实现JPA。 ORM (对象关系映射，Object-Relational Mapping) 是一种编程技术，用于将对象模型映射到关系型数据库模型。 ORM框架的主要目的是简化数据库操作，提高开发效率。 @Entity 注解用于标记一个类为实体类，表示该类将映射到数据库中的表。 @Table 注解用于指定实体类对应的数据库表名。 JpaRepository接口提供了基本的CRUD（创建、读取、更新和删除）操作方法，以及分页和排序功能。我们需要为实体类创建一个接口，继承JpaRepository接口，并指定实体类和主键类型，这样Spring Data JPA就会自动为该接口生成实现类，并提供相应的数据库操作方法。以下为JPA的示例：实体类User： ```java // 使用注解Entity声明User类是一个实体类 @Entity public class User{ // id是主键，需要添加注解id @id // 主键自增 @GeneratedValue(strategy = GenerationType.IDENTITY) Long id; //用户名，在数据库表中对应的字段名user_name,需要使用注解Column @Column(name = "user_name") String name; // 密码 String password; // 年龄 Integer age; } ``` 实现实体类User的数据库接口UserRepository： ```java public interface UserRepository extends JpaRepository { // 根据用户名查找用户 User findByName(String name); // 查找大于指定年龄的用户 List findByAgeGreaterThan(Integer age); } ```