电商项目（Day06）

最新推荐文章于 2024-10-16 10:13:45 发布
最新推荐文章于 2024-10-16 10:13:45 发布
阅读量283 收藏
点赞数 1
文章标签： mybatis java mysql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49497469/article/details/127225753
版权

1.店铺信息编辑

  • 编写shopDao
    //更新店铺信息 返回1成功 -1失败
    int updateShop(Shop shop);

    //通过shopid查询店铺
    Shop queryByShopId(long shopId);
  • 编写shopDao.xml 通过定义resultMap来实现数据库中所需数据一一注入。使用SQL92语法进行多表查询。
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.tian.dao.ShopDao">
    <resultMap id="shopMap" type="com.tian.pojo.Shop">
        <id column="shop_id" property="shopId"/>
        <result column="shop_name" property="shopName"/>
        <result column="shop_desc" property="shopDesc"/>
        <result column="shop_addr" property="shopAddr"/>
        <result column="phone" property="phone"/>
        <result column="shop_img" property="shopImg"/>
        <result column="priority" property="priority"/>
        <result column="create_time" property="createTime"/>
        <result column="last_edit_time" property="lastEditTime"/>
        <result column="enable_status" property="enableStatus"/>
        <result column="advice" property="advice"/>
        <association property="area" column="area_id" javaType="com.tian.pojo.Area">
            <id column="area_id" property="areaId"/>
            <result column="area_name" property="areaName"/>
        </association>
        <association property="shopCategory" column="shop_category_id" javaType="com.tian.pojo.ShopCategory">
            <id column="shop_category_id" property="shopCategoryId"/>
            <result column="shop_category_name" property="shopCategoryName"/>
        </association>
        <association property="owner" column="user_id" javaType="com.tian.pojo.PersonInfo">
            <id column="user_id" property="userId"/>
            <result column="name" property="name"/>
        </association>
    </resultMap>

    <insert id="insertShop" useGeneratedKeys="true" keyColumn="shop_id" keyProperty="shopId">
            INSERT INTO o2o.tb_shop( owner_id, area_id, shop_category_id, shop_name, shop_desc, shop_addr, phone
                                   , shop_img, priority, create_time, last_edit_time, enable_status, advice)
            values (#{owner.userId}, #{area.areaId}, #{shopCategory.shopCategoryId}, #{shopName},
                    #{shopDesc}, #{shopAddr}, #{phone}, #{shopImg}, #{priority}, #{createTime}, #{lastEditTime},
                    #{enableStatus},
                    #{advice})
     </insert>

    <update id="updateShop" parameterType="com.tian.pojo.Shop">
        update o2o.tb_shop
        <set>
            <if test="shopName!=null">shop_name=#{shopName},</if>
            <if test="shopDesc!=null">shop_desc=#{shopDesc},</if>
            <if test="shopAddr!=null">shop_addr=#{shopAddr},</if>
            <if test="phone!=null">phone=#{phone},</if>
            <if test="shopImg!=null">shop_img=#{shopImg},</if>
            <if test="priority!=null">priority=#{priority},</if>
            <if test="lastEditTime!=null">last_edit_time=#{lastEditTime},</if>
            <if test="enableStatus!=null">enable_status=#{enableStatus},</if>
            <if test="advice!=null">advice=#{advice},</if>
            <if test="area!=null">area_id=#{area.areaId},</if>
            <if test="shopCategory!=null">shop_category_id=#{shopCategory.shopCategoryId}</if>
        </set>
        where shop_id=#{shopId}
    </update>

    <select id="queryByShopId" resultMap="shopMap" parameterType="Long">
        SELECT
            s.shop_id,
            s.shop_name,
            s.shop_desc,
            s.shop_addr,
            s.phone,
            s.shop_img,
            s.priority,
            s.create_time,
            s.last_edit_time,
            s.enable_status,
            s.advice,
            a.area_id,
            a.area_name,
            sc.shop_category_id,
            sc.shop_category_name
        FROM
            o2o.tb_shop s,
            o2o.tb_shop_category sc,
            o2o.tb_area a
        WHERE
            s.area_id=a.area_id
        AND
            s.shop_category_id=sc.shop_category_id
        AND
            s.shop_id = #{shopId}
    </select>
</mapper>
  • 编写shopService
//修改shop
    ShopExecution modifyShop(Shop shop, InputStream shopImgInputStream,String fileName) throws ShopOperationException;

    //通过id找到shop
    Shop getByShopId(long shopId);
  • 编写shopServiceImpl
package com.tian.service.impl;

import com.tian.controller.shopadmin.ShopManagementController;
import com.tian.dao.ShopDao;
import com.tian.dto.ShopExecution;
import com.tian.enums.ShopStateEnum;
import com.tian.exceptions.ShopOperationException;
import com.tian.pojo.Shop;
import com.tian.service.ShopService;
import com.tian.util.ImageUtil;
import com.tian.util.PathUtil;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.io.File;
import java.io.InputStream;
import java.util.Date;

@Service
public class ShopServiceImpl implements ShopService {

    @Autowired
    private ShopDao shopDao;

    @Override
    @Transactional  //该注解声明了这是sql中的事务方法 当抛出RuntimeException时该方法执行的数据库操作会被回滚掉
    public ShopExecution addShop(Shop shop, File shopImg) {
        if (shop==null){
            return new ShopExecution(ShopStateEnum.NULL_SHOP);
        }else {
            //判断是否具有店铺初始信息（未完成）

            try {
                //附初始值
                shop.setEnableStatus(0);
                shop.setCreateTime(new Date());
                shop.setLastEditTime(new Date());
                int effectedNum = shopDao.insertShop(shop);
                //当店铺创建失败就会抛出异常
                if (effectedNum<=0){
                    throw new ShopOperationException("店铺创建失败");
                }else {
                    if (shopImg != null){
                        //存储图片
                        try {
                            addShopImg(shop,shopImg);
                        }catch (Exception e){
                            throw new ShopOperationException("addShopImg error:"+e.getMessage());
                        }
                        //更新店铺的图片地址
                        effectedNum = shopDao.updateShop(shop);
                        if (effectedNum<=0){
                            throw new ShopOperationException("更新图片地址失败");
                        }
                        return new ShopExecution(ShopStateEnum.CHECK,shop);
                    }
                }

            }catch (Exception e){
                throw new ShopOperationException("addShop error:"+e.getMessage());
            }
        }
        return new ShopExecution(ShopStateEnum.INNER_ERROR);


    }

    @Transactional
    @Override
    public ShopExecution modifyShop(Shop shop, InputStream shopImgInputStream, String fileName) throws ShopOperationException {

        if (shop == null||shop.getShopId()==null){
            return new ShopExecution(ShopStateEnum.NULL_SHOP);
        }else {
            try {
                //1.判断是否需要处理图片
                if (shopImgInputStream!=null && fileName!=null && !"".equals(fileName)){
                    Shop tempShop = shopDao.queryByShopId(shop.getShopId());
                    if (tempShop.getShopImg()!=null){
                        ImageUtil.deleteFileOrPath(tempShop.getShopImg());
                    }
                    //处理图片流
                    File file = new File(fileName);
                    ShopManagementController.inputStreamToFile(shopImgInputStream,file);
                    addShopImg(shop,file);
                }
                //2.更新店铺信息
                shop.setLastEditTime(new Date());
                int effectedNum = shopDao.updateShop(shop);
                if (effectedNum <= 0 ){
                    return new ShopExecution(ShopStateEnum.INNER_ERROR);
                }else {
                    shop = shopDao.queryByShopId(shop.getShopId());
                    return new ShopExecution(ShopStateEnum.SUCCESS,shop);
                }
            }catch (Exception e){
                throw new ShopOperationException("修改信息出错"+e.getMessage());
            }

        }

    }

    @Override
    public Shop getByShopId(long shopId) {
        return shopDao.queryByShopId(shopId);
    }

    private void addShopImg(Shop shop, File shopImg) {
        //获取shop图片目录的相对值路径
        String dest = PathUtil.getShopImagePath(shop.getShopId());

        String shopImgAddr = ImageUtil.generateThumbnail(shopImg,dest);
        shop.setShopImg(shopImgAddr);
    }
}
  • 编写删除文件的工具方法
 //一旦修改图片就会将原先的图片删除掉 storePath是文件路径还是目录路径，如果是文件则删除该文件，如果是目录则删除该目录下的所有文件
    public static void deleteFileOrPath(String storePath){
        File fileOrPath = new File(storePath);
        if (fileOrPath.exists()){
            if (fileOrPath.isDirectory()){
                File files[] = fileOrPath.listFiles();
                for (File file : files) {
                    file.delete();
                }
            }
            fileOrPath.delete();
        }
    }
  • 测试shopDao
@Test
    public void testQueryShopById(){
        long shopId = 29L;
        Shop shop = shopDao.queryByShopId(shopId);
        System.out.println(shop);
    }
  • 测试shopService
 @Test
    public void testUpdateShop() throws ShopOperationException, FileNotFoundException {
        Shop shop = shopService.getByShopId(29L);
        shop.setShopName("凯飞店");
        File shopImg = new File("F:\\学习资料\\美女图片\\2021031707550769.jpeg");

        InputStream is = new FileInputStream(shopImg);
        ShopExecution shopExecution = shopService.modifyShop(shop, is, "2021031707550769.jpeg");
        System.out.println(shopExecution.getShop());


    }

2.前后端交互实现

  • 配置后端controller层。
@RequestMapping(value = "/modifyshop",method = RequestMethod.POST)
    @ResponseBody //声明自动转化为json
    private Map<String,Object> modifyShop(HttpServletRequest request){
        Map<String,Object> modelMap = new HashMap<>();

        //判断验证码是否正确
        if (!CodeUtil.checkVerifyCode(request)){
            modelMap.put("success",false);
            modelMap.put("errMsg","输入了错误的验证码");
            return modelMap;
        }

        //1.接受并转化相应的参数，包括店铺信息以及图片信息
        String shopStr = HttpServletRequestUtil.getString(request, "shopStr");
        ObjectMapper mapper = new ObjectMapper();
        Shop shop = null;
        try {
            shop=mapper.readValue(shopStr,Shop.class);
        } catch (Exception e) {
            modelMap.put("success",false);
            modelMap.put("errMsg",e.getMessage());
            return modelMap;
        }

        //获取spring能够处理的CommonsMultipartFile
        CommonsMultipartFile shopImg = null;

        //创建解析器
        CommonsMultipartResolver commonsMultipartResolver = new CommonsMultipartResolver(request.getSession().getServletContext());

        //通过解析器判断当前的reques中是否存在图片流，如无流直接返回错误信息
        if (commonsMultipartResolver.isMultipart(request)){
            MultipartHttpServletRequest multipartHttpServletRequest = (MultipartHttpServletRequest) request;
            shopImg = (CommonsMultipartFile) multipartHttpServletRequest.getFile("shopImg");
        }

        //2.修改店铺信息
        if (shop != null && shop.getShopId()!=null){
            PersonInfo owner = new PersonInfo();

            File shopImgFile = new File(PathUtil.getImgBasePath()+ ImageUtil.getRandomFileName()+shopImg.getOriginalFilename());
            try {
                shopImgFile.createNewFile();
            } catch (IOException e) {
                modelMap.put("success",false);
                modelMap.put("errMsg",e.getMessage());
                return modelMap;
            }

            ShopExecution se = null;
            try {
                if (shopImg == null){
                    se = shopService.modifyShop(shop,null,null);
                }else {
                    se = shopService.modifyShop(shop,shopImg.getInputStream(),shopImgFile.getName());
                }

                if (se.getState() == ShopStateEnum.SUCCESS.getState()){
                    modelMap.put("success",true);
                }else {
                    modelMap.put("success",false);
                    modelMap.put("errMsg",se.getStateInfo());
                }
            } catch (IOException e) {
                throw new ShopOperationException("图片修改出错"+e.getMessage());
            }

            return modelMap;
        }else {
            modelMap.put("success",false);
            modelMap.put("errMsg","请输入店铺信息");
            return modelMap;
        }

    }

 

 @RequestMapping(value = "/getshopbyid",method = RequestMethod.GET)
    @ResponseBody
    private Map<String,Object> getShopById(HttpServletRequest request){
        Map<String,Object> modelMap = new HashMap<>();
        Long shopId = HttpServletRequestUtil.getLong(request,"shopId");
        if (shopId>-1){
            try {
                Shop shop = shopService.getByShopId(shopId);
                List<Area> areaList = areaService.getAreaList();
                modelMap.put("shop",shop);
                modelMap.put("areaList",areaList);
                modelMap.put("success",true);
            }catch (Exception e){
                modelMap.put("success",false);
                modelMap.put("errMsg",e.toString());
            }

        }else {
            modelMap.put("success",false);
            modelMap.put("errMsg","empty shopId");
        }
        return modelMap;
    }
  • 设置前端js代码，从而实现代码的复用。
//根据传递过来的key进行匹配 通过正则表达式 匹配出合适的参数名，返回参数中的值
function getQueryString(name){
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    let r = window.location.search.substring(1).match(reg);
    if (r != null){
        return decodeURIComponent(r[2]);
    }
    return '';
}

$(function (){
    let shopId = getQueryString('shopId');
    let isEdit = shopId?true:false;
    let initUrl = '/shop/getshopinitinfo';
    let registerShopUrl = '/shopadmin/registershop';
    let shopInfoUrl ='/shop/getshopbyid?shopId='+shopId;
    let editShopUrl = '/shopadmin/modifyshop';
    if (!isEdit){
        getShopInitInfo();
    }else {
        getShopInfo(shopId);
    }


    function getShopInfo(shopId){
        $.getJSON(shopInfoUrl,function (data){
            if (data.success){
                let shop = data.shop;
                $('#shop-name').val(shop.shopName);
                $('#shop-addr').val(shop.shopAddr);
                $('#shop-phone').val(shop.phone);
                $('#shop-desc').val(shop.shopDesc);
                let shopCategory = '<option data-id="'
                +shop.shopCategory.shopCategoryId+'"selected>'
                +shop.shopCategory.shopCategoryName + '</option>';
                let tempAreaHtml ='';
                data.areaList.map(function (item,index){
                    tempAreaHtml += '<option data-id="'+item.areaId+'">'
                    +item.areaName+'</option>';
                });
                $('#shop-category').html(shopCategory);
                $('#shop-category').attr('disabled','disabled');
                $('#area').html(tempAreaHtml);
                $('#area option[data-id="'+shop.area.areaId+'"]').attr('selected','selected');



            }
        });
    }

    function getShopInitInfo(){

        $.getJSON(initUrl,function (data){
            //当返回的json中success属性为true时执行下一步
            if (data.success){
                let tempHtml = '';
                let tempAreaHtml = '';

                //从JSON中获取数据商铺类型信息
                data.shopCategoryList.map(function (item,index){
                    tempHtml += '<option data-id="'+item.shopCategoryId+'">'+item.shopCategoryName+'</option>';
                });

                //从JSON中获取区域信息
                data.areaList.map(function (item,index){
                    tempAreaHtml += '<option data-id="' +item.areaId+'">'+item.areaName+'</option>';
                });
                //在指定id后插入数据
                $('#shop-category').html(tempHtml);
                $('#area').html(tempAreaHtml);
            }
        });

    }
    //当点击提交后触发监听事件
    $('#submit').click(function (){
        //将前端数据封装
        let shop = {};
        if (isEdit){
            shop.shopId=shopId;
        }
        shop.shopName = $('#shop-name').val();
        shop.shopAddr = $('#shop-addr').val();
        shop.phone = $('#shop-phone').val();
        shop.shopDesc = $('#shop-desc').val();
        shop.shopCategory={
            shopCategoryId:$('#shop-category').find('option').not(function (){
                return !this.selected;
            }).data('id')
        };
        shop.area={
            areaId:$('#area').find('option').not(function (){
                return !this.selected;
            }).data('id')
        };
        let shopImg = $('#shop-img')[0].files[0];
        let fromData = new FormData();
        fromData.append('shopImg',shopImg);
        fromData.append('shopStr',JSON.stringify(shop));

        //验证码
        let verifyCodeActual = $('#j_captcha').val();
        if (!verifyCodeActual){
            $.toast('请输入验证码');
            return;
        }
        fromData.append('verifyCodeActual',verifyCodeActual);

        //使用ajax来向后端传递数据
        $.ajax({
            url:(isEdit?editShopUrl:registerShopUrl),
            type:'POST',
            data:fromData,
            contentType:false,
            processData: false,
            cache:false,
            success:function (data){
                if (data.success){
                    $.toast('提交成功!');
                }else {
                    $.toast('提交失败!'+data.errMsg);
                }
            }
        })
    });
})

小结：在js代码中我们可以通过url携带的参数的不同来动态的实现页面的复用，在mybatis中我们可以通过设置resultMap标签来实现多表查询数据的注入。在sql语句中如果出现了相同的列名，那么就必须取别名否则无法显示第二次出现的列的数据。

Devotes
关注
华创电商项目day01(长春大学).md
11-14
华创电商项目day01(长春大学).md
华创电商项目day01(长春大学).html
11-15
华创电商项目day01(长春大学).html
电商项目day01
H197736的博客
03-15 314
学习目标 电商行业的介绍 优思安商城介绍 工程搭建 整合测试 1.电商行业的介绍 1.1.电商行业的发展 ​ 电子商务通常是指在全球各地广泛的商业贸易活动中，在因特网开放的网络环境下，基于浏览器/服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式。 ​ 近年来，中国的电子商务快速发展，交易额连创新高，电子商务在各领域的应用不断拓展和深化、相关服务业蓬勃发展、支撑体系不断健
前端Vue小兔鲜儿电商项目实战Day06
ltt159264的博客
06-01 1145
①准备模板 - src/views/cartList/index.vue②绑定路由关系 - src/router/index.js④渲染列表。
电商项目-day03
weixin_55639995的博客
06-14 492
localStorage里面的token清除。后端就是操作redis然后删除 key 元素。这个方法作为 Logout()前端就是清除token。
电商项目-day01
weixin_55639995的博客
06-09 276
现根据镜像文件进行导入。
SpringBoot电商项目实战Day5
sdfsdfsdds2的博客
10-31 163
SpringBoot电商项目实战——用户模块开发
前端Vue小兔鲜儿电商项目实战Day01
ltt159264的博客
05-28 1528
①Vue2的代码③Vue3的代码。
前端Vue小兔鲜儿电商项目实战Day02
ltt159264的博客
05-29 1217
在编写代码的过程中，一旦输入 @/，VSCode会立刻联想出src下的所有子目录和文件，统一文件访问路径，不容易出错。
前端Vue小兔鲜儿电商项目实战Day07
ltt159264的博客
06-02 1615
核核心原理：当前的规格Sku，或者组合起来的规格Sku，在skus数组中对应项的库存为零时，当前规格会被禁用，生成路径字典是为了协助和简化这个匹配过程。已选择项数组['蓝色', '20cm', undefined]中找不到undefined，那么用户已经选择了所有的有效规格，此时可以产出数据。SKU组件的作用是为了让用户能够选择商品的规格，从而提交购物车，在选择的过程中，组件的。给的例子中该商品的所有规格的库存都为0，因为三张图片都会显示禁用状态！
前端Vue小兔鲜儿电商项目实战Day03
ltt159264的博客
05-30 1400
使用带有参数的路由时需要注意的是，当用户从/users/johnny导航到/users/jolyne时，相同的组件实例将被重复使用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会被调用。问题：一级分类的切换正好满足上面的条件，组件实例复用，导致分类数据无法更新解决问题的思路：1. 让组件实例不复用，强制销毁重建；2. 监听路有变化，变化之后执行数据更新操作。①路由缓存问题产生的原因时什么？答：路由只有参数变化时，会复用组件实例。
前端Vue小兔鲜儿电商项目实战Day04
ltt159264的博客
05-31 1383
1. 封装复杂交互组件的通用思路2. 图片预览组件的封装逻辑。
vue大型电商项目尚品汇（前台篇）day02.doc
07-09
Vue 大型电商项目尚品汇（前台篇）day02 本文是对 Vue 大型电商项目尚品汇（前台篇）day02 的总结，主要涵盖了 Vue 项目中的技术要点。 一、重写 push/replace 方法 在 Vue 项目中，我们需要重写 push/replace ...
vue大型电商项目尚品汇（后台篇）day03.doc
07-13
"vue大型电商项目尚品汇（后台篇）day03.doc" 本文档主要讲述了 Vue 大型电商项目尚品汇（后台篇）day03 的开发过程，涵盖了平台属性管理、动态展示数据、添加与修改属性、收集平台属性、返回按钮数据回显问题、...
vue大型电商项目尚品汇（后台篇）day01.doc
07-09
Vue 大型电商项目尚品汇（后台篇）day01.doc 本文档主要关注 Vue.js 框架在大型电商项目尚品汇（后台篇）day01 中的应用，涵盖了组件通信高级、自定义事件、v-model、属性修饰符 sync、$attrs 和 $listeners、$...
MybatisPlus的LambdaQueryWrapper用法
2301_79693537的博客
08-21 5417
【代码】MybatisPlus的LambdaQueryWrapper用法。
【C++刷题】力扣-#121-买卖股票的最佳时机
最新发布
会写代码的饭桶
10-16 545
给定一个数组 prices，其中 prices[i] 表示第 i 天的股票价格。假设你可以在第 i 天买入并在第 j 天卖出股票（i ≤ j），设计一个算法来计算你所能获取的最大利润。注意你只能持有一股股票，并且你不能同时参与多笔交易（即在再次买入前必须卖出股票）。
基于SSM班级事务管理系统的设计
2401_87849773的博客
10-15 413
管理员账户功能包括：系统首页，个人中心，学生管理，班委管理，班会组织管理，健康档案管理，党员发展管理，党员培训管理，学生成绩管理。主要技术：Java,Spring,mybatis,mysql,jquery,html。班委账号功能包括：系统首页，学生管理，学生成绩管理，活动信息管理，班费通知管理。服务器：SpringBoot自带 apache tomcat。JDK版本：Java JDK1.8。数据库可视化工具： navicat。数据库版本： mysql5.7。开发系统：Windows。
Java安卓开发之Fragment开发（通俗易懂版）——第8章
一个脚本小子的博客
10-13 701
FragmentManager中的getSupportFragmentManager()方法不支持Activity，不论是旧版的FragmentManager还是新版的，因此我们要把继承Activity类改成继承AppCompatActivity类。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Devotes

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值