SSM+JSP 实现销售记录展示、统计与导出功能

使用 SSM+JSP 实现销售记录展示、统计与导出功能

SSM (Spring + Spring MVC + MyBatis) 是一种常用的 Java Web 开发框架，它可以用于构建基于 Java 的企业级 Web 应用程序。JSP (JavaServer Pages) 是一种用于创建动态网页的 Java 技术。

本文将介绍如何使用 SSM+JSP 实现一个简单的销售记录展示、统计与导出功能的 Web 应用。

1. 销售记录展示

创建一个 SalesRecord 实体类，包含产品、客户、区域、门店、日期等属性。
在后端使用 MyBatis 进行数据库操作，编写相应的 Mapper 接口和 XML 配置文件。
在前端使用 JSP 进行页面展示，通过调用后端接口获取销售记录数据，并使用分页插件进行分页展示。
在 JSP 页面上添加一个搜索框，可以输入关键字进行模糊查询，通过调用后端接口传递查询参数实现模糊查询。
将最近的数据展示在第一条。

2. 年度、月度、周度、日度销售统计功能按钮

在后端编写相应的 Controller 方法，根据不同的统计维度（年度、月度、周度、日度），调用相应的 Service 方法进行数据统计。
在前端的 JSP 页面上添加相应的按钮，并绑定点击事件，点击按钮时调用后端接口进行数据统计，并将统计结果展示在页面上。

3. 统计结果导出为 Excel 文件

在后端编写一个导出 Excel 的方法，使用 Apache POI 库生成 Excel 文件。
在前端的 JSP 页面上添加一个导出按钮，并绑定点击事件，点击按钮时调用后端接口进行导出。

示例代码

SalesRecord 实体类:

public class SalesRecord {
    private String product; // 产品
    private String customer; // 客户
    private String region; // 区域
    private String store; // 门店
    private Date date; // 日期
    // ... 其他属性
}

Mapper 接口:

public interface SalesRecordMapper {
    List<SalesRecord> getSalesRecords(Map<String, Object> params); // 获取销售记录
    // ... 其他方法
}

XML 配置文件:

<mapper namespace="com.example.mapper.SalesRecordMapper">
    <select id="getSalesRecords" resultType="com.example.entity.SalesRecord">
        SELECT * FROM sales_record
        <where>
            <if test="product != null and product != ''">
                AND product LIKE CONCAT('%', #{product}, '%')
            </if>
            <if test="customer != null and customer != ''">
                AND customer LIKE CONCAT('%', #{customer}, '%')
            </if>
            <if test="region != null and region != ''">
                AND region LIKE CONCAT('%', #{region}, '%')
            </if>
            <if test="store != null and store != ''">
                AND store LIKE CONCAT('%', #{store}, '%')
            </if>
            <if test="startDate != null">
                AND date >= #{startDate}
            </if>
            <if test="endDate != null">
                AND date <= #{endDate}
            </if>
        </where>
        ORDER BY date DESC
    </select>
</mapper>

Controller 方法:

@RestController
@RequestMapping("/sales")
public class SalesController {
    @Autowired
    private SalesRecordService salesRecordService;

    @GetMapping
    public ResponseEntity<List<SalesRecord>> getSalesRecords(@RequestParam(required = false) String product,
                                                                     @RequestParam(required = false) String customer,
                                                                     @RequestParam(required = false) String region,
                                                                     @RequestParam(required = false) String store,
                                                                     @RequestParam(required = false) String startDate,
                                                                     @RequestParam(required = false) String endDate) {
        // ... 处理参数，调用 Service 方法获取数据，返回结果
    }

    // ... 其他方法
}

JSP 页面:

<!DOCTYPE html>
<html>
<head>
    <title>销售记录</title>
</head>
<body>
    <h1>销售记录展示</h1>
    <form>
        <input type="text" name="product" placeholder="产品">
        <input type="text" name="customer" placeholder="客户">
        <input type="text" name="region" placeholder="区域">
        <input type="text" name="store" placeholder="门店">
        <input type="date" name="startDate" placeholder="开始日期">
        <input type="date" name="endDate" placeholder="结束日期">
        <button type="submit">查询</button>
    </form>
    <div>
        <button onclick="getAnnualStatistics()">年度统计</button>
        <button onclick="getMonthlyStatistics()">月度统计</button>
        <button onclick="getWeeklyStatistics()">周度统计</button>
        <button onclick="getDailyStatistics()">日度统计</button>
        <button onclick="exportExcel()">导出 Excel</button>
    </div>
    <table id="salesRecordTable">
        <thead>
            <tr>
                <th>产品</th>
                <th>客户</th>
                <th>区域</th>
                <th>门店</th>
                <th>日期</th>
            </tr>
        </thead>
        <tbody>
            <!-- 数据将在这里显示 -->
        </tbody>
    </table>
</body>
</html>

以上示例只是一个简单的演示，实际项目中还需要根据具体需求进行详细设计和开发。另外，还可以考虑使用前端框架（如 Bootstrap）美化页面和提升用户体验，使用 Ajax 实现异步加载和交互等功能。