SSM到Spring Boot从零开发校园商铺平台---8、前端页面模块
in with 0 comment

SSM到Spring Boot从零开发校园商铺平台---8、前端页面模块

in with 0 comment

系列文章: 1、环境搭建及测试- - -附免费视频教程
专栏14篇,参看:http://tyronblog.com/tags/school-o2o
GitHub地址:https://github.com/tyronczt/imooc-o2o
线上演示地址:http://o2o.tyronblog.com:8090/o2o/front/index

先上效果图:

前端页面

前端页面模块主要分四个小模块:

  1. 首页的轮播图展示
  2. 店铺类别展示(一级展示在首页,二级展示在店铺详情页)
  3. 店铺列表和详情展示
  4. 商品列表和详情展示

首页轮播图

展示之前首先需要后台添加轮播图所需图片,基于开发进度考虑,图片添加暂时在test层完成:HeadLineDaoTest.java,如果该项目有实际需求,将会新增代码通过页面实现对轮播图的增删查改。 后端功能实现:HeadLineDao.xml ----> HeadLineDao.java ----> HeadLineService.java ----> MainPageController.java 前端页面展示:front/index.html配合front/index.jsfront/index.css

店铺类别展示

店铺类别展示分首页的一级店铺类别,和店铺详情的二级店铺类别,展示形式不同,但是实现方式是一样的。 后端功能实现:ShopCategoryDao.xml ----> ShopCategoryDao.java ----> ShopCategoryService.java ----> MainPageController.javaShopDetailController.java

店铺列表和详情展示

根据查询条件(店铺名(模糊查询)、区域信息、商铺状态、商铺类别),查询店铺列表,点击店铺查询店铺详情。 后端实现:ShopDao.xml ----> ShopDao.java ----> ShopService.java ----> ShopListController.javaShopDetailController.java

商品列表和详情展示

店铺详情中展示商品列表,可根据条件查询商品,点击商品显示商品详情。 后端实现:ProductDao.xml ----> ProductDao.java ----> ProductService.java ----> ProductDetailController.java

改进

将参数返回值使用枚举类型

例如: ShopListController.java的125、126行

modelMap.put("success", false);
modelMap.put("errMsg", OperationStatusEnum.PAGIN_EMPTY.getStateInfo());

个人理由:

在《阿里巴巴JAVA开发手册》中有类似的规则:

【强制】二方库里可以定义枚举类型,参数可以使用枚举类型,但是接口返回值不允许使用枚举类型或者包含枚举类型的POJO对象。

这里所说的环境是二方库,即公司内部其他项目提供的依赖,之所以不用枚举类是由于升级原因,导致双方的枚举类不尽相同,在接口解析,类反序列化时出现异常。(引自孤尽的解答)

使用阿里巴巴的开发规范

规范 插件安装参考:https://github.com/alibaba/p3c/blob/master/eclipse-plugin/README_cn.md