05 spu和sku解析分布式文件服务器FastDFS

本文链接：https://blog.youkuaiyun.com/qq_42128322/article/details/96377147

本文详细解释了SPU与SKU的概念及其在商品信息管理中的应用，并介绍了富文本编辑器KindEditor的使用方法。此外，还深入探讨了FastDFS文件存储系统的架构与工作原理，包括Tracker Server和Storage Server的角色，以及如何通过FastDFS实现文件的上传和下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

spu商品信息聚合的最小单位例如iphone7

sku库存进出计量单位例如

iphone7 金色移动 32G
iphone7 银色电信 64G
iphone7 粉色电信 128G 都是sku

富文本编辑器

初始化 KindEditor.ready allowFileManager 【是否允许浏览服务器已上传文件】默认值是：false

var   editor;
KindEditor.ready(function (k) {
    editor=K.create('textarea[name="content"]',{
            allowFileManager:true
    });
});

提取富文本编辑器中的内容 var content=editor.html()

清空内容 editor.html("")

上传图片步骤
后端使用MultipartFile接收前端传过来的图片
获取文件名 multipartFile.getOriginalFilename（）
使用Client.conf配置文件指定图片服务器地址
在springmvc.xml文件中配置文件上传多媒体解析器
使用工具类上传图片只返回图片id（由fastDFS自动组装的包括组名虚拟磁盘路径数据两级目录文件名组成）想要前端访问到图片还应拼接上服务器地址
在AgularJS中使用new FormData()表示上传带有图片的表单
formData.append("file",file.files[0]) file 是angularjs上传文件固定的
post方式上传 data类型设置为上面的formData 此时还应设置头信息 headers :{'Content-Type':undifined} 此时浏览器就会把header头信息变成 multipart/form-data格式否则默认为application/json格式
还需要表单序列化 transformRequest : angular.identity

    formData.append("file",file.files[0]);   
		return $http({
            method:'POST',
            url:"../upload.do",
            data: formData,
            headers: {'Content-Type':undefined},
            transformRequest: angular.identity
        });		
	}	
});

FastDFS 包括