IDEA版SpringBoot全教程 08 会员管理系统（中）

最新推荐文章于 2024-11-03 23:30:01 发布
最新推荐文章于 2024-11-03 23:30:01 发布
阅读量627 收藏 20
点赞数 24
分类专栏： 程序员 文章标签： java 学习 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84558508/article/details/139146188
版权

Controller控制器的方法中，可以接收HttpServletRequest对象，这个对象中包含了前台的请求参数信息。

为了方便开发，一般我们都会对其进行封装，比如HashMap就挺香的，用HashMap获取某个参数，只需要我们用get方法。给HashMap设置某个参数，我们可以用put方法，反正很爽就对了。

我们单独封装一个方法，把HttpServletRequest转换为HashMap

/**

  • 将请求对象的参数转换为HashMap

  • @param request

  • @return

*/

public static Map<String, Object> handleParamToMap(

HttpServletRequest request) {

Map<String, Object> map = new HashMap<>();

for (Map.Entry<String, String[]> entry : request.getParameterMap()

.entrySet()) {

String[] arr = entry.getValue();

String result = “”;

if (null != arr && arr.length > 0) {

for (int i = 0; i < arr.length; i++) {

result += arr[i];

if (i < arr.length - 1) {

result += “,”;

}

}

map.put(entry.getKey(), result);

}

}

return map;

}

具体的实现细节可以忽略，反正它可以完成我们的要求就对了。

jdbcTemplate的update方法可以接收两个参数，第一个参数是sql语句，insert语句相信我们都不陌生，是sql语法的基础。

jdbcTemplate支持这种写法，比如：

（该图片来自于网络）

按理说后面的values里面需要填写具体的参数值，但是加一个：就变成了一个占位符。比如：ln，就会对应到Map中key=ln的值。

知道这个原理后，我们就可以尝试写出保存用户的方法了。

saveUser

@PutMapping(“saveUser”)

@ResponseBody

public Map<String, Object> saveUser(HttpServletRequest request){

//拼装请求参数

Map<String, Object> params = handleParamToMap(request);

//设置返回信息

Map<String, Object> resultMap = new HashMap();

resultMap.put(“errCode”,0); //错误码

resultMap.put(“errMsg”,null);//错误信息

int update = jdbcTemplate.update("INSERT INTO vipmgr.user (user_name, create_time, header_pic, ip_addr, is_delete, is_logined, is_vip, last_login_time, nick_name, password, role_id, amt, last_sign_date) " +

“VALUES (:userName, :createTime, NULL, :ipAddr, ‘0’, ‘0’, ‘0’, :lastLoginTime, :nickName, :password, ‘1’, 0, NULL)”,params);

if(update != 1){

resultMap.put(“errCode”,11111); //错误码

resultMap.put(“errMsg”,“系统异常，请联系管理员！”);//错误信息

}

return params;

}

做一个整理，我们需要的参数有：

userName，createTime，ipAddr，lastLoginTime，nickName，password

其中加粗的部分是从前台传过来的，其他字段需要我们自己想办法来组装。

createTime：创建时间

lastLoginTime：上次登录时间 （额，搞错了，这个不用管，创建用户的时候还没有登录时间呢）

先看创建时间，这个用户是当前这个时间点创建的，所以我们直接想办法获取当前时间就行了。

找到我们的老朋友：Hutool，在pom.xml中添加：

cn.hutool

hutool-all

5.6.3

然后这样写：

params.put(“createTime”, DateUtil.now());

DateUtil是Hutool里面关于时间处理的工具类。

ipAddr是IP地址的意思，如果是用户注册的时候调用了这个方法，那么是可以获取用户当前网段的IP地址的

params.put(“ipAddr”, request.getRemoteAddr());

为了让前台能够知道方法的调用结果，我们需要设置返回信息，一般分为错误码和错误信息，如果错误码不是00000（返回成功），那么就需要对错误信息进行展示处理。

//设置返回信息

Map<String, Object> resultMap = new HashMap();

resultMap.put(“errCode”,0); //错误码

resultMap.put(“errMsg”,null);//错误信息

最终代码

@PutMapping(“saveUser”)

@ResponseBody

public Map<String, Object> saveUser(HttpServletRequest request){

//拼装请求参数

Map<String, Object> params = handleParamToMap(request);

//设置返回信息

Map<String, Object> resultMap = new HashMap();

resultMap.put(“errCode”,0); //错误码

resultMap.put(“errMsg”,null);//错误信息

params.put(“createTime”, DateUtil.now());

params.put(“ipAddr”, request.getRemoteAddr());

int update = jdbcTemplate.update("INSERT INTO vipmgr.user (user_name, create_time, header_pic, ip_addr, is_delete, is_logined, is_vip, last_login_time, nick_name, password, role_id, amt, last_sign_date) " +

“VALUES (:userName, :createTime, NULL, :ipAddr, ‘0’, ‘0’, ‘0’, :lastLoginTime, :nickName, :password, ‘1’, 0, NULL)”,params);

if(update != 1){

resultMap.put(“errCode”,11111); //错误码

resultMap.put(“errMsg”,“系统异常，请联系管理员！”);//错误信息

}

return params;

}

教程写到这，没有进行测试，上面的代码是我一气呵成的。

如果有问题再说吧。

页面增加一个按钮

增加用户

设计保存窗口

在页面中添加

用户名:

密   码:

昵   称:

确认保存

取消

这就创建了一个EasyUI风格的窗口。

新增按钮点击事件

这个窗口默认是关闭着的，所以我们要添加这个属性

然后，给按钮添加点击事件，点击按钮才显示这个窗体：

增加用户

function openAddWin() {

$(‘#win’).window(‘open’);

}

保存方法

给提交按钮添加点击事件

确认保存

save方法

function save() {

$.ajax({

url: ‘user/saveUser’,

data: $(“#userForm”).serialize(),

type: ‘put’,

dataType: ‘json’,

success: function (data) {

data = eval(“(” + data + “)”);

if (data.errCode != ‘00000’) {

alert(data.errMsg);

return;

}

alert(“保存成功！”);

$(‘#win’).window(‘close’);

}

});

}

测试：

报错了：

java.sql.SQLException: Parameter index out of range (1 > number of parameters, which is 0).

错误分析：应该是sql语句写错了，参数个数不匹配导致的。

不要慌，调试一下

这是请求参数

这是SQL语句

INSERT INTO vipmgr.user (user_name, create_time, header_pic, ip_addr, is_delete, is_logined, is_vip, last_login_time, nick_name, password, role_id, amt, last_sign_date) VALUES (:userName, :createTime, NULL, :ipAddr, ‘0’, ‘0’, ‘0’, :lastLoginTime, :nickName, :password, ‘1’, 0, NULL)

可以看到，具名的参数有

:userName, :createTime,:ipAddr,:lastLoginTime, :nickName, :password,

一共6个，可是Map里面只有5个，少了谁呢？

少了lastLoginTime!

好吧，现在我们改一下sql，lastLoginTime设置为null

在运行，还是报这个错：

java.sql.SQLException: Parameter index out of range (1 > number of parameters, which is 0).

看来还有问题，emmm，错误信息说，我输入了一个参数，但实际上只有0个。

知道了，应该是方法没调对。

这是部分update方法的重载，竟然没有第二个参数是Map的。

我大意了啊，没有闪！

==========

原来，具名的写法得用另一个对象，叫做namedParameterJdbcTemplate

引入：

@Autowired NamedParameterJdbcTemplate namedParameterJdbcTemplate;

然后修改saveUser的方法，保存的地方是这样的

int update = namedParameterJdbcTemplate.update("INSERT INTO vipmgr.user (user_name, create_time, header_pic, ip_addr, is_delete, is_logined, is_vip, last_login_time, nick_name, password, role_id, amt, last_sign_date) " + "VALUES (:userName, :createTime, NULL, :ipAddr, '0', '0', '0', NULL, :nickName, :password, '1', 0, NULL)",params);

这下就对了，可是前台又报错了。

eval有点问题，为什么呢？

这是因为，我们用ajax请求，已经设置了dataType是json，就不需要eval了。

去掉这一行代码即可。

再保存，就可以了。

咦？中文乱码。。。

**解决方案：**数据库连接时加上?characterEncoding=utf-8，问题解决。

把alert代码换成这个

$.messager.show({

title : ‘提示’,

msg : “保存成功！”,

timeout : 3000,

showType : ‘slide’

});

查询与分页

======

后台简单实现（不分页）

@RequestMapping(“queryUsers”)

@ResponseBody

public Map<String, Object> queryUsers(HttpServletRequest request){

//设置返回信息

Map<String, Object> resultMap = new HashMap();

resultMap.put(“rows”,jdbcTemplate.queryForList(“select * from user”));

return resultMap;

}

返回参数需要有一个rows，这边就全部查出来再返回。

data-grid代码

EasyUI的数据表格是（datagrid）以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。

数据网格（datagrid）的设计目的是为了减少开发时间，且不要求开发人员具备指定的知识。它是轻量级的，但是功能丰富。它的特性包括单元格合并，多列页眉，冻结列和页脚，等等。

下面是用户列表的代码：

pagination=“true” rownumbers=“true” url=“user/queryUsers” >

用户名 昵称 角色编号 创建时间 是否VIP 上次登录时间 用户状态

启动项目，刷新页面就会访问后台的接口

easyUI本地化

这时候你会发现，为啥下面的分页模块是英文的？

这是因为我们还没有做本地化，方法如下

找到原来的easyUI下载包，里面有个local，复制到static

引入中文模块：

就变成这样啦：

后台分页原理

按照easyUI的套路，如果你要做分页，就得告诉他当前的列表数据，还有总条数。

至于当前查询的是第几页page，还有每页多少条，在发送查询接口的时候，easyui就会帮我们自动带上。

验证：

@RequestMapping(“queryUsers”)

@ResponseBody

public Map<String, Ob

必看视频！获取2024年最新Java开发全套学习资料 备注Java

ject> queryUsers(HttpServletRequest request){

//拼装请求参数

Map<String, Object> params = handleParamToMap(request);

System.out.println(params);

//设置返回信息

Map<String, Object> resultMap = new HashMap();

resultMap.put(“rows”,jdbcTemplate.queryForList(“select * from user”));

return resultMap;

}

{page=1, rows=10}

所以，我们要做的就是根据page和rows，获取总条数和当前查询的数据。

总条数

总条数简单，一句sql解决了。

Integer total = jdbcTemplate.queryForObject(“select count(1) from user”, Integer.class);

MySQL分页

limit分页公式：curPage是当前第几页；pageSize是一页多少条记录。

代码就写成了这样：

@RequestMapping(“queryUsers”)

@ResponseBody

public Map<String, Object> queryUsers(HttpServletRequest request){

//拼装请求参数

Map<String, Object> params = handleParamToMap(request);

int page = Integer.parseInt(params.get(“page”).toString()) ;

int pageSize = Integer.parseInt(params.get(“rows”).toString()) ;

//设置返回信息

Map<String, Object> resultMap = new HashMap();

//拿到总条数

Integer total = jdbcTemplate.queryForObject(“select count(1) from user”, Integer.class);

List rows = jdbcTemplate.queryForList(“select * from user limit ?,?”,(page-1)*pageSize,pageSize);

resultMap.put(“total”,total);

resultMap.put(“rows”,rows);

return resultMap;

}

查询按钮控制列表刷新

之前的查询按钮方法为：

$(‘#search’).click(function(){

$(‘#ff’).form(‘submit’, {

url:‘loadUsers’,

//提交前可以额外添加参数

onSubmit: function(param){

//这边只是模拟一下

param.search = true;

}

});

});

当时只是测试一下form的表单提交，实际上不应该这么做。

单独写一个查询方法：

function search(){

$(‘#dg’).datagrid(‘load’,{

userName:$(‘#ff’).get(0).userName.value,

nickName:$(‘#ff’).get(0).nickName.value,

isVip:$(‘#ff’).get(0).isVip.value,

});

}

然后查询按钮就调用这个方法即可。

$(‘#search’).click(function(){

search();

});

请求报文如下：

条件查询（重难点）

欢迎来到本项目最难的点：条件查询，先给出代码：

Kafka实战笔记

关于这份笔记，为了不影响大家的阅读体验，我只能在文章中展示部分的章节内容和核心截图

image.png

  • Kafka入门
  • 为什么选择Kafka
  • Karka的安装、管理和配置

image.png

  • Kafka的集群
  • 第一个Kafka程序
  • image.png

afka的生产者

image.png

  • Kafka的消费者
  • 深入理解Kafka
  • 可靠的数据传递

image.png

image.png

  • Spring和Kalka的整合
  • Sprinboot和Kafka的整合
  • Kafka实战之削峰填谷
  • 数据管道和流式处理(了解即可)

image.png

  • Kafka实战之削峰填谷

image.png

).get(0).userName.value,

nickName:$(‘#ff’).get(0).nickName.value,

isVip:$(‘#ff’).get(0).isVip.value,

});

}

然后查询按钮就调用这个方法即可。

$(‘#search’).click(function(){

search();

});

请求报文如下：

条件查询（重难点）

欢迎来到本项目最难的点：条件查询，先给出代码：

Kafka实战笔记

关于这份笔记，为了不影响大家的阅读体验，我只能在文章中展示部分的章节内容和核心截图

[外链图片转存中…(img-Taxo7lu8-1716444344028)]

  • Kafka入门
  • 为什么选择Kafka
  • Karka的安装、管理和配置

[外链图片转存中…(img-56UckLtF-1716444344028)]

  • Kafka的集群
  • 第一个Kafka程序
  • [外链图片转存中…(img-aOnFHsrc-1716444344029)]

afka的生产者

[外链图片转存中…(img-jl7sLBJ0-1716444344029)]

  • Kafka的消费者
  • 深入理解Kafka
  • 可靠的数据传递

[外链图片转存中…(img-oVU4pGpo-1716444344029)]

[外链图片转存中…(img-TrBihjGQ-1716444344030)]

  • Spring和Kalka的整合
  • Sprinboot和Kafka的整合
  • Kafka实战之削峰填谷
  • 数据管道和流式处理(了解即可)

[外链图片转存中…(img-bhkQBOEH-1716444344030)]

  • Kafka实战之削峰填谷

[外链图片转存中…(img-NYyV9KFh-1716444344030)]

2401_84558508
关注
专栏目录
Springboot+Mysql游戏道具管理系统源码附带运行视频教程.zip
09-27
今天发布的是由【猿来入此】的优秀学员独立做的一个基于springboot脚手架的游戏道具管理系统，系统角色有后台管理员，前台玩家用户 ，各角色功能如下： 管理员：系统管理（角色、权限、菜单等）、玩家管理、游戏...
毕业设计springboot健身房管理系统源码含文档含教程
06-27
毕业设计springboot健身房管理系统源码含文档含教程 后台是springboot框架，后台的页面是vue，前端的页面是html，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 本健身房管理系统管理员，...
毕业设计springboot火锅店管理系统源码含文档含教程
07-04
毕业设计springboot火锅店管理系统源码含文档含教程 后台是springboot框架，后台的页面是vue，前端的页面是html，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 火锅店管理系统 会员信息管理...
Springboot+Mysql健身房在线预约管理系统源码附带运行视频教程.zip
09-27
今天发布的是由【猿来入此】的优秀学员独立做的一个基于springboot脚手架的健身房在线预约管理系统，系统分四个角色，管理员，职工、教练、前台用户 ，各角色功能如下： 管理员：系统管理（角色、权限、菜单等）、...
毕业设计springboot美容院管理系统源码含文档含教程
01-05
会员管理 技师管理 前台管理 已支付订单 已发货订单 已完成订单 已退款订单 轮播图管理 修改密码 个人信息 技师 预约信息管理 美容项目管理 美容用品管理 个人中心 个人信息 修改密码 普通用户 查看预约信息 美容...
HashMap为什么线程不安全？
rnnf_yyds的博客
11-03 138
HashMap底层是基于数组 + 链表（在 Java 8 以后，当链表长度超过一定阈值时会转换为红黑树）的数据结构。在多线程环境下，当多个线程同时对HashMap进行put操作时，可下面这种情况：假设两个线程 A 和 B 同时执行put操作，它们计算出的插入位置相同（假设为index线程 A 先获取到了当前index位置的节点，在它还没来得及将新节点插入链表（或树）时，线程 B 也获取到了这个位置的节点。
[自用，更新自day5]瑞吉外卖代码及笔记
lapiii的博客
11-01 814
当使用ThreadLocal维护变量时，ThreadLocal为每个使用该变量的线程提供独立的变量副本，所以每一个线程都可以独立地改变自己的副本，而不会影响其它线程所对应的副本。Mybatis Plus公共字段自动填充，也就是在插入或者更新的时候为指定字段赋予指定的值，使用它的好处就是可以统一对这些字段进行处理，避免了重复代码。因为在分页查询的Dish的records(菜品记录中)，只有这个菜品所属的categoryId，但是我们需要分页的时候展示的是菜品名字。
JAVA 插入 JSON 对象到 PostgreSQL
qq_52143611的博客
10-30 874
在现代软件开发中，由于 JSON 数据的轻量和通用性，处理 JSON 数据已经变得无处不在。PostgreSQL凭借其对 JSON 的强大支持，为存储和查询 JSON 数据提供了出色的平台。为了将JSON数据保存到PostgreSQL数据库中，我们可以将JSON数据转换为PostgreSQL的JSONB类型数据，然后将其存储在数据库中。在Java中，我们可以使用JDBC或者基于ORM框架的方式来实现这一功能。
基于Mysql、JavaScript、PHP、ajax开发的MBTI性格测试网站（前端+后端）
2302_79553009的博客
10-29 1434
本项目旨在构建一个基于MBTI（迈尔斯-布里格斯性格分类指标）理论的在线平台——“16Personalities”。该平台利用PHP、MySQL、JavaScript等技术栈开发，旨在帮助用户更好地理解和运用MBTI理论来评估个人性格类型，并应用于职业规划、团队建设和人际交往等多个方面。用户端功能 包括账号注册与登录、在线性格测试、性格类型浏览、团队评估及在线交友等模块。用户可以通过完成性格测试来获得详细的MBTI性格分析，并通过平台提供的功能与其他具有不同性格类型的用户互动。
SpringSession源码分析
lkr_lkr的博客
11-01 252
默认对常规Session的理解和使用，如何使用Set-Cookie。
Java复习24（PTA)
2301_79272475的博客
10-30 409
Java复习24（PTA)：多种排序的book类*
Android 13 解决 Settings 首页矢量图修改颜色不生效
人生只是一种体验，不必用来演绎完美。
10-30 288
从Android 12 开始, 推出了Material You 设计，并在 Android 13 中得到了改进。导致了修改svg颜色不生效的问题。
信息学科平台系统开发：基于Spring Boot的最佳实践
2401_85761762的博客
11-02 816
在整个系统测试中，根据需求文档和设计文档，逐一对功能进行检测并写好测试用例，有效避免残片缺陷，因为产品出现缺陷不仅影响功能，而且可以导致数据的不准确，导致产品质量的降低，经过测试，才能使得产品的稳定性和成熟度得到极大的提升，产品质量也才有保证。本系统具有易操作、易管理、交互性好的特点，在操作上是非常简单的，因此在操作上具有很高的可行性。（2）该完整内容全面，管理方便可以及时的全面的处理各种错误，异常，这样避免了很多因用户的马虎操作而出现的失误，其操作方便，用户界面友好，能够上网的人都可以很好的进行操作。
JavaScript的第十一天
全栈学习ing
10-31 733
在使用offset系列时需注意该属性为css属性，一般用于和javascript结合使用来获取信息，所以在使用该属性时只能获取值而不能改变值。最近的具有定位属性的祖先元素顶部边缘左侧边缘。
Java学习Day54：初遇萍萍(权限控制)
weixin_51721783的博客
10-29 1217
web.xml：在health_backend工程的web.xml文件中配置用于整合Spring Security框架的过滤器DelegatingFilterProxy。
Java爬虫的京东“寻宝记”：揭秘商品类目信息
2401_87849308的博客
10-30 849
在这个数据驱动的时代，我们就像一群特工，穿梭在数字的海洋中，寻找着隐藏的宝藏——商品类目信息。今天，我们将带领你一起，用Java这把精密的瑞士军刀，深入京东的神秘领域，揭开商品类目的神秘面纱。为了避免被京东的反爬虫机制发现，我们需要设置合理的请求间隔，并且可能需要模拟浏览器的User-Agent。经过一系列的特工任务和挑战，我们终于成功获取了商品的类目信息，并且安全返回。我们需要找到京东商品类目信息的API接口，这将是我们特工任务的起点。在代码的世界里，我们不仅要追求技术的高度，更要追求道德的底线。
Qt自定义控件：汽车速度表
weixin_44788175的博客
11-02 173
从外到内进行绘制，初始化画布，画渐变色外圈，画刻度，写刻度文字，画指针，画扇形，画内圈渐变色，画黑色内圈，写当前值。这里难点使用正弦和余弦计算绘制刻度字。
GEMM优化（待更新）
最新发布
qq_62704693的博客
11-03 512
来源参考：深入浅出GPU优化系列：GEMM优化（一） - 知乎深入浅出GPU优化系列：GEMM优化（二） - 知乎深入浅出GPU优化系列：GEMM优化（三） - 知乎。
JAVA学习-练习试用Java实现“数组排序”
weixin_69763181的博客
11-03 84
这个程序首先导入了'java.util.Arrays'和'java.util.Scanner'，然后定义了一个'main'方法。程序使用'Scanner'类来读取用户的输入，并将其分割成一个字符串数组。然后，它将字符串数组转换成整数数组，并使用'Arrays.sort'方法对整数数组进行排序。以下是一个Java程序，它使用内置的'Arrays.sort'方法对用户输入的整数数组进行排序。编写一个Java程序，对用户输入的整数数组进行排序（可以使用内置的Arrays.sort方法，也可以自己实现排序算法）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值