国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合

這篇具有很好參考價值的文章主要介紹了蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

蒼穹外賣-day12

課程內(nèi)容

  • 工作臺
  • Apache POI
  • 導出運營數(shù)據(jù)Excel報表

功能實現(xiàn):工作臺、數(shù)據(jù)導出

工作臺效果圖:

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

數(shù)據(jù)導出效果圖:

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

在數(shù)據(jù)統(tǒng)計頁面點擊數(shù)據(jù)導出:生成Excel報表

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

1. 工作臺

1.1 需求分析和設計

1.1.1 產(chǎn)品原型

工作臺是系統(tǒng)運營的數(shù)據(jù)看板,并提供快捷操作入口,可以有效提高商家的工作效率。

工作臺展示的數(shù)據(jù):

  • 今日數(shù)據(jù)
  • 訂單管理
  • 菜品總覽
  • 套餐總覽
  • 訂單信息

原型圖:

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

名詞解釋:

  • 營業(yè)額:已完成訂單的總金額
  • 有效訂單:已完成訂單的數(shù)量
  • 訂單完成率:有效訂單數(shù) / 總訂單數(shù) * 100%
  • 平均客單價:營業(yè)額 / 有效訂單數(shù)
  • 新增用戶:新增用戶的數(shù)量
1.1.2 接口設計

通過上述原型圖分析,共包含6個接口。

接口設計:

  • 今日數(shù)據(jù)接口
  • 訂單管理接口
  • 菜品總覽接口
  • 套餐總覽接口
  • 訂單搜索(已完成)
  • 各個狀態(tài)的訂單數(shù)量統(tǒng)計(已完成)

1). 今日數(shù)據(jù)的接口設計

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

2). 訂單管理的接口設計

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

3). 菜品總覽的接口設計

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

4). 套餐總覽的接口設計

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

1.2 代碼導入

直接導入課程資料中的工作臺模塊功能代碼即可:

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

1.2.1 Controller層

添加WorkSpaceController.java

package com.sky.controller.admin;

import com.sky.result.Result;
import com.sky.service.WorkspaceService;
import com.sky.vo.BusinessDataVO;
import com.sky.vo.DishOverViewVO;
import com.sky.vo.OrderOverViewVO;
import com.sky.vo.SetmealOverViewVO;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.time.LocalDateTime;
import java.time.LocalTime;

/**
 * 工作臺
 */
@RestController
@RequestMapping("/admin/workspace")
@Slf4j
@Api(tags = "工作臺相關(guān)接口")
public class WorkSpaceController {

    @Autowired
    private WorkspaceService workspaceService;

    /**
     * 工作臺今日數(shù)據(jù)查詢
     * @return
     */
    @GetMapping("/businessData")
    @ApiOperation("工作臺今日數(shù)據(jù)查詢")
    public Result<BusinessDataVO> businessData(){
        //獲得當天的開始時間
        LocalDateTime begin = LocalDateTime.now().with(LocalTime.MIN);
        //獲得當天的結(jié)束時間
        LocalDateTime end = LocalDateTime.now().with(LocalTime.MAX);

        BusinessDataVO businessDataVO = workspaceService.getBusinessData(begin, end);
        return Result.success(businessDataVO);
    }

    /**
     * 查詢訂單管理數(shù)據(jù)
     * @return
     */
    @GetMapping("/overviewOrders")
    @ApiOperation("查詢訂單管理數(shù)據(jù)")
    public Result<OrderOverViewVO> orderOverView(){
        return Result.success(workspaceService.getOrderOverView());
    }

    /**
     * 查詢菜品總覽
     * @return
     */
    @GetMapping("/overviewDishes")
    @ApiOperation("查詢菜品總覽")
    public Result<DishOverViewVO> dishOverView(){
        return Result.success(workspaceService.getDishOverView());
    }

    /**
     * 查詢套餐總覽
     * @return
     */
    @GetMapping("/overviewSetmeals")
    @ApiOperation("查詢套餐總覽")
    public Result<SetmealOverViewVO> setmealOverView(){
        return Result.success(workspaceService.getSetmealOverView());
    }
}
1.2.2 Service層接口

添加WorkspaceService.java

package com.sky.service;

import com.sky.vo.BusinessDataVO;
import com.sky.vo.DishOverViewVO;
import com.sky.vo.OrderOverViewVO;
import com.sky.vo.SetmealOverViewVO;
import java.time.LocalDateTime;

public interface WorkspaceService {

    /**
     * 根據(jù)時間段統(tǒng)計營業(yè)數(shù)據(jù)
     * @param begin
     * @param end
     * @return
     */
    BusinessDataVO getBusinessData(LocalDateTime begin, LocalDateTime end);

    /**
     * 查詢訂單管理數(shù)據(jù)
     * @return
     */
    OrderOverViewVO getOrderOverView();

    /**
     * 查詢菜品總覽
     * @return
     */
    DishOverViewVO getDishOverView();

    /**
     * 查詢套餐總覽
     * @return
     */
    SetmealOverViewVO getSetmealOverView();

}
1.2.3 Service層實現(xiàn)類

添加WorkspaceServiceImpl.java

package com.sky.service.impl;

import com.sky.constant.StatusConstant;
import com.sky.entity.Orders;
import com.sky.mapper.DishMapper;
import com.sky.mapper.OrderMapper;
import com.sky.mapper.SetmealMapper;
import com.sky.mapper.UserMapper;
import com.sky.service.WorkspaceService;
import com.sky.vo.BusinessDataVO;
import com.sky.vo.DishOverViewVO;
import com.sky.vo.OrderOverViewVO;
import com.sky.vo.SetmealOverViewVO;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.time.LocalDateTime;
import java.time.LocalTime;
import java.util.HashMap;
import java.util.Map;

@Service
@Slf4j
public class WorkspaceServiceImpl implements WorkspaceService {

    @Autowired
    private OrderMapper orderMapper;
    @Autowired
    private UserMapper userMapper;
    @Autowired
    private DishMapper dishMapper;
    @Autowired
    private SetmealMapper setmealMapper;

    /**
     * 根據(jù)時間段統(tǒng)計營業(yè)數(shù)據(jù)
     * @param begin
     * @param end
     * @return
     */
    public BusinessDataVO getBusinessData(LocalDateTime begin, LocalDateTime end) {
        /**
         * 營業(yè)額:當日已完成訂單的總金額
         * 有效訂單:當日已完成訂單的數(shù)量
         * 訂單完成率:有效訂單數(shù) / 總訂單數(shù)
         * 平均客單價:營業(yè)額 / 有效訂單數(shù)
         * 新增用戶:當日新增用戶的數(shù)量
         */

        Map map = new HashMap();
        map.put("begin",begin);
        map.put("end",end);

        //查詢總訂單數(shù)
        Integer totalOrderCount = orderMapper.countByMap(map);

        map.put("status", Orders.COMPLETED);
        //營業(yè)額
        Double turnover = orderMapper.sumByMap(map);
        turnover = turnover == null? 0.0 : turnover;

        //有效訂單數(shù)
        Integer validOrderCount = orderMapper.countByMap(map);

        Double unitPrice = 0.0;

        Double orderCompletionRate = 0.0;
        if(totalOrderCount != 0 && validOrderCount != 0){
            //訂單完成率
            orderCompletionRate = validOrderCount.doubleValue() / totalOrderCount;
            //平均客單價
            unitPrice = turnover / validOrderCount;
        }

        //新增用戶數(shù)
        Integer newUsers = userMapper.countByMap(map);

        return BusinessDataVO.builder()
                .turnover(turnover)
                .validOrderCount(validOrderCount)
                .orderCompletionRate(orderCompletionRate)
                .unitPrice(unitPrice)
                .newUsers(newUsers)
                .build();
    }


    /**
     * 查詢訂單管理數(shù)據(jù)
     *
     * @return
     */
    public OrderOverViewVO getOrderOverView() {
        Map map = new HashMap();
        map.put("begin", LocalDateTime.now().with(LocalTime.MIN));
        map.put("status", Orders.TO_BE_CONFIRMED);

        //待接單
        Integer waitingOrders = orderMapper.countByMap(map);

        //待派送
        map.put("status", Orders.CONFIRMED);
        Integer deliveredOrders = orderMapper.countByMap(map);

        //已完成
        map.put("status", Orders.COMPLETED);
        Integer completedOrders = orderMapper.countByMap(map);

        //已取消
        map.put("status", Orders.CANCELLED);
        Integer cancelledOrders = orderMapper.countByMap(map);

        //全部訂單
        map.put("status", null);
        Integer allOrders = orderMapper.countByMap(map);

        return OrderOverViewVO.builder()
                .waitingOrders(waitingOrders)
                .deliveredOrders(deliveredOrders)
                .completedOrders(completedOrders)
                .cancelledOrders(cancelledOrders)
                .allOrders(allOrders)
                .build();
    }

    /**
     * 查詢菜品總覽
     *
     * @return
     */
    public DishOverViewVO getDishOverView() {
        Map map = new HashMap();
        map.put("status", StatusConstant.ENABLE);
        Integer sold = dishMapper.countByMap(map);

        map.put("status", StatusConstant.DISABLE);
        Integer discontinued = dishMapper.countByMap(map);

        return DishOverViewVO.builder()
                .sold(sold)
                .discontinued(discontinued)
                .build();
    }

    /**
     * 查詢套餐總覽
     *
     * @return
     */
    public SetmealOverViewVO getSetmealOverView() {
        Map map = new HashMap();
        map.put("status", StatusConstant.ENABLE);
        Integer sold = setmealMapper.countByMap(map);

        map.put("status", StatusConstant.DISABLE);
        Integer discontinued = setmealMapper.countByMap(map);

        return SetmealOverViewVO.builder()
                .sold(sold)
                .discontinued(discontinued)
                .build();
    }
}
1.2.4 Mapper層

在SetmealMapper中添加countByMap方法定義

/**
     * 根據(jù)條件統(tǒng)計套餐數(shù)量
     * @param map
     * @return
     */
    Integer countByMap(Map map);

在SetmealMapper.xml中添加對應SQL實現(xiàn)

<select id="countByMap" resultType="java.lang.Integer">
        select count(id) from setmeal
        <where>
            <if test="status != null">
                and status = #{status}
            </if>
            <if test="categoryId != null">
                and category_id = #{categoryId}
            </if>
        </where>
</select>

在DishMapper中添加countByMap方法定義

	/**
     * 根據(jù)條件統(tǒng)計菜品數(shù)量
     * @param map
     * @return
     */
    Integer countByMap(Map map);

在DishMapper.xml中添加對應SQL實現(xiàn)

<select id="countByMap" resultType="java.lang.Integer">
        select count(id) from dish
        <where>
            <if test="status != null">
                and status = #{status}
            </if>
            <if test="categoryId != null">
                and category_id = #{categoryId}
            </if>
        </where>
</select>

1.3 功能測試

可以通過如下方式進行測試:

  • 通過接口文檔測試
  • 前后端聯(lián)調(diào)測試

接下來我們使用上述兩種方式分別測試。

1.3.1 接口文檔測試

啟動服務,訪問http://localhost:8080/doc.html,進入工作臺相關(guān)接口

注意:使用admin用戶登錄重新獲取token,在全局參數(shù)設置中添加,防止token失效。

1). 今日數(shù)據(jù)查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

2). 菜品總覽查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

3). 訂單管理數(shù)據(jù)查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

4). 套餐總覽查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

1.3.2 前后端聯(lián)調(diào)測試

啟動nginx,訪問 http://localhost,進入工作臺

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

進入開發(fā)者模式,分別查看今日數(shù)據(jù)、訂單管理、菜品總覽、套餐總覽

1). 今日數(shù)據(jù)查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

2). 訂單管理數(shù)據(jù)查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

3). 菜品總覽查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

4). 套餐總覽查詢

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

1.4 代碼提交

蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合,SSM框架_瑞吉外賣,spring boot,java

后續(xù)步驟和其它功能代碼提交一致,不再贅述。文章來源地址http://www.zghlxwxcb.cn/news/detail-697047.html

到了這里,關(guān)于蒼穹外賣 day12 Echats 營業(yè)臺數(shù)據(jù)可視化整合的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務器費用

相關(guān)文章

  • 蒼穹外賣day11筆記

    蒼穹外賣day11筆記

    今日首先介紹前端技術(shù)Apache ECharts,說明后端需要準備的數(shù)據(jù),然后講解具體統(tǒng)計功能的實現(xiàn),包括營業(yè)額統(tǒng)計、用戶統(tǒng)計、訂單統(tǒng)計、銷量排名。 ECharts是一款基于 Javascript 的數(shù)據(jù)可視化圖表庫。我們用它來展示圖表數(shù)據(jù)。 步驟 1). 引入echarts.js 文件 2). 為 ECharts 準備一個設

    2024年02月13日
    瀏覽(25)
  • 蒼穹外賣day02項目日志

    蒼穹外賣day02項目日志

    參考產(chǎn)品原型,設計表和接口。 1.1.1設計表 看員工管理的產(chǎn)品原型: 有員工姓名、賬號、手機號、賬號狀態(tài)、最后操作時間等。 注意,操作一欄不是字段,其中的啟用禁用才是。 再看添加員工的原型: ?可以發(fā)現(xiàn)還有性別和身份證號。 不要忘了旁邊: 還有密碼。 總結(jié)出了

    2024年02月14日
    瀏覽(27)
  • 項目實戰(zhàn)————蒼穹外賣(DAY11)

    項目實戰(zhàn)————蒼穹外賣(DAY11)

    Apache ECharts 營業(yè)額統(tǒng)計 用戶統(tǒng)計 訂單統(tǒng)計 銷量排名Top10 功能實現(xiàn): 數(shù)據(jù)統(tǒng)計 數(shù)據(jù)統(tǒng)計效果圖: 1.1 介紹 Apache ECharts 是一款基于 Javascript 的數(shù)據(jù)可視化圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表。 官網(wǎng)地址:Apache ECharts 常見效果展示: 1). 柱形圖

    2024年01月20日
    瀏覽(25)
  • 蒼穹外賣 day1 搭建成功環(huán)境

    蒼穹外賣 day1 搭建成功環(huán)境

    idea找不到打包生成的文件目錄怎么辦,首先點擊這個小齒輪 然后就能找到隱藏的文件 這個jar包內(nèi)含tomcat,可以直接丟在linux上用 開發(fā)環(huán)境:開發(fā)人員在開發(fā)階段使用的環(huán)境,一般外部用戶無法訪問 測試環(huán)境:專門給測試人員使用的環(huán)境,測試項目用 生產(chǎn)環(huán)境:正式對外提

    2024年02月11日
    瀏覽(34)
  • 【學習筆記】java項目—蒼穹外賣day11

    【學習筆記】java項目—蒼穹外賣day11

    Apache ECharts 營業(yè)額統(tǒng)計 用戶統(tǒng)計 訂單統(tǒng)計 銷量排名Top10 功能實現(xiàn): 數(shù)據(jù)統(tǒng)計 數(shù)據(jù)統(tǒng)計效果圖: 1.1 介紹 Apache ECharts 是一款基于 Javascript 的數(shù)據(jù)可視化圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表。 官網(wǎng)地址:https://echarts.apache.org/zh/index.html 常見效果

    2024年04月09日
    瀏覽(29)
  • 蒼穹外賣-day14:前端環(huán)境搭建、員工管理

    蒼穹外賣-day14:前端環(huán)境搭建、員工管理

    前端環(huán)境搭建 員工分頁查詢 啟用禁用員工賬號 新增員工 修改員工 1.1 技術(shù)選型 本項目使用到的前端技術(shù)如下: node.js vue ElementUI axios vuex vue-router typescript 1.2 熟悉前端代碼結(jié)構(gòu) 直接導入課程資料中提供的蒼穹外賣項目前端初始工程,此工程中已經(jīng)開發(fā)了部分功能,后續(xù)我們

    2024年04月28日
    瀏覽(24)
  • 蒼穹外賣 day2 反向代理和負載均衡

    蒼穹外賣 day2 反向代理和負載均衡

    前端請求地址:http://localhost/api/employee/login 路徑并不匹配 后端接口地址:http://localhost:8080/admin/employee/login 在這個頁面上點擊f12 后轉(zhuǎn)到networ驗證,出現(xiàn)一些詳細的地址信息 原因就是nginx的反向代理,將前端數(shù)據(jù)轉(zhuǎn)發(fā)到了后端 相當于轉(zhuǎn)發(fā)一次請求 優(yōu)點: 提高訪問速度,相當于

    2024年02月12日
    瀏覽(31)
  • SpringBoot+SSM項目實戰(zhàn) 蒼穹外賣(12) Apache POI

    SpringBoot+SSM項目實戰(zhàn) 蒼穹外賣(12) Apache POI

    繼續(xù)上一節(jié)的內(nèi)容,本節(jié)是蒼穹外賣后端開發(fā)的最后一節(jié),本節(jié)學習Apache POI,完成工作臺、數(shù)據(jù)導出功能。 工作臺是系統(tǒng)運營的數(shù)據(jù)看板,并提供快捷操作入口,可以有效提高商家的工作效率。 工作臺展示的數(shù)據(jù):今日數(shù)據(jù)、訂單管理、菜品總覽、套餐總覽、訂單信息 營業(yè)

    2024年01月16日
    瀏覽(23)
  • 蒼穹外賣day07——緩存菜品套餐+購物車功能實現(xiàn)

    蒼穹外賣day07——緩存菜品套餐+購物車功能實現(xiàn)

    用戶訪問量過大帶來的一個直接效果就是響應速度慢,使用體驗下降。 使用redis緩存菜品數(shù)據(jù),減少數(shù)據(jù)庫查詢操作。 ?頁面展示上基本就是同一個分類在同一頁,所以key-value結(jié)構(gòu)可以使用不同的分類來做key。 在小程序每一次點擊不同的分類,后端哪里都會刷刷刷的連接數(shù)據(jù)

    2024年02月14日
    瀏覽(34)
  • itheima蒼穹外賣項目學習筆記--Day9: 訂單模塊

    (1). 查詢歷史訂單 在OrderController中,創(chuàng)建查詢方法 在OrderServiceImpl中,創(chuàng)建分頁查詢方法,及其父類接口 在OrderMapper中,添加查詢方法,并在映射文件中寫入動態(tài)SQL語句 在OrderDetailMapper中,實現(xiàn)根據(jù)訂單id查詢訂單明細 (2). 查詢訂單詳細 在OrderController中,創(chuàng)建查詢訂單詳細方

    2024年02月16日
    瀏覽(184)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包