天猫整站Springboot系列教材（七十八）- 后台-其他管理

天猫整站Springboot系列教材（七十七）- 后台-其他管理 - 产品属性值设置

-->

下载区
文件名	文件大小
请先登录	1m
增值内容	1m
	1m
解压rar如果失败，请用5.21版本或者更高版本的winrar 点击下载 winrar5.21

工具版本兼容问题

步骤 1 : 准备数据
步骤 2 : 先运行，看到效果，再学习
步骤 3 : 模仿和排错
步骤 4 : 页面截图
步骤 5 : User
步骤 6 : UserDAO
步骤 7 : UserService
步骤 8 : UserController
步骤 9 : listUser.html
步骤 10 : 查询功能讲解
步骤 11 : 增加，删除，修改功能

步骤 1 :

准备数据

edit 顶折

纠问

增值内容，请先登录

完整的 Springboot 模仿天猫项目，使用 Springboot 、Vue.js、shiro、redis、elasticsearch 等一整套技术栈，从无到有涵盖全部129个知识点，565个开发步骤, 充实 Springboot 项目经验，为简历加上一个有吸引力的砝码.
增值内容，点击购买

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

insert into user values(null,'测试用户1','password1',null);
insert into user values(null,'测试用户2','password2',null);
insert into user values(null,'测试用户3','password3',null);
insert into user values(null,'测试用户4','password4',null);
insert into user values(null,'测试用户5','password5',null);

步骤 2 :

先运行，看到效果，再学习

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

步骤 3 :

模仿和排错

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

步骤 4 :

页面截图

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

步骤 5 :

User

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

代码行数较多，请点击查看

package com.how2java.tmall.pojo;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;
import javax.persistence.Transient;

import com.fasterxml.jackson.annotation.JsonIgnoreProperties;

@Entity
@Table(name = "user")
@JsonIgnoreProperties({ "handler","hibernateLazyInitializer" })
public class User {

	@Id
	@GeneratedValue(strategy = GenerationType.IDENTITY) 
	@Column(name = "id")		
	private int id;
	
	private String password;
	private String name;	
	private String salt;	
	
	@Transient
	private String anonymousName;

	public int getId() {
		return id;
	}

	public void setId(int id) {
		this.id = id;
	}
	public String getPassword() {
		return password;
	}
	public void setPassword(String password) {
		this.password = password;
	}
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getSalt() {
		return salt;
		
	}

	public void setSalt(String salt) {
		this.salt = salt;
	}

	public String getAnonymousName(){
		if(null!=anonymousName)
			return anonymousName;
		if(null==name)
			anonymousName= null;
		else if(name.length()<=1)
			anonymousName = "*";
		else if(name.length()==2)
			anonymousName = name.substring(0,1) +"*";
		else {
			char[] cs =name.toCharArray();
			for (int i = 1; i < cs.length-1; i++) {
				cs[i]='*';
			}
			anonymousName = new String(cs);			
		}
		return anonymousName;
	}

	public void setAnonymousName(String anonymousName) {
		this.anonymousName = anonymousName;
	}
	
}

步骤 6 :

UserDAO

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

package com.how2java.tmall.dao;
 
import org.springframework.data.jpa.repository.JpaRepository;

import com.how2java.tmall.pojo.User;

public interface UserDAO extends JpaRepository<User,Integer>{

}

步骤 7 :

UserService

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

代码行数较多，请点击查看

package com.how2java.tmall.service;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.cache.annotation.CacheConfig;
import org.springframework.cache.annotation.CacheEvict;
import org.springframework.cache.annotation.Cacheable;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageRequest;
import org.springframework.data.domain.Pageable;
import org.springframework.data.domain.Sort;
import org.springframework.stereotype.Service;

import com.how2java.tmall.dao.UserDAO;
import com.how2java.tmall.pojo.User;
import com.how2java.tmall.util.Page4Navigator;

@Service
public class UserService {
	
	@Autowired UserDAO userDAO;

	public Page4Navigator<User> list(int start, int size, int navigatePages) {
    	Sort sort = new Sort(Sort.Direction.DESC, "id");
		Pageable pageable = new PageRequest(start, size,sort);
		Page pageFromJPA =userDAO.findAll(pageable);
		return new Page4Navigator<>(pageFromJPA,navigatePages);
	}

}

步骤 8 :

UserController

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

代码行数较多，请点击查看

package com.how2java.tmall.web;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import com.how2java.tmall.pojo.User;
import com.how2java.tmall.service.UserService;
import com.how2java.tmall.util.Page4Navigator;
 
@RestController
public class UserController {
	@Autowired UserService userService;

    @GetMapping("/users")
    public Page4Navigator<User> list(@RequestParam(value = "start", defaultValue = "0") int start,@RequestParam(value = "size", defaultValue = "5") int size) throws Exception {
    	start = start<0?0:start;
    	Page4Navigator<User> page = userService.list(start,size,5); 
        return page;
    }
	    
}

步骤 9 :

listUser.html

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

代码行数较多，请点击查看

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:include="include/admin/adminHeader::html('用户管理')" ></head>
<body>
<div th:replace="include/admin/adminNavigator::html" ></div>
<script>
    $(function(){

        var data4Vue = {
            uri:'users',
            beans: [],
            pagination:{}
        };

        //ViewModel
        var vue = new Vue({
            el: '#workingArea',
            data: data4Vue,
            mounted:function(){ //mounted　表示这个 Vue 对象加载成功了
                this.list(0);
            },
            methods: {
                list:function(start){
                    var url =  this.uri+ "?start="+start;
                    axios.get(url).then(function(response) {
                        vue.pagination = response.data;
                        vue.beans = response.data.content	;
                    });
                },
                jump: function(page){
                    jump(page,vue); //定义在adminHeader.html 中
                },
                jumpByNumber: function(start){
                    jumpByNumber(start,vue);
                }
            }
        });
    });

</script>

<div id="workingArea" >
    <h1 class="label label-info" >用户管理</h1>
    <br>
    <br>

    <div class="listDataTableDiv">
        <table class="table table-striped table-bordered table-hover  table-condensed">
            <thead>
            <tr class="success">
                <th>ID</th>
                <th>用户名称</th>
            </tr>
            </thead>
            <tbody>
            <tr v-for="bean in beans ">
                <td>{{bean.id}}</td>
                <td>
                    {{bean.name}}
                </td>
            </tr>
            </tbody>
        </table>
    </div>

    <div th:replace="include/admin/adminPage::html" ></div>

</div>

<div th:replace="include/admin/adminFooter::html" ></div>
</body>
</html>

步骤 10 :

查询功能讲解

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

UserController片段
listUser.html片段

代码行数较多，请点击查看

    @GetMapping("/users")
    public Page4Navigator<User> list(@RequestParam(value = "start", defaultValue = "0") int start,@RequestParam(value = "size", defaultValue = "5") int size) throws Exception {
    	start = start<0?0:start;
    	Page4Navigator<User> page = userService.list(start,size,5); 
        return page;
    }

代码行数较多，请点击查看


                list:function(start){
                    var url =  this.uri+ "?start="+start;
                    axios.get(url).then(function(response) {
                        vue.pagination = response.data;
                        vue.beans = response.data.content	;
                    });
                },

            <tr v-for="bean in beans ">
                <td>{{bean.id}}</td>
                <td>
                    {{bean.name}}
                </td>
            </tr>

步骤 11 :

增加，删除，修改功能

edit 顶折

纠问

增值内容，请先登录

使用爬虫已经被系统记录，请勿使用爬虫，增大封号风险。如果是误封，请联系站长，谢谢

天猫整站Springboot系列教材（七十七）- 后台-其他管理 - 产品属性值设置

天猫整站Springboot系列教材（七十九）- 后台-其他管理 - 订单管理

HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。

问答区域

2022-06-25 User 实体类的 name 等属性为什么没加 @Column(name = "name") 注解呢

Frank_L

关于实践项目-天猫整站Springboot-用户管理的提问

看到实体类里有些属性加了这个注解有些没加，所以有些疑惑这个 @Column 注解具体有什么用呢不加的话这个属性是不是会默认关联到数据表的同名字段呢

public class User {
    @Column(name = "id")       
    private int id;

    private String password;
    private String name;   
    private String salt;   
}

1 个答案

how2j
答案时间：2022-07-04

@Column 手动关联到id属性。如果不加，那么就会用属性名称自动关联到对应字段。

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2020-04-20 有比User.password加@JsonIgnore注解更好的办法吗？

迷雾海林	关于实践项目-天猫整站Springboot-用户管理的提问站长，用户管理查询用户列表时，用户密码会被一起带到前台，所以我给User.password加了@JsonIgnore注解。但是，这样一来，用户登录时，后台就接收不到用户密码了（@RequestBody User user，user.password==null）. 站长有什么好的解决办法吗。

1 个答案

how2j
答案时间：2020-04-21

后续章节会给密码加密，就不存在这个问题了。

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

2019-09-10 其实有很多代码可以用逆向生成，想知道怎么用这个逆向生成

2019-08-25 站长，我是接上一个问题的，没法续截图，我就再提了一次，不好意思

2019-08-23 第一步导入数据库语句：

我也不知道什么名

关于实践项目-天猫整站Springboot-用户管理的提问

站长，在数据库中增加数据，出现“Incorrect string value: '\xBC\xD61' for column 'name' at row 1”，我是按照您的语句走的，就是拷的“CREATE DATABASE tmall_springboot DEFAULT CHARACTER SET utf8;”，导入数据库sql文件也加了utf8，我把数据库属性截了图，user表的语句给您拷到代码里，麻烦您有空帮我看一下问题在哪里啦，，，

CREATE TABLE `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) DEFAULT NULL,
  `password` varchar(255) DEFAULT NULL,
  `salt` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8

1 个答案

how2j
答案时间：2019-08-25

用了这个就没中文问题了把。还是有吗？用的数据库版本是多少呢

回答已经提交成功，正在审核。请于我的回答处查看回答记录，谢谢

提问太多，页面渲染太慢，为了加快渲染速度，本页最多只显示几条提问。还有 3 条以前的提问，请点击查看

提问之前请登陆

提问已经提交成功，正在审核。请于我的提问处查看提问记录，谢谢

关于实践项目-天猫整站Springboot-用户管理的提问

尽量提供截图、代码和异常信息，有助于分析和解决问题。也可进本站QQ群交流: 578362961

提问尽量提供完整的代码，环境描述，越是有利于问题的重现，您的问题越能更快得到解答。
对教程中代码有疑问，请提供是哪个步骤，哪一行有疑问，这样便于快速定位问题，提高问题得到解答的速度
在已经存在的几千个提问里，有相当大的比例，是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本，可以节约自己大量的学习时间。站长把教学中用的软件版本整理了，都统一放在了这里，方便大家下载： https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图