SSM整合之企业级后台管理系统(16) - 修改账号信息

最新推荐文章于 2022-08-02 17:11:57 发布

猪爸爸爱学习

最新推荐文章于 2022-08-02 17:11:57 发布

阅读量509

点赞数

分类专栏： SSM整合实战文章标签： java spring SpringMVC MyBatis 后台管理系统

本文为博主原创文章，未经许可，禁止转载。

本文链接：https://blog.csdn.net/u012586848/article/details/104352859

版权

本文档介绍在SSM（Spring、SpringMVC、MyBatis）框架下，如何实现后台管理系统中修改账号信息的功能。首先阐述了实现思路，包括前端展示、数据加载与回写。接着提供了相关页面（update_user_info.jsp）、Controller（UserController.java）及持久层代码的实现。最后，对账号信息管理功能进行了简单总结，并鼓励读者留言交流。

摘要由CSDN通过智能技术生成

放假放太久了，博客已经很久没有更新，得坚持！！

前面和大家介绍了实现用户权限的一种方法。

从这篇教程开始，和大家一起学习下后台管理系统里较为常见的几个功能模块的开发，比如说：修改账号基本信息、修改登录密码和修改用户头像等等。

这篇教程介绍下修改账号信息模块的实现。

我们单独开发一个“账号信息”模块页面，截个图给大家看一下：

一、思路

账号信息管理页面其实很直观，从数据库加载出账号数据，接着前端展现出来，然后就是数据修改回写操作。

看起来很简单，是吧？

不过我们很多需求都是做增删改查（CRUD）呀。

确实如此，项目框架搭建好了，业务大都集中在增删改查了。

为了让系统健壮性更好，我们可以在前端加个表单数据格式校验，要求更高点的，还可以在后台也加个数据格式校验。

二、实现代码

"Shut up! Just show me the code!"

shut upï¼æéï¼

多说无益，直接看代码！

update_user_info.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path;
%>
<!DOCTYPE html>
<html>
<head>
    <title>修改账号信息</title>
    <link rel="stylesheet" href="<%=basePath%>/css/main.css">
    <script type="text/javascript" src="<%=basePath%>/js/ajaxfileupload.js"></script>
    <script type="text/javascript" src="<%=basePath%>/js/main.js"></script>
    <style>
        .col-md-2 {
            width: 200px;
        }
        .col-md-10 {
            width: 400px;
            padding-left:0px;
        }
    </style>
</head>
<body style="width: 200px; height: 600px">
<div class="panel-content" style="">
    <div class="locate">
        <section class="content-header" style="">
            <div class="title" style=""><i style="color:#1890ff;" class="${m_icon}"></i> 账号信息</div>
            <ol class="breadcrumb" style="padding-top:0px">
                <li class="active">当前位置：账号设置</li>
                <li class="active">账号修改</li>
                <li>账号信息</li>
            </ol>
        </section>
        <section class="content container-fluid">
            <div class="row" style="margin-top:10px;">
                <div class="form-inline" align="center">
                    <table>
                        <tr align="center">
                            <td class="col-md-2" align="right"><label class="control-label">用户名：</label></td>
                            <td class