ssm项目笔记（八）移动端套餐列表页面动态展示

骑猪看日落 2021-12-23 13:04 300阅读 0赞

## 分析： ##

> 移动端的首页为/pages/index.html
> 
> 效果如下：
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70][]

## 完善页面 ##

## 前端 ##

### 1.1展示套餐信息 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 1][]

### 1.2获取套餐列表数据 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 2][]

## 后端代码 ##

### 1.1Controller ###

> 在healthmobile\_web工程中创建SetmealController并提供getSetmeal方法，在此方法中通过Dubbo远程调用套餐服务获取套餐列表数据

package com.itheima.controller;
    
    import com.itheima.constant.MessageConstant;
    import com.itheima.entity.Result;
    import com.itheima.pojo.Setmeal;
    import com.itheima.service.SetmealService;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.bind.annotation.RestController;
    
    import java.util.List;
    
    /***
     * 动态展示信息
     * 获取套餐信息
     *控制层管理
     */
    @RestController
    @RequestMapping("/setmeal")
    public class SetmealController {
        private SetmealService setmealService;
    
        //获取套餐所有的信息
        @RequestMapping("/getSetmeal")
        public Result getSetmal() {
            try {
                List<Setmeal> list = setmealService.findAll();
                return new Result(true, MessageConstant.GET_SETMEAL_COUNT_REPORT_SUCCESS,list);
            } catch (Exception e) {
                e.printStackTrace();
                //查询套餐组失败
                return new Result(true,MessageConstant.GET_SETMEAL_LIST_FAIL);
            }
        }
    }

### 1.2interface接口服务层 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 3][]

### 1.3Service实现类服务层 ###

![20190626085520385.png][]

### 1.4Dao持久层 ###

![20190626085750451.png][]

### 1.5Mapper映射文件 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 4][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70]: /images/20211223/de5667042a7e468eae6019498c683a40.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 1]: /images/20211223/ee1a5d47327147cd9708877f1c4ad2f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 2]: /images/20211223/6418dd91de5b4f15b4977292111b0fce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 3]: /images/20211223/2ab241c3ccfd4aa4ac2fb356c3a790a1.png
[20190626085520385.png]: /images/20211223/b243697c32914ab4912b9e80b93051c5.png
[20190626085750451.png]: /images/20211223/40b21f7169434589912ff5ada803ca6d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTc2NzYx_size_16_color_FFFFFF_t_70 4]: /images/20211223/c820b559cbef4fa685cd74b0b3a5893d.png