SpringBoot2 学习2 实现查询用户Controller and 用户管理页面

最新推荐文章于 2024-04-20 10:12:01 发布
最新推荐文章于 2024-04-20 10:12:01 发布
阅读量2k 收藏 2
点赞数 1
分类专栏： SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/h356363/article/details/98474257
版权

效果

在这里插入图片描述

controller代码

package com.zz.controller;

import java.util.List;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import com.zz.entity.User;
import com.zz.service.UserService;

@RestController
public class UserController {
	
	@RequestMapping("all")
	public List<User> getAll(){
		UserService us=new UserService();
		List<User> userlist=us.selectAll();
		return userlist;
	}

}

Service

package com.zz.service;

import java.sql.Connection;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.sql.Statement;
import java.util.ArrayList;
import java.util.List;

import com.zz.entity.User;
import com.zz.util.JDBCComon;


public class UserService {
	JDBCComon jdbc=new JDBCComon();
	//登录
	public User login(String name,String pwd){
		User user=null;
		try {
			Connection conn=jdbc.getConnection();
			Statement st=conn.createStatement(); 
			String sql="select * from user where  name='"+name+"' and pwd='"+pwd+"'";
			System.out.println("sql--->"+sql);
			ResultSet rss=st.executeQuery(sql);
			//rss.next()只要 结果集合里，至少有一条记录，next方法就会返回true
			if(rss.next()){
				user=new User();
				user.setId(rss.getString("id"));
				user.setName(rss.getString("name"));
			}
			//从下往上关
			rss.close();
			st.close();
			conn.close();
		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		return user;
	}
	
	//验证用户名是否存在
	public User checkName(String name){
		User user=null;
		try {
			Connection conn=jdbc.getConnection();
			Statement st=conn.createStatement(); 
			String sql="select * from user where  name='"+name+"' ";
			System.out.println("sql--->"+sql);
			ResultSet rss=st.executeQuery(sql);
			//rss.next()只要 结果集合里，至少有一条记录，next方法就会返回true
			if(rss.next()){
				user=new User();
				user.setId(rss.getString("id"));
				user.setName(rss.getString("name"));
			}
			//从下往上关
			rss.close();
			st.close();
			conn.close();
		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		return user;
	}
	
	
		public List<User> selectAll(){
			List<User> ulist=new ArrayList();
			try {
				Connection conn=jdbc.getConnection();
				Statement st=conn.createStatement(); 
				String sql="select * from user ";
				System.out.println("sql--->"+sql);
				ResultSet rss=st.executeQuery(sql);
				//rss.next()只要 结果集合里，至少有一条记录，next方法就会返回true
				while(rss.next()){
					User user=new User();
					user.setId(rss.getString("id"));
					user.setName(rss.getString("name"));
					user.setAge(rss.getInt("age"));
					ulist.add(user);
				}
				//从下往上关
				rss.close();
				st.close();
				conn.close();
			} catch (ClassNotFoundException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			
			return ulist;
		}

}

代码结构

在这里插入图片描述

用户管理页面

  • 效果
    在这里插入图片描述

在这里插入图片描述

  • html 代码
<!DOCTYPE html>
<html>
<head>
  <title>用户管理</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>用户管理</h2>
  <div class="table-responsive">          
  <table class="table  table-bordered">
    <thead>
      <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>年龄</th>
         <th>操作</th>
      </tr>
    </thead>
    <tbody id="tbodymainbtn">
    </tbody>
</table>
  </div>
</div>
<script type="text/javascript" src="js/table.js"></script>
</body>
</html>
  • js 代码
 $(document).ready(function(){
	  // 在这里写你的代码...
	 $.getJSON("all", function(json){
		   console.log(json);
		   $("#tbodymainbtn").empty();
		   for(var i=0;i<json.length;i++){
			   $("#tbodymainbtn").append(
				"<tr id='tridval"+i+"'>"  
				+"<td>"+ json[i].id  
				+"</td>"
				+"<td>"+ json[i].name  
				+"</td>"
				+"<td>"+ json[i].age  
				+"</td>"
				+"<td><button type='button' name='btn001' class='btn btn-info btn-sm' id='btn1"+i+"'>修改</button>" 
				+"</td></tr>" 
			   );
			   $("#tbodymainbtn").append(
						"<tr style='display:none' id='tridval2"+i+"'><form>"  
						+"<td><input type='text'  value='"+ json[i].id  
						+"'/></td>"
						+"<td><input type='text' id='name2"+i+"'  value='"+ json[i].name  
						+"'/></td>"
						+"<td><input type='text' id='age2"+i+"' value='"+ json[i].age  
						+"'/></td>"
						+"<td><button type='button' name='btn002'  class='btn btn-primary btn-sm' id='btn2"+i+"'>保存</button>" 
						+"</td></form></tr>" 
					   );
		   }
		   
		   
		   //jquery 样式查找 “点+样式名字”
			 $("button[name='btn001']").click(function(){
				 var id=this.id;
				 //从最后面开始，截取一位
				 var numb = id.substr(-1);
				 console.log("****************"+id);
				 $("#tridval"+numb).hide();
				 $("#tridval2"+numb).show();
				 
			 });
			 
			 
			 $("button[name='btn002']").click(function(){
				 var id=this.id;
				 //从最后面开始，截取一位
				 var numb = id.substr(-1);
				 console.log("****************"+id);
				 var nval=$("#name2"+numb).val();
				 var aval=$("#age2"+numb).val();
				 console.log("********name2********"+nval);
				 console.log("********age2********"+aval);
				 
				 $("#tridval"+numb).show();
				 $("#tridval2"+numb).hide();
				 
				 
			 });
			 
			 
			 
		});//$.getJSON("UserServlet", function(json){
		  
	  });
  • 代码结构
    在这里插入图片描述

删除功能

  • 效果

在这里插入图片描述

  • 代码
  • js
 $(document).ready(function(){
	  // 在这里写你的代码...
	 $.getJSON("all", function(json){
		   console.log(json);
		   $("#tbodymainbtn").empty();
		   for(var i=0;i<json.length;i++){
			   $("#tbodymainbtn").append(
				"<tr id='tridval"+i+"'>"  
				+"<td>"+ json[i].id  
				+"</td>"
				+"<td>"+ json[i].name  
				+"</td>"
				+"<td>"+ json[i].age  
				+"</td>"
				+"<td><button type='button' name='btn001' class='btn btn-info btn-sm' id='btn1"+i+"'>修改</button>" +"&nbsp&nbsp&nbsp<button type='button' name='btn003' class='btn btn-danger btn-sm' id='btn3"+json[i].id +"'>删除</button>"
				+"</td></tr>" 
			   );
			   $("#tbodymainbtn").append(
						"<tr style='display:none' id='tridval2"+i+"'><form>"  
						+"<td><input type='text'  value='"+ json[i].id  
						+"'/></td>"
						+"<td><input type='text' id='name2"+i+"'  value='"+ json[i].name  
						+"'/></td>"
						+"<td><input type='text' id='age2"+i+"' value='"+ json[i].age  
						+"'/></td>"
						+"<td><button type='button' name='btn002'  class='btn btn-primary btn-sm' id='btn2"+i+"'>保存</button>" 
						+"</td></form></tr>" 
					   );
		   }
		   
		   
		   //jquery 样式查找 “点+样式名字”
			 $("button[name='btn001']").click(function(){
				 var id=this.id;
				//截取剩余
				 var numb = id.slice(4);
				 console.log("****************"+id);
				 $("#tridval"+numb).hide();
				 $("#tridval2"+numb).show();
				 
			 });
			 
			 
			 $("button[name='btn002']").click(function(){
				 var id=this.id;
				//截取剩余
				 var numb = id.slice(4);
				 console.log("****************"+id);
				 var nval=$("#name2"+numb).val();
				 var aval=$("#age2"+numb).val();
				 console.log("********name2********"+nval);
				 console.log("********age2********"+aval);
				 
				 $("#tridval"+numb).show();
				 $("#tridval2"+numb).hide();
				 
				 
			 });
			 
			 
			 $("button[name='btn003']").click(function(){
				 var id=this.id;
				 //截取剩余
				 var numb = id.slice(4);
				 console.log("****************"+id);
				 console.log("****************"+numb);
				 
				 $.getJSON("delete", { uid: numb}, function(json){
					 console.log("******delete**********"+numb,json);
					 window.location.href="table.html"
					});
				 
				 
				 
				 
			 });
			 
			 
			 
		});//$.getJSON("UserServlet", function(json){
		  
	  });
  • controller
package com.zz.controller;

import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import com.zz.entity.User;
import com.zz.service.UserService;

@RestController
public class UserController {
	
	@RequestMapping("all")
	public List<User> getAll(){
		UserService us=new UserService();
		List<User> userlist=us.selectAll();
		return userlist;
	}
	
	@RequestMapping("delete")
	public Map remove(HttpServletRequest request){
		UserService us=new UserService();
		String id=request.getParameter("uid");
		boolean rs=us.deleteById(id);
		Map map=new HashMap();
		map.put("result", rs);
		return map;
	}

}
潘多编程
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot项目---查询所有用户功能
weixin_44876147的博客
05-26 4844
SpringBoot项目（6）—查询所有用户 2.查询全部用户功能 （1）编写service接口，在接口里添加方法命名 （2）编写dao接口，在接口里添加方法命名 （3）编写dao接口实现类，实现查询全部用户的功能 @Override public List<Users> selectUsersAll(){ String sql = "select * from users"; return this.jdbcTemplate.query(sql, new RowMapper&l
usercontroller.java,springboot controller 参数绑定
weixin_29905347的博客
03-27 389
springboot可以实现前后端参数绑定普通POST请求User.javapackage cn.ac.iie.bean;public class User {private String userName;private String passwordEn;public User(String userName, String passwordEn) {this.userName = userN...
【SpringBoot实战篇】获取用户详细信息
最新发布
m0_68467925的博客
04-20 1064
请求头需要获取用户详细信息；开启驼峰命名（对象属性）和下划线（数据库属性名）命名的自动转换；@JsonIgnore；postman统一添加请求头
SpringMVC案例查询所有用户列表
zhansan的博客
09-02 618
SpringMVC案例查询所有用户列表
用户管理：controller代码
Leon_Jinhai_Sun的博客
12-29 503
package com.learn.system.controller; import com.learn.common.controller.BaseController; import com.learn.common.entity.PageResult; import com.learn.common.entity.Result; import com.learn.common.enti...
基于Spring查找所有controller
Qbit编程学习笔记
04-09 655
import org.springframework.core.io.Resource; import org.springframework.core.io.support.PathMatchingResourcePatternResolver; import org.springframework.core.io.support.ResourcePatternResolver; impor...
springboot整合mybatis实现查询数据库和页面跳转
03-04
在本文中，我们将深入探讨如何将SpringBoot与MyBatis集成，实现数据库查询以及页面的跳转功能。SpringBoot以其简化Spring应用的初始搭建以及开发过程而受到广泛欢迎，而MyBatis则是一个优秀的持久层框架，使得Java...
SpringBoot使用Ajax实现登录
12-02
在Spring Boot应用中，使用Ajax实现登录功能是一个常见的需求，它可以提供无刷新的用户体验，使得用户界面更加流畅。本文将详细介绍如何在Spring Boot环境中配置和使用Ajax进行登录处理。 首先，我们看到`pom.xml`...
springBoot登录注册功能的实现
04-12
@Controller public class UserController { @GetMapping("/login") public String login() { return "login"; // 返回login.html模板 } @PostMapping("/register") public String register(@RequestParam(...
springboot增删查改功能实现
08-30
// 根据ID查询用户 @GetMapping("/{id}") public User getUserById(@PathVariable Long id) { return userRepository.findById(id).orElse(null); } // 新增用户 @PostMapping public User createUser(@...
springboot+mybatis+ajax实现的评论系统.zip
03-23
前端使用JavaScript和Ajax实现页面动态加载和提交，通过JSON格式传递数据。 测试部署阶段，我们需要对系统进行单元测试、集成测试和性能测试，确保各个功能的正确性和稳定性。部署时，可选择本地环境或云服务器，...
基于springboot的机票预订系统
06-22
基于spring boot的机票预订系统，有以下的功能 编写实现机票预订系统的验证码登录，根据邮箱返回验证码修改密码，订购机票的增删改查的代码
SpringBoot：Controller 层常用注解
GIS摆渡人
07-08 3607
@Controller : 加在类上面的注解，使得类里面的每个方法都返回一个视图页面。 但是在实际开发中，我们一般只是让后端的方法返回给前端是查询的数据，而不是一个新的视图页面。如果使用 @Controller 注解必须结合 @ResponseBody，让这个方法返回给前端的不是一个视图，而只是给前端传递查询到的数据。可以把 @ResponseBody 注解加到 Controller 类上或者是 Controller 层的方法上。 为了解决这个麻烦的操作，SpringBoot 中提供了 @RestCont
controller层个人信息查询模块_风险控制平台架构+模块
weixin_28739079的博客
01-25 541
这是万物可述的第19篇原创文章架构●●后端架构：SSM(Spring、SpringMVC和Mybatis)前端架构：easyui(http://www.jeasyui.net)MVC架构MVC：mvc就是Model模型，view视图，以及Controller控制器//View：///NOCITCE视图，为用户提供使用界面，与用户进行交互。//Model：///NOCITCE模型承载数...
SpringBoot教程(五) | SpringBoot中Controller用法及传参
lsqingfeng的博客
01-19 2万+
SpringBoot整合SpringMvc其实千面一直讲的都是。只需要我们在pom文件中引入 web的starter就可以了，然后我们就可以正常使用springMvc中的功能了。所以本篇文章可能更多的是回顾，回顾一下springMVC中的一些常用的功能。重点讲讲Controller的传参
springboot 写一个用户登录注册的demo
热门推荐
xxx
07-21 5万+
用idea自动生成了项目之后，就可以直接访问项目了，但是目前的项目只能访问静态页面，无法实现相关功能。本篇以构建登录注册用户信息管理为demo，来讲解如何使用springboot。 首先，在数据库中创建一个数据表，然后使用idea自动生成持久化类， 点击file，选择项目结构，然后加入jpa到项目中 点击左下角的Persistence窗口，右键项目 选择之后看到 填写完之...
springboot 简单用户管理模块
huoyu7639的博客
12-08 3088
springboot 简单用户管理模块
springboot 2.X使用actuator监控,可以查看所有的controller
奔跑的菜鸡
02-07 1628
添加POM依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-actuator</artifactId> </dependency> 添加配置文件 server: port: 808...
SpringBoot的查询操作
qq_43374694的博客
07-17 3982
SpringBoot查询操作
springboot用户登录实现
03-25
Spring Boot提供了很多开箱即用的组件和工具，可以快速实现用户登录的功能。以下是一个简单的示例： 1. 引入相关依赖 在pom.xml文件中加入Spring Security和Thymeleaf的依赖： ```xml <!-- Spring Security -->...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值