SpringBoot校园商铺系统Shop模块开发

//SpringBoot是对SSM框架的进一步改进与封装，随着微服务时代的来临，使用多个子模块组建一个大的应用项目成为时下后端开发的趋势。

//数据库Dao层 使用Mybatis框架

@Repository
public interface ShopDao {

    /**
     * 返回查询条件的总数
     * @param shopCondition
     * @return
     */
    int queryShopCount(@Param("shopCondition") Shop shopCondition);

    /**
     *
     * 分页查询店铺
     *    输入条件
     *       店铺名(模糊查询)、店铺状态、店铺类别、区域Id、owner
     *
     * @param shopCondition
     * @param rowIndex 第几行
     * @param pageSize 取几行
     * @return
     */
    List<Shop> queryShopList(@Param("shopCondition") Shop shopCondition,
                             @Param("rowIndex") int rowIndex,
                             @Param("pageSize") int pageSize);

    /***
     * 新增店铺
     * @param shop
     * @return
     */
    int insertSHop(Shop shop);

    /***
     * 更新店铺信息
     * @param shop
     * @return
     */
    int updateShop(Shop shop);

    /**
     * 店铺信息查询
     * @param shopId
     * @return
     */
    Shop queryByShopId(long shopId);
}

　// 对应的ShopDao.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
    PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.swust.emporium.dao.ShopDao">
	<!--
		useGeneratedKeys 代表插入结束后是否自动获取数据表的自增主键值
		keyColumn 代表数据表的主键是哪个属性
		keyProperty 代表数据表的主键与实体类中哪个属性相对应
	-->
	<insert id="insertSHop" useGeneratedKeys="true" keyColumn="shop_id" keyProperty="shopId">
		insert into
		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.swust.emporium.pojo.Shop">
		<!--
		动态SQL生成
		实体类字段不为空 则更新数据库字段 注意逗号
		<if test="xxx != null"> xxx_xxx = #{xxx}> </if>
		-->
		update 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="shopCategory != null"> shop_category_id = #{shopCategory.shopCategoryId},</if>
			<if test="area != null"> area_id = #{area.areaId}</if>
		</set>
		where shop_id = #{shopId}
	</update>

	<!--定义queryByShopId查询方法的返回值类型-->
	<resultMap type="com.swust.emporium.pojo.Shop" id ="shopMap">
		<!--定义主键Id 有且仅有一个-->
		<id column="shop_id" property="shopId"></id>
		<!--定义基本数据类型-->
		<result column="shop_name" property="shopName"></result>
		<result column="shop_desc" property="shopDesc"></result>
		<result column="shop_addr" property="shopAddr"></result>
		<result column="phone" property="phone"></result>
		<result column="shop_img" property="shopImg"></result>
		<result column="priority" property="priority"></result>
		<result column="create_time" property="createTime"></result>
		<result column="last_edit_time" property="lastEditTime"></result>
		<result column="enable_status" property="enableStatus"></result>
		<result column="advice" property="advice"></result>
		<!--定义复合数据类型-->
		<association property="area" column="area_id" javaType="com.swust.emporium.pojo.Area">
			<id column="area_id" property="areaId"></id>
			<result column="area_name" property="areaName"></result>
		</association>
		<association property="owner" column="owner" javaType="com.swust.emporium.pojo.PersonInfo">
			<id column="user_id" property="userId"></id>
			<result column="name" property="name"></result>
		</association>
		<association property="shopCategory" column="shop_category_id" javaType="com.swust.emporium.pojo.ShopCategory">
			<id column="shop_category_id" property="shopCategoryId"></id>
			<result column="shop_category_name" property="shopCategoryName"></result>
		</association>
	</resultMap>
	<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
		tb_shop s,
		tb_area a,
		tb_shop_category sc
		where
		s.area_id = a.area_id
		and
		s.shop_category_id = sc.shop_category_id
		and
		s.shop_id = #{shopId}
	</select>

	<!--分页查询功能-->

	<select id="queryShopList" resultMap="shopMap">
		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
		tb_shop s,
		tb_area a,
		tb_shop_category sc
		<!--实现条件查询功能-->
		<where>
			<!--实现店铺类别条件查询功能-->
			<if test="shopCondition.shopCategory != null
			 and
			 shopCondition.shopCategory.shopCategoryId != null ">
				and s.shop_category_id = #{shopCondition.shopCategory.shopCategoryId}
			</if>
			<!--实现区域信息条件查询功能-->
			<if test="shopCondition.area != null
			and
			shopCondition.area.areaId != null">
				and s.area_id = #{shopCondition.area.areaId}
			</if>

			<!---->
			<if test="shopCondition.shopCategory != null and
			shopCondition.shopCategory.parent != null and
			shopCondition.shopCategory.parent.shopCategoryId != null">
				and s.shop_category_id in(select shop_category_id from tb_shop_category where parent_id = #{shopCondition.shopCategory.parent.shopCategoryId})
			</if>

			<!--%%%%%实现店铺名称模糊功能%%%%%-->
			<if test="shopCondition.shopName != null">
				and s.shop_name like '%${shopCondition.shopName}%'
			</if>
			<!--实现状态信息条件查询功能-->
			<if test="shopCondition.enableStatus">
				and s.enable_status = #{shopCondition.enableStatus}
			</if>
			<if test="shopCondition.owner != null
			and
			shopCondition.owner.userId != null">
				and s.owner_id = #{shopCondition.owner.userId}
			</if>
			<!--通过Id连接三张表-->
			and 
			s.area_id = a.area_id
			and
			s.shop_category_id = sc.shop_category_id
		</where>
		<!--按照优先级降序排列-->
		order by
		s.priority
		desc
		<!--实现分页功能-->
		limit #{rowIndex},#{pageSize};
	</select>
	<!--获取分页查询功能所查询出来的数据总数-->
	<select id="queryShopCount" resultType="int">
		select
		count(1)
		from
		tb_shop s,
		tb_area a,
		tb_shop_category sc
		<!--实现条件查询功能-->
		<where>
			<!--实现店铺类别条件查询功能-->
			<if test="shopCondition.shopCategory != null
			 and
			 shopCondition.shopCategory.shopCategoryId != null ">
				and s.shop_category_id = #{shopCondition.shopCategory.shopCategoryId}
			</if>
			<!--实现区域信息条件查询功能-->
			<if test="shopCondition.area != null
			and
			shopCondition.area.areaId != null">
				and s.area_id = #{shopCondition.area.areaId}
			</if>

			<if test="shopCondition.shopCategory != null and
			shopCondition.shopCategory.parent != null and
			shopCondition.shopCategory.parent.shopCategoryId != null">
				and s.shop_category_id in(select shop_category_id from tb_shop_category where parent_id = #{shopCondition.shopCategory.parent.shopCategoryId})
			</if>

			<!--%%%%%实现店铺名称模糊功能%%%%%-->
			<if test="shopCondition.shopName != null">
				and s.shop_name like '%${shopCondition.shopName}%'
			</if>
			<!--实现状态信息条件查询功能-->
			<if test="shopCondition.enableStatus">
				and s.enable_status = #{shopCondition.enableStatus}
			</if>
			<if test="shopCondition.owner != null
			and
			shopCondition.owner.userId != null">
				and s.owner_id = #{shopCondition.owner.userId}
			</if>
			<!--通过Id连接三张表-->
			and
			s.area_id = a.area_id
			and
			s.shop_category_id = sc.shop_category_id
		</where>
	</select>
</mapper>

//业务逻辑层

//为了更加符合实际项目的内容需求，在原始的包+impl实现类的实际基础上，引入enum枚举类存储店铺的相关操作信息，使用dto下的ShopExecution对原始信息的包装，并设计专属于Shop操作的异常类。

// 枚举类

public enum ShopStateEnum {

    CHECK(0,"审核中"),
    OFFLINE(-1,"非法店铺"),
    SUCCESS(1, "操作成功"),
    PASS(2, "通过认证"),
    INNER_ERROR(-1001, "内部系统错误"),
    NULL_SHOPID(-1002,"shop为空"),
    NULL_SHOP(-1003,"shop信息为空");

    private int state;
    private String stateInfo;

    /**
     * 枚举构造方法
     * @param state
     * @param stateInfo
     */
    private ShopStateEnum(int state, String stateInfo){
        this.state = state;
        this.stateInfo = stateInfo;
    }

    /***
     * 根据传入的state值返回对应的数据
     * @param state
     * @return
     */
    public static ShopStateEnum stateEnum(int state){
        for (ShopStateEnum stateEnum : ShopStateEnum.values()){
            if (stateEnum.getState() == state){
                return stateEnum;
            }
        }
        return null;
    }


    public String getStateInfo(){
        return this.stateInfo;
    }

    public int getState(){
        return this.state;
    }
}

//店铺操作表示符合操作信息描述

@Getter
@Setter
public class ShopExecution {
    //结果状态
    private int state;
    //状态描述
    private String stateInfo;
    //店铺数量
    private int count;
    //操作的Shop 增删改
    private Shop shop;
    //shop列表 查询
    private List<Shop> shopList;

    public ShopExecution(){}

    // 店铺操作失败的时候使用的构造器
    public ShopExecution(ShopStateEnum shopStateEnum){
        this.state = shopStateEnum.getState();
        this.stateInfo = shopStateEnum.getStateInfo();
    }
    //  店铺操作成功的时候使用构的造器
    public ShopExecution(ShopStateEnum shopStateEnum, Shop shop){
        this.state = shopStateEnum.getState();
        this.stateInfo = shopStateEnum.getStateInfo();
        this.shop = shop;
    }
    //  店铺操作成功的时候使用的构造器
    public ShopExecution(ShopStateEnum shopStateEnum, List<Shop> shopList){
        this.state = shopStateEnum.getState();
        this.stateInfo = shopStateEnum.getStateInfo();
        this.shopList = shopList;
    }
}

// 店铺操作异常类 生成随机序列化ID需要在类名上使用Alt+Enter快捷键

public class ShopOperationException extends RuntimeException{

    //生成随机序列化ID
    private static final long serialVersionUID = -2293712388036514485L;

    public ShopOperationException(String msg){
        super(msg);
    }

}

// web层

// web层相对于SSM框架所对应的controller层 这里是实现前端与后端的连接层 我采用的admin和management对不同的访问请求进行处理，admin主要处理html页面跳转请求，management主要负责shopoperation.js文件传递来的AJAX业务访问请求

@Controller
@RequestMapping("/shopadmin")
public class ShopManagementController {


    @Autowired
    private ShopService shopService;

    @Autowired
    private ShopCategoryService shopCategoryService;

    @Autowired
    private AreaService areaService;

    /***
     * 获取初始信息
     * @return
     */
    @RequestMapping(value = "/getshopinitinfo", method = RequestMethod.GET)
    @ResponseBody
    public Map<String, Object> getShopInitInfo(HttpServletRequest request){
        Map<String, Object> modelMap = new HashMap<>();


        List<ShopCategory> shopCategoryLists = new ArrayList<>();
        List<Area> areaLists = new ArrayList<>();

        try {
            ShopCategoryExecution sce = shopCategoryService.getShopCategoryList(new ShopCategory());
            shopCategoryLists = sce.getShopCategoryList();
            areaLists = areaService.getAreaList();
            modelMap.put("shopCategoryList", shopCategoryLists);
            modelMap.put("areaList", areaLists);
            modelMap.put("success", true);

        }catch (Exception e){
            modelMap.put("success", false);
            modelMap.put("errMsg", e.getMessage());
            return modelMap;
        }
        return modelMap;
    }

    /**
     * 注册店铺
     * @param request
     * @return
     */
    @RequestMapping(value = "/registershop", method = RequestMethod.POST)
    @ResponseBody //将返回的map自动转换为Json格式
    private Map<String, Object> registerShop(HttpServletRequest request){
        Map<String,Object> modelMap = new HashMap<>();

        // 校验验证码是否一致
        if (CodeUtils.checkVerifyCode(request)){
            modelMap.put("success", false);
            modelMap.put("errMsg", "校验码不能为空或输入错误...");
            return modelMap;
        }

        // 接收并转换响应参数 店铺信息 图片信息
        String shopStr = HttpServletRequestUtils.getString(request, "shopStr");

        ObjectMapper mapper = new ObjectMapper();
        Shop shop = null;
        try {
             shop = mapper.readValue(shopStr, Shop.class);
        } catch (IOException e) {
            modelMap.put("success",false);
            modelMap.put("errMsg",e.getMessage());
            return modelMap;
        }

        // 接收图片信息
        CommonsMultipartFile shopImg = null;
        // 文件上传解析器
        CommonsMultipartResolver commonsMultipartResolver = new CommonsMultipartResolver(
                request.getSession().getServletContext()
        );
        // 是否存在上传的文件流信息
        if (commonsMultipartResolver.isMultipart(request)){
            MultipartHttpServletRequest multipartHttpServletRequest = (MultipartHttpServletRequest) request;
            shopImg = (CommonsMultipartFile)multipartHttpServletRequest.getFile("shopImg");
        }else {
            modelMap.put("success",false);
            modelMap.put("errMsg","上传图片不能为空");
            return modelMap;
        }
        // 注册店铺
        if (shop != null && shopImg != null){
//            PersonInfo owner = new PersonInfo();
            PersonInfo owner = (PersonInfo) request.getSession().getAttribute("user"); // 从session域中获取店铺信息
            //  Session TODO ...
//            owner.setUserId(1L);
            shop.setOwner(owner);

            String fileName = shopImg.getOriginalFilename();
            ShopExecution se = null;

            try {
                ImageHolder imageHolder = new ImageHolder();
                imageHolder.setImage(shopImg.getInputStream());
                imageHolder.setImageName(fileName);

                se = shopService.addShop(shop, imageHolder);
            } catch (IOException e) {
                modelMap.put("success",false);
                modelMap.put("errMsg", e.getMessage());
                return modelMap;
            }

            // 判断店铺是否创建成功 同时将店铺信息更新到session中
            if (se.getState() == ShopStateEnum.CHECK.getState()){
                modelMap.put("success",true);
                // 将店铺保存到session域内
                    // unchecked 去除警告信息
                @SuppressWarnings("unchecked")
                List<Shop> shopList = (List<Shop>) request.getSession().getAttribute("shopList");
                //是否是第一次创建店铺
                if (shopList.size() == 0 || shopList == null){
                    shopList = new ArrayList<>();
                }
                shopList.add(se.getShop());
                request.getSession().setAttribute("shopList", shopList);
                return modelMap;
            }else {
                modelMap.put("success",false);
                modelMap.put("errMsg", se.getStateInfo());
                return modelMap;
            }
        }else {
            modelMap.put("success",false);
            modelMap.put("errMsg","请输入店铺信息");
            return modelMap;
        }

    }

//    /**
//     * 将InputStream转换成file对象
//     * 该方法已废弃
//     * @param inputStream
//     * @param file
//     */
//    private static void InputStramToFile(InputStream inputStream, File file){
//        FileOutputStream os = null;
//        try {
//            os = new FileOutputStream(file);
//            int bytesRead = 0;
//            // 读取数据的buffer缓冲区
//            byte[] buffer = new byte[1024];
//            // 从输入流读取一些字节数,并将它们存储到缓冲区buffer中。
//            while ((bytesRead = inputStream.read(buffer)) != -1){
//                    // 需要理解
//                os.write(buffer,0,bytesRead);
//            }
//        } catch (Exception e) {
//            throw new RuntimeException("调用InputStramToFile方法流解析异常 ==> " + e.getMessage());
//        } finally {
//            if (os != null){
//                try {
//                    os.close();
//                } catch (IOException e) {
//                    throw new RuntimeException("调用InputStramToFile方法关闭输出流异常 ==> " + e.getMessage());
//                }
//            }
//            if (inputStream != null){
//                try {
//                    inputStream.close();
//                } catch (IOException e) {
//                    throw new RuntimeException("调用InputStramToFile方法关闭输入流异常 ==> " + e.getMessage());
//                }
//            }
//        }
//    }

    /**
     * 基于传入的shopId查询店铺信息
     * @param request
     * @return
     */
    @RequestMapping(value = "/getshopbyid", method = RequestMethod.GET)
    @ResponseBody
    private Map<String, Object> getShopById(HttpServletRequest request){
        Map<String, Object> modelMap = new HashMap<>();

        Shop currentShop = (Shop) request.getSession().getAttribute("currentShop");
        Long id = currentShop.getShopId();
        System.out.println(id);

        long shopId = HttpServletRequestUtils.getLong(request, "shopId");
        if (shopId > -1){
           try {
               Shop shop = shopService.getByShopId(shopId);
               List<Area> list = areaService.getAreaList();

               modelMap.put("shop", shop);
               modelMap.put("areaList", list);
               modelMap.put("success", true);
               return modelMap;
           }catch (Exception e){
               modelMap.put("success", false);
               modelMap.put("errMsg", e.getMessage());
               return modelMap;
           }



        }else {
            modelMap.put("success",false);
            modelMap.put("errMsg","店铺信息查询错误");
            return modelMap;
        }
    }

    /**
     * 更新店铺信息
     * @param request
     * @return
     */
    @RequestMapping(value = "/modifyshop", method = RequestMethod.POST)
    @ResponseBody
    private Map<String, Object> modifyShop(HttpServletRequest request){
        Map<String, Object> modelMap = new HashMap<>();
        // 校验码判断
        if (CodeUtils.checkVerifyCode(request)){
            modelMap.put("success", false);
            modelMap.put("errMsg", "请输入正确的验证码");
            return modelMap;
        }
        // 格式化shop对象
        ObjectMapper mapper = new ObjectMapper();
        // 获取基于Ajax请求传递过来的店铺信息参数
        String shopStr = HttpServletRequestUtils.getString(request, "shopStr");
        Shop shop = null;
        try {
            shop = mapper.readValue(shopStr, Shop.class);
        } catch (IOException e) {
            modelMap.put("success", false);
            modelMap.put("errMsg", e.getMessage());
            return modelMap;
        }
        //判断是否具有图片上传信息流
        HttpServletRequest httpServletRequest;
        CommonsMultipartResolver commonsMultipartResolver = new
                CommonsMultipartResolver(request.getSession().getServletContext());
        CommonsMultipartFile shopImg = null;
        if (commonsMultipartResolver.isMultipart(request)){
            MultipartHttpServletRequest multipartHttpServletRequest = (MultipartHttpServletRequest) request;
             shopImg = (CommonsMultipartFile)multipartHttpServletRequest.getFile("shopImg");
        }else {
            modelMap.put("success", false);
            modelMap.put("errMsg", "图片信息解析错误");
            return modelMap;
        }

        ShopExecution shopExecution = null;
        // 更新信息
        if (shop != null && shop.getShopId() != null){
            if (shopImg != null){
                InputStream shopImgInputStream = null;
                try {
                    shopImgInputStream = shopImg.getInputStream();
                    String fileName = shopImg.getOriginalFilename();
                    ImageHolder imageHolder = new ImageHolder();
                    imageHolder.setImageName(fileName);
                    imageHolder.setImage(shopImgInputStream);
                    shopExecution = shopService.modifyShop(shop, imageHolder);

                } catch (IOException e) {
                    modelMap.put("success", false);
                    modelMap.put("errMsg", e.getMessage());
                    return modelMap;
                }
            }else {
                // 上传图片信息为空 选择只更新其余信息
               try {
                   shopExecution = shopService.modifyShop(shop, null) ;
               }catch (Exception e){
                   modelMap.put("success", false);
                   modelMap.put("errMsg", e.getMessage());
                   return modelMap;
               }
            }
        }
        // 判读店铺是否更新成功
        if (shopExecution != null){
            int state = shopExecution.getState();
            String stateInfo = shopExecution.getStateInfo();
            if (state == ShopStateEnum.SUCCESS.getState()){
                modelMap.put("success", true);
                return modelMap;
            }else {
                modelMap.put("success", false);
                modelMap.put("errMsg","状态码返回异常");
                return modelMap;
            }
        }else {
            modelMap.put("success", false);
            modelMap.put("errMsg","店铺更新异常");
            return modelMap;
        }
    }

    /***
     * 店铺信息分页查询模块功能开发
     * controller
     * @param request
     * @return
     */
    @RequestMapping(value = "/getshoplist", method = RequestMethod.GET)
    @ResponseBody
    public Map<String, Object> getShopList(HttpServletRequest request){
        Map<String, Object> modelMap = new HashMap<>();

        // TODO...这里有bug userLogin和personInfo的Id必须一致
        // session中获取登陆信息
        UserLogin userLogin = (UserLogin) request.getSession().getAttribute("userLogin");
        int uid = userLogin.getUid();
        PersonInfo user = new PersonInfo();
        user.setUserId(new Long(uid));
        request.getSession().setAttribute("user", user);
        user = (PersonInfo) request.getSession().getAttribute("user");
        Long userId = user.getUserId();

        List<Shop> shopList = new ArrayList<>();

        ShopExecution se = null;
        try {
            Shop shopCondition = new Shop();
            shopCondition.setOwner(user);
            se = shopService.getShopList(shopCondition, 0, 100);
            modelMap.put("success", true);
            modelMap.put("shopList", se.getShopList());
            // 将shopList保存到session中
            request.getSession().setAttribute("shopList",se.getShopList());
            modelMap.put("user",user);
            return modelMap;
        }catch (Exception e){
            modelMap.put("success", false);
            modelMap.put("errMsg", e.getMessage());
            return modelMap;
        }
    }

    /***
     * 获取店铺管理相关信息
     * @param request
     * @return
     */
    @RequestMapping(value = "getshopmanagementinfo", method = RequestMethod.GET)
    @ResponseBody
    private Map<String, Object> getShopManagementInfo(HttpServletRequest request){
        Map<String, Object> modelMap = new HashMap<>();
        long shopId = HttpServletRequestUtils.getLong(request, "shopId");
        if (shopId <= 0){
            // 尝试从session中获取店铺Id信息
            Object currenShopObj = request.getSession().getAttribute("currentShop");
            if (currenShopObj == null){
                // 重定向回店铺页面
                modelMap.put("redirect", true);
                // 访问Html页面
                modelMap.put("url", "/emporium/shopadmin/shoplist");
            }else {
                Shop currenShop = (Shop) currenShopObj;
                modelMap.put("redirect", false);
                modelMap.put("shopId", currenShop.getShopId());
            }
        }else {
            Shop current = new Shop();
            current.setShopId(shopId);
            request.getSession().setAttribute("currentShop", current);
            modelMap.put("redirect", false);
        }
        return modelMap;
    }
}

@Controller
@RequestMapping(value = "shopadmin", method = RequestMethod.GET)
public class ShopAdminController {

    @RequestMapping(value = "/shopoperation")
    public String shopOperation(){
        return "shop/shopoperation";
    }

    @RequestMapping(value = "/shoplist")
    public String shopList(){
        return "shop/shoplist";
    }

    @RequestMapping(value = "/shopmanagement")
    public String shopManagement(){
        return "shop/shopmanagement";
    }
    
}

// 前端主要使用Html+Css渲染页面，为快速开发，缩短研发周期，本项目使用 Sui Mobile进行开发设计，借助原始的模板引擎获取数据

// 对于前端所展示需要的数据，主要在页面加载时调用相应的javas文件获取后台数据

//对于get请求，我使用$.getJSON方法通过访问特定的URL获取数据，对于post请求选择使用Ajax请求获取对应的数据

// 获取初始信息填充到前端界面
// 当点击提交时通过Ajax将请求转发到后台

$(function (){
    // 解析get请求的url上的shopId
    var shopId = getQueryString('shopId');
    // 如果shopId为空则证明是注册店铺否则代表修改店铺信息
    var isEdit = shopId ? true : false;

    // 完成信息初始化 localhost:8888 + URL
    var initUrl = '/emporium/shopadmin/getshopinitinfo';
    // 注册信息
    var registerShopUrl = '/emporium/shopadmin/registershop';

    // 根据店铺Id获取店铺信息
    var shopInfoUrl = '/emporium/shopadmin/getshopbyid?shopId=' + shopId;

    // 更新店铺信息
    var editShopUrl = '/emporium/shopadmin/modifyshop';

    if (!isEdit){
        getShopInitInfo();
    }else {
        getShopInfo(shopId);
    }

    function getShopInfo(shopId){
        $.getJSON(shopInfoUrl,function (data){
            if (data.success){
                var shop = data.shop;
                // 根据查询到的值给html页面内控件赋值
                $('#shop-name').val(shop.shopName);
                $('#shop-addr').val(shop.shopAddr);
                $('#shop-phone').val(shop.phone);
                $('#shop-desc').val(shop.shopDesc);
                // 将shopCategory的内容以option形式进行保存
                var shopCategory = '<option data-id="'
                    + shop.shopCategory.shopCategoryId + '"selected>'
                    + shop.shopCategory.shopCategoryName + '</option>';
                // 获取下拉列表
                var 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){
            if (data.success){
                var tempHtml = '';
                var tempAreaHtml = '';
                data.shopCategoryList.map(function (item,index){
                    tempHtml += '<option data-id="' + item.shopCategoryId + '">'
                        +item.shopCategoryName + '</option>>';
                });
                data.areaList.map(function (item,index){
                    tempAreaHtml += '<option data-id="' + item.areaId + '">'
                    +item.areaName + '</option>';
                });
                // 将信息发送到html文件
                $('#shop-category').html(tempHtml);
                $('#area').html(tempAreaHtml);
            }
        });
    }

    // 点击提交时 进行响应
    $('#submit').click(function (){
        var 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')
        };

        var shopImg = $('#shop-img')[0].files[0];

        var formData = new FormData();
        formData.append('shopImg', shopImg);
        formData.append('shopStr', JSON.stringify(shop));

        // 验证码
        var  verifyCodeActual = $('#j_captcha').val();
        if (!verifyCodeActual){
            $.toast('请输入验证码!');
            return ;
        }
        formData.append('verifyCodeActual', verifyCodeActual);
        $.ajax({
            url:isEdit?editShopUrl:registerShopUrl,
            type:'POST',
            data:formData,
            contentType:false,
            processData:false,
            cache:false,
            success:function (data){
                if (data.success){
                    alert('success！');
                    $.toast('提交成功 !');
                }else {
                    // alert('error！');
                    $.toast('提交失败' + data.errMsg);
                }
                // 每次执行ok后更换验证码
                $('#captcha_img').click();
            }
        })
    })
})