1 步骤

1.1

1.2

1.3

server:port: 6666servlet:context-path: /
spring:datasource:#数据库驱动 高版本   com.mysql.cj.jdbc.Driver   #低版本                       com.mysql.jdbc.Driver   #driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://127.0.0.1:3306/hui?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=trueusername: rootpassword: rootthymeleaf:prefix: classpath:/templates/pages/suffix: .htmlmybatis:#定义别名包type-aliases-package: com.cy.pojo#添加映射文件mapper-locations: classpath:/mybatis/mappers/*.xml#开启驼峰映射configuration:map-underscore-to-camel-case: true

1.4

1.5

1.6

1.7

1.8

1.9

1.10

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-3.5.1.js"></script>
<script type="text/javascript">$(function(){$.get("/getAllUser",function(result){//console.log(result);/*for(var i =0 ; i<result.length ; i++){var user = result[i];var name = user.name;alert(name);}*/addTable("tab1",result);})//定义ajax 展现数据函数function addTable(eleId,data){//遍历数据var trs = "";$(data).each(function(index,user){var id = user.id;var name = user.name;var age = user.age;var sex = user.sex;trs += "<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+sex+"</td></tr>"});//var id = '#'+eleId$("#"+eleId).append(trs);}//方法2   常规ajax写法$.ajax({type: "post",     //methodurl: "/getAllUser",       //网址//data: "name=John&location=Boston",  //传递数据dataType: "json",success: function(result){//准备一个函数,实现表格数据的添加.    addTable("tab2",result);//提示成功信息},error :function(data){alert("提示信息: 当前网络正忙,请稍后再试");},async : true,    //默认条件下都是异步.    false表示请求同步.cache : false    //缓存页面信息          false表示不缓存});})
</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>

1.11 SpringBoot如何整合前端页面相关推荐

[IDEA中SSM整合,前端页面jsp] tomcat一开始访问jsp页面就报404错误
文章目录前言: 问题描述错误详情解决办法前言: 前面的博客详细介绍了在IDEA中使用Maven构建SSM框架的基本过程,以及所需基本jar包的引入(其中包含了项目开发过程中业务所需的jar包) ...
SpringBoot之整合Swagger(页面无法显示)
问题: 配置Swagger后,访问http://localhost:8080/swagger-ui.html不显示页面原因:Swagger版本过高我尝试降低springboot版本到2.2.6.R ...
SpringBoot (二) 整合前端模板引擎FreeMarker、thymeleaf
哈喽,大家好,我是有勇气的牛排(全网同名)
SpringBoot的开发(3)--前端页面的搭建、前端页面的编写、分页和增删改查功能的实现...
前端页面的搭建首先我们在resources包下新建一个文件夹static,SpringBoot默认会去把static包下的文件做一个路由然后在static包下新建一个HTML File类型的文件, ...
springboot向前端页面实时打印日志
springboot向前端页面实时打印日志加入logback-spring.xml日志配置 <?xml version="1.0" encoding="UTF-8 ...
SpringBoot个人博客项目搭建—前端页面功能介绍（一）
SpringBoot个人博客-前端页面功能介绍(一) 项目首页地址:https://blog.csdn.net/weixin_45019350/article/details/108869025 一. ...
SpringBoot后端框架整合前端Vue系统框架
SpringBoot后端框架整合前端Vue系统框架本节内容服务于SpringBoot + Vue 搭建 JavaWeb 增删改查项目. 在IDEA中整合前后端框架,实现前后端分离,人不分离,方便项目 ...
Springboot整合自定义页面swaggerUi
文章目录 Springboot整合自定义页面swaggerUi pom 重点:配置swagger权限认证下:基于Spring Security 测试整合效果报错记录 Springboot整合自定义 ...
Springboot+vue整合
SpringBoot+Vue实战–博客管理这段时间决定自学Vue并使用Springboot框架整合Vue项目.终于,再不懈的努力下,终究完成了一个个人博客系统.基本实现了,个人的添加博客模块,删 ...

SpringBoot如何整合前端页面

1 步骤

1.1

1.2

1.3

1.4

1.5

1.6

1.7

1.8

1.9

1.10

1.11

SpringBoot如何整合前端页面相关推荐

最新文章

热门文章