创立web我的项目
编辑我的项目目录构造
引入jar包
<?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.3.4.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.jt</groupId> <artifactId>springboot_demo3_web</artifactId> <version>0.0.1-SNAPSHOT</version> <packaging>war</packaging> <name>springboot_demo3_web</name> <description>Demo project for Spring Boot</description> <properties> <java.version>1.8</java.version> </properties> <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> <exclusions> <exclusion> <groupId>org.junit.vintage</groupId> <artifactId>junit-vintage-engine</artifactId> </exclusion> </exclusions> </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 --> <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> </plugin> </plugins> </build></project>
编辑YML文件
server: port: 8090 #定义端口 servlet: context-path: / #定义我的项目的公布门路spring: datasource: #driver-class-name: com.mysql.cj.jdbc.Driver springboot程序采纳默认的配置 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: .jspmybatis-plus: #定义别名包 type-aliases-package: com.jt.pojo #加载user标签的mapper文件 mapper-locations: classpath:/mybatis/mappers/*.xml #开启驼峰映射 configuration: map-underscore-to-camel-case: true#引入日志信息.logging: level: com.jt.mapper: debug
查问user列表数据
【要求】
用户通过http://localhost:8090/findAll申请。跳转到userList.jsp页面中,并且展示user表中的所有数据,以MP形式查问
编辑UserController
package com.jt.controller;import com.jt.pojo.User;import com.jt.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 org.springframework.web.bind.annotation.RestController;import java.util.List;//@RestController //json 字符串自身 不通过视图解析器@Controllerpublic class UserController { @Autowired private UserService userService; /** * 需要:用户通过http://localhost:8090/findAll * 跳转页面门路:userList.jsp * 页面取值信息: el表达式:${userList} 从域中取值. * 在页面跳转之前应该将userList数据保留到域中 key就是userList. */ @RequestMapping("/findAll") public String findAll(Model model){ //利用model对象将数据保留到request对象中. //1.查询数据库 获取list汇合信息 List<User> userList = userService.findAll(); model.addAttribute("userList",userList); System.out.println(userList); return "userList"; }}
编辑UserService
package com.jt.service;import com.jt.mapper.UserMapper;import com.jt.pojo.User;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Service;import java.util.List;@Servicepublic class UserServiceImpl implements UserService{ @Autowired private UserMapper userMapper; @Override public List<User> findAll() { return userMapper.selectList(null); }}
对于IDEA启动web我的项目配置
阐明:配置IDEA启动项,将工作目录配置到本我的项目即可!
异步的形式实现列表展示
跳转到ajax页面
需要:用户通过:http://localhost:8090/ajax.jsp页面中
/** * 跳转到ajax.jsp页面 */ @RequestMapping("/ajax") public String ajax(){ return "ajax"; }
页面成果出现
下载jQuery函数类库
导入函数类库
阐明:将下载好的类库导入即可
热部署配置
增加依赖
<!--反对热部署 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> </dependency>
配置主动加载(关上IDAE应用快捷键:ctrl+shift+alt+/)