同步异步实战

最新推荐文章于 2024-01-28 22:53:02 发布

颜小小

最新推荐文章于 2024-01-28 22:53:02 发布

阅读量343

点赞数 1

分类专栏： SpringBoot 文章标签： spring ajax

本文链接：https://blog.csdn.net/Okami_m/article/details/109406792

版权

SpringBoot 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

源代码下载点击

1.MybatisPlus

MyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。

2.ORM思想

对象关系映射（英语：Object Relational Mapping，简称ORM，或O/RM，或O/R mapping），是一种程序设计技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。从效果上说，它其实是创建了一个可在编程语言里使用的“虚拟对象数据库”。如今已有很多免费和付费的ORM产品，而有些程序员更倾向于创建自己的ORM工具。
拓展: Sql语句是面向过程的语言;ORM以对象的方法操作数据库;

3.Web项目实战

3.1MP导入jar包

<!--spring整合mybatis-plus -->
		<dependency>
			<groupId>com.baomidou</groupId>
			<artifactId>mybatis-plus-boot-starter</artifactId>
			<version>3.2.0</version>
		</dependency>

3.2导入JSP页面

拓展： JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以<%开头以%>结束。

JSP是一种Java servlet，主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。

JSP通过网页表单获取用户输入数据、访问数据库及其他数据源，然后动态地创建网页。

JSP标签有多种功能，比如访问数据库、记录用户选择信息、访问JavaBeans组件等，还可以在不同的网页中传递控制信息和共享信息。

3.3编辑POJO类

@TableName
@Data
@Accessors(chain = true)
public class User {
    @TableId(type = IdType.AUTO)
    private Integer id; //主键自增
    private String name;
    private Integer age;
    private String sex;
}

3.4编辑yml配置文件

server:
  port: 8080
  servlet:
    context-path: /
spring:
  datasource:
    #驱动版本问题 高版本需要添加cj关键字  一般可以省略
    #driver-class-name: com.mysql.cj.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:         #引入mvn配置
    view:
      prefix: /WEB-INF/     # /默认代表根目录 src/main/webapp
      suffix: .jsp
      
mybatis-plus:
  #别名包定义 Mapper的resultType中只需要写类名 之后自动拼接即可
  type-aliases-package: com.jt.pojo
  #加载指定的xml映射文件
  mapper-locations: classpath:/mybatis/mappers/*.xml
  #开启驼峰映射
  configuration:
    map-underscore-to-camel-case: true

# 实现sql打印
logging:
  level:
    com.jt.mapper: debug

3.5编辑控制层

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 java.util.List;

@Controller
public class UserController {
    @Autowired
    private UserService userService;
    /**
     * 跳转页面: userList.jsp
     * url:localhost:8090/findAll
     * 步骤:
     *      1.pojo  2.mapper 3.service  4.controller
     *      5.YML配置前后缀
     *      6.jar包问题  3个包
     *      7.导入页面 userList.jsp
     *      */
    @RequestMapping("/findAll")
    public String findAll(Model model){

        //1.查询用户列表信息
        List<User> userList = userService.findAll();
        //2.将数据保存到request域中 之后返回给用户 视图渲染过程
        model.addAttribute("userList",userList);

        return "userList";
    }
}

3.6编辑业务层

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;
@Service
public class UserServiceImpl implements UserService{

    @Autowired
    private UserMapper userMapper;

    @Override
    public List<User> findAll() {
        return userMapper.selectList(null);
    }
}

3.7页面效果

在这里插入图片描述

3.8异步实现

拓展： Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。
通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

3.9导入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>

<!-- 1.导入函数类库 -->
<script src="../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
	
	//让JS页面加载完成,之后执行JS
	$(function(){
		/* 
			需求: 利用ajax方式动态获取user数据信息
			请求网址:  /findAjax
			知识点:  
				返回值类型: 可以根据数据自动匹配类型,所以可以不写.
				1. $.get(url地址,传递的参数,回调函数,返回值类型)
				2. $.post(.....)
				3. $.getJSON(.....)
		 */
		$.get("/findAjax",function(result){
			//1.可以使用js中的for循环
			for(let user of result){
				let id = user.id;
				let name = user.name;
				let age = user.age;
				let sex = user.sex;
				let tr  = "<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>"
				$("#tab1").append(tr);
			}
		})
	})
</script>
</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>
		</tr>
	</table>
</body>
</html>

3.10编辑控制层

    @RequestMapping("/ajax")
    public String ajax(){
        return "ajax";
    }
    @RequestMapping("/findAjax")
    @ResponseBody       //ajax结束标识
    public List<User> findAjax(){
        return userService.findAll();
    }

3.11页面展现

在这里插入图片描述

颜小小

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
同步异步实战

1.MybatisPlusMyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。2.ORM思想对象关系映射（英语：Object Relational Mapping，简称ORM，或O/RM，或O/R mapping），是一种程序设计技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。从效果上说，它其实是创建了一个可在编程语言里使用的“虚拟对象数据库”。如今已有很多免费和付费的ORM产品，而有些程序员更
复制链接

扫一扫

专栏目录