-_-
- 电商重难点总结
- Shop-Day01✧
- 1、代码生成器生出两个类？作用？
- 2、如何实现商品有等级的添加？
- Shop-Day02✧
- 1、如何实现商品列表分级展示？
- 2、如何实现图片文件的上传？
Shop-Day01✧
1、代码生成器生出两个类？作用？
代码生成器生成t_goods_catepory表生成GoodsCatepory.java和GoodsCategoryExample.java
- GoodsCatepory.java:主要内容就是我们表中的字段，并实现了Serializable序列化接口，为什么实现序列化接口？因为电商项目是前后端分离项目，将对象流化，方便读写。
- GoodsCategoryExample.java：此类的位置是GoodsCatepory类的辅助类，里面提供了一个抽象类GeneratedCriteria，抽象类提供大量的方法。还提供了三个类其中一个抽象类内部类Criteria(标准）此内部类是静态且继承内部类（GeneratedCriteria）此内部类提供大量的拼接SQL方法，故每次使用辅助类，必先创建Criteria(标准）对象，在间接调用方法进行SQL拼接实现功能，省去了写SQL
2、如何实现商品有等级的添加？
-- 如何实现两个下拉框的数据联动？如何控制添加的是几级分类？ 方法：① 通过为两个下拉框绑定点击事件，通过点击事件获取选择项的id发送ajax 请求向后端获取数据,获取子分类的内容即可 方法：② 两个下拉框的内容都是通过父级ID获取，所以一旦下拉框选择内容，则判 断
主要核心代码：
前端js
function getCategory(id, next) {
var url = '${ctx}/goods/getIdByParent/' + id;
// 用户重新选择顶级分类时，重置下级分类为：请选择商品分类，且清空下级分类信息
var htmlStr = "";
if(0==id){
$("#"+next).html(htmlStr);
//修改level
$("#level").val(1);
return;
}
$.ajax({ type: "GET", url: url, error: function (request) {
layer.alert("获取子分类失败！");
},
success: function (result) {
if (result.length > 0) {
for (i = 0; i < result.length; i++) {
htmlStr += ""
}
$("#"+next).html(htmlStr);
//设置level为2
$("#level").val(2);
}else {
layer.alert("获取子分类失败！");
}
}
});
}
function setParentId(parentId,level){
if(0==parentId){
//修改parentId和level
$("#parentId").val($("#parent_id_1").val());
$("#level").val(2);
return;
}
//修改
$("#parentId").val(parentId);
$("#level").val(level);
}
后端核心逻辑
@Override
public List getGoodsByParentId(Short id){
GoodsCategoryExample goodsCategoryExample=new GoodsCategoryExample();
goodsCategoryExample.createCriteria().andParentIdEqualTo(id);
return goodsCategoryMapper.selectByExample(goodsCategoryExample);
}
@Override
public Integer addGoodsCatepory(GoodsCategory goodsCategory) {
Integer status= goodsCategoryMapper.insertSelective(goodsCategory);
return status;
}
Shop-Day02✧
1、如何实现商品列表分级展示？
核心思路：ztree树
代码实现思路：
- 在原有的GoodsCatepory类，新增一个类GoodsCateporyV，此类继承原有商品类并 添加新字段`Listchildren`,通过此字段无限套娃，不断通过id查询下级即可。
public class GoodsCategoryVo extends GoodsCategory implements Serializable {
//设置序列号
private static final long serialVersionUID=1L;
//添加下级属性
private List children=new ArrayList<>();
public List getChildren() {
return children;
}
public void setChildren(List children) {
this.children = children;
}
}
核心代码实现：
@Override
public List getGcList(){
//先获取一级分类
GoodsCategoryExample goods=new GoodsCategoryExample();
goods.createCriteria().andParentIdEqualTo((short) 0);
//获取一级分类全部
List gcList1=goodsCategoryMapper.selectByExample(goods);
// System.out.println("商品目录"+gcList1);
//分类菜单集合
List goodsList1=new ArrayList<>();
//遍历存放
for (GoodsCategory g: gcList1) {
//创建一级分类对象
GoodsCategoryVo gcListV1=new GoodsCategoryVo();
BeanUtils.copyProperties(g,gcListV1);
System.out.println(g.getId()+"----------"+gcListV1.getId());
//清理原始查询条件
goods.clear();
System.out.println(g.getId()+"----------"+gcListV1.getId());
//准备获取二级分类
goods.createCriteria().andParentIdEqualTo(g.getId()).andLevelEqualTo((byte)2);
//获取全部二级分类
List gcList2=goodsCategoryMapper.selectByExample(goods);
//准备分类集合
List goodsList2=new ArrayList<>();
for (GoodsCategory gg:gcList2) {
//创建二级分类对象
GoodsCategoryVo gcListV2=new GoodsCategoryVo();
BeanUtils.copyProperties(gg,gcListV2);
//清理原始查询条件
goods.clear();
//准备三级
goods.createCriteria().andParentIdEqualTo(gcListV2.getId()).andLevelEqualTo((byte)3);
List gcList3=goodsCategoryMapper.selectByExample(goods);
//准备分类集合
List goodsList3=new ArrayList<>();
for (GoodsCategory ggg: gcList3) {
// System.out.println("开始三级分类");
//创建三级分类对象
GoodsCategoryVo gcListV3=new GoodsCategoryVo();
BeanUtils.copyProperties(ggg,gcListV3);
//每循环一次添加
goodsList3.add(gcListV3);
}
//添加二级目录的三级
gcListV2.setChildren(goodsList3);
//每循环一次
goodsList2.add(gcListV2);
}
//添加一级下的二级
gcListV1.setChildren(goodsList2);
//每循环一次添加一次
goodsList1.add(gcListV1);
}
return goodsList1;
}
2、如何实现图片文件的上传？
主要思路：通过注册七牛云，获取一个云存储，通过绑定密钥，编写逻辑，将文件以字节流的形式存储至云端，本地数据库存放访问此图片的路径即可。
- 引入依赖
com.qiniu
qiniu-java-sdk
com.google.code.gson
gson
- 配置文件application.yml
qiniu: //密钥配置 ak: kIuxqNMn9mdDJIREOWSPFWxxxxxxUgMK sk: zsdfxxxdfvxxxxxxxxxxxxxxxxxxxxxrU //云库名 bucket: xxxxx //外链域名 domain: http://xxxxxxxxxn.com
- 主要逻辑Service
@Service
public class UploadFileImp implements IUploadFile {
@Value("${qiniu.ak")
private String ak;
@Value("${qiniu.sk")
private String sk;
@Value("${qiniu.bucket")
private String bucket;
@Value("${qiniu.domain")
private String domain="http://qwy1a7p8l.hd-bkt.clouddn.com";
@Override
public FileResult uploadFile(InputStream inputStream, String fileName) {
FileResult fileResult = new FileResult();
try {
//构造一个带指定 Region 对象的配置类
Configuration cfg = new Configuration(Region.region0());
//...其他参数参考类注释
UploadManager uploadManager = new UploadManager(cfg);
//默认不指定key的情况下，以文件内容的hash值作为文件名
Auth auth = Auth.create(ak,sk);
String upToken = auth.uploadToken(bucket);
//解析上传结果
Response response = uploadManager.put(inputStream, fileName, upToken, null, null);
DefaultPutRet putRet = new Gson().fromJson(response.bodyString(), DefaultPutRet.class);
//设置文件远程访问地址
fileResult.setFileUrl(domain+"/"+ putRet.key);
fileResult.setSuccess("文件上传成功！");
fileResult.setMessage("文件上传");
} catch (Exception ex) {
ex.printStackTrace();
System.out.println(ex.toString());
fileResult.setError("文件上传失败！");
}
return fileResult;
}
}
- Controller层调用
@Controller
@RequestMapping("fileUpload")
public class UploadController {
@Autowired
private UploadFileImp uploadFile;
@RequestMapping("save")
@ResponseBody
public FileResult uploadFile(@RequestParam(name = "file")
MultipartFile multipartFile, HttpSession session) {
FileResult fileResult = new FileResult();
if (multipartFile.isEmpty()) {
fileResult.setError("文件内容为空！");
fileResult.setMessage("文件内容为空！");
return fileResult;
}
try {
String fileName = multipartFile.getOriginalFilename();
fileName = new SimpleDateFormat("yyyy/MM/dd").format(new Date())
+ System.currentTimeMillis()
+ fileName.substring(fileName.lastIndexOf("."));
fileResult = uploadFile.uploadFile(multipartFile.getInputStream(),fileName);
} catch (IOException e) {
e.printStackTrace();
fileResult.setError(e.getMessage());
fileResult.setMessage(e.getMessage());
}
return fileResult;
}
}
壁纸一份
