使用springboot+angular导出excel

该博客介绍了一种前端通过HTML按钮触发,调用 TypeScript 函数,结合后端Java服务实现Excel导出的方法。前端利用data-toggle和data-target属性绑定导出功能,后端接收到请求后处理数据并创建Excel表格,最后将文件写入HTTP响应以供下载。

前端html

  <!--          导出excel-->
              <div class="col-sm-1" >
                <button   style="" type="button" class="btn btn-warning q7" data-toggle="modal" data-target="" (click)="exportExcel()">
                  {{lang['universal.exportExcel']}}
                </button>
              </div>

前端ts


  exportExcel() {
    //使用window.location.href链接跳转
    window.location.href = url() + '/dhTask/myExportExcel?time='+this.time+'&searchMsg='+this.searchMsg;
  }

后端代码

 //PC端导出excel
    @RequestMapping("/myExportExcel")
    public void pcExportExcel(HttpServletRequest request, HttpServletResponse response, String time, String searchMsg) {
         time = request.getParameter("time");
         searchMsg = request.getParameter("searchMsg");

            //获取查询后的任务list
            List<Map<String, Object>> list = dhTaskService.pcGetBatchTaskMsg(searchMsg, time);
            List<Map<String, Object>> allList = new ArrayList<>();
            //遍历任务list获取其详细的信息,并将其加到allList中
            for (Map<String, Object> map : list) {
                Object production_task_id = map.get("production_task_id");
                List<Map<String, Object>> partList = dhTaskService.getMsgByBatchTaskId(Long.parseLong(production_task_id.toString()));
                allList.addAll(partList);
            }

            //文档
            HSSFWorkbook wb = new HSSFWorkbook();
            //表名
            HSSFSheet sheet = wb.createSheet("批次任务");
            //第一行
            HSSFRow row0 = sheet.createRow(0);
            row0.createCell(0).setCellValue("任务名称");
            row0.createCell(1).setCellValue("产品名称");
            row0.createCell(2).setCellValue("供应商名称");
            row0.createCell(3).setCellValue("等级");
            row0.createCell(4).setCellValue("等级名称");
            row0.createCell(5).setCellValue("下限");
            row0.createCell(6).setCellValue("上限");
            row0.createCell(7).setCellValue("数量");
            row0.createCell(8).setCellValue("重量");
            row0.createCell(9).setCellValue("开始时间");
            row0.createCell(10).setCellValue("结束时间");


            String end_time="";


            for (int i = 0; i < allList.size(); i++) {
                HSSFRow tempRow = sheet.createRow(i + 1);
                if(allList.get(i).get("production_task_name")!=null){
                    tempRow.createCell(0).setCellValue(allList.get(i).get("production_task_name").toString());
                }else{
                    tempRow.createCell(0).setCellValue("");
                }

                tempRow.createCell(1).setCellValue(allList.get(i).get("product_name").toString());
                tempRow.createCell(2).setCellValue(allList.get(i).get("company_name").toString());
                tempRow.createCell(3).setCellValue(allList.get(i).get("rank_num").toString());
                tempRow.createCell(4).setCellValue(allList.get(i).get("rank_name").toString());
                tempRow.createCell(5).setCellValue(allList.get(i).get("lower_limit").toString());
                tempRow.createCell(6).setCellValue(allList.get(i).get("upper_limit").toString());
                tempRow.createCell(7).setCellValue(allList.get(i).get("number").toString());
                tempRow.createCell(8).setCellValue(allList.get(i).get("weight").toString());
                tempRow.createCell(9).setCellValue(allList.get(i).get("start_time").toString());
                if(allList.get(i).get("end_time")!=null){
                    tempRow.createCell(10).setCellValue(allList.get(i).get("end_time").toString());
                }else{
                    tempRow.createCell(10).setCellValue("");
                }

            }

            // 输出Excel文件

            try {
                OutputStream output = response.getOutputStream();
                response.setHeader("Content-Disposition", "attchement;filename=" + new String("批次任务".getBytes("utf-8"), "ISO-8859-1") + ".xls");
                response.setContentType("application/msexcel");
                wb.write(output);
                output.close();

            } catch (IOException e) {
            }
            finally {
                if(wb!=null){
                    try {
                        wb.close();

                    } catch (IOException e) {
                        e.printStackTrace();
                    }
                }
            }



    }
    ```
    
<think>嗯,用户想用Angular、Spring Boot、JPA、MySQL和Redis来构建一个复杂的投票系统。首先得理清楚整个系统的架构,前后端怎么分工协作。前端Angular的话,需要设计不同的菜单和表单字段,可能涉及到路由模块、响应式表单,还有实时数据的展示,比如图表什么的。后端的话,Spring Boot整合JPA和MySQL处理持久化,Redis用来做缓存或者实时统计。用户还提到限制规则,比如每个用户只能投一次票,可能需要用Redis来记录投票记录,因为读写速度快。 接下来要考虑表单设计,前端需要动态生成表单,可能根据不同的投票活动配置不同的字段,比如单选、多选、输入框等。Angular的动态表单模块可能派上用场,或者使用Formly这样的库。后端需要设计对应的实体类,比如投票活动、选项、用户投票记录等,用JPA做ORM映射到MySQL。 数据存储方面,投票记录可能量很大,用MySQL的话要考虑分表或者优化查询。同时,Redis可以用来存储用户的投票记录,确保快速判断是否已投票。实时统计的话,可以用Redis的计数器,比如每个选项的票数用Hash存储,每次投票后递增,这样前端轮询或者用WebSocket推送给客户端。 导出功能的话,后端可能需要生成Excel或者PDF,用Apache POI或者iText库。权限控制方面,Spring Security整合JWT来做认证,限制不同角色的访问权限。性能方面,高并发时可能需要消息队列来异步处理投票请求,确保系统稳定。 然后,用户的问题可能还涉及如何保证数据一致性,比如Redis和MySQL之间的同步。可能需要定时任务或者事务管理来同步数据。另外,表单字段的校验,比如时间范围、选项限制,前后端都要做验证,防止绕过前端提交非法数据。 还有,实时展示可能需要WebSocket或者Server-Sent Events,Angular这边用RxJS来处理数据流。缓存策略方面,Spring Data Redis的注解可以方便地缓存热点数据,减少数据库压力。 总之,整个系统需要前后端协作,合理利用各个技术的优势,处理好数据存储、实时统计、高并发和安全性等问题。可能需要分模块开发,先搭框架,再逐步实现各个功能点,同时进行测试确保各环节稳定。</think># 基于Angular+SpringBoot的复杂投票系统实现方案 ## 一、系统架构设计 ``` [前端] Angular 15+ [后端] Spring Boot 3.x ↘ HTTP/WS ↙ ↗ REST API/WebSocket ↖ [缓存] Redis Cluster [持久化] MySQL 8.x ↗ 实时统计 ↘ [ORM] Spring Data JPA ``` 注:系统需实现每秒5000+投票请求处理能力,采用读写分离架构[^1] ## 二、前端关键实现Angular) ### 1. 动态表单生成 ```typescript // 投票表单配置接口 interface VoteField { type: 'radio' | 'checkbox' | 'text'; label: string; options?: string[]; validators: ValidatorFn[]; } // 动态表单组件 @Component({...}) export class DynamicFormComponent { @Input() fields: VoteField[] = []; form: FormGroup = this.fb.group({}); constructor(private fb: FormBuilder) {} ngOnInit() { const controls = {}; this.fields.forEach(field => { controls[field.label] = ['', field.validators]; }); this.form = this.fb.group(controls); } } ``` ### 2. 实时数据展示 ```html <ngx-charts-bar-vertical [results]="voteData$ | async" [xAxis]="true" [yAxis]="true"> </ngx-charts-bar-vertical> ``` ## 三、后端核心实现(Spring Boot) ### 1. 数据存储设计 ```java // 领域模型 @Entity public class VoteRecord { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; @ManyToOne private VoteActivity activity; @ElementCollection private Map<String, String> selections; @CreationTimestamp private LocalDateTime createTime; } // Redis计数器 @RedisHash("VoteStats") public class VoteStat { @Id private String activityId; private Map<String, AtomicLong> optionCounts = new ConcurrentHashMap<>(); } ``` ### 2. 投票接口实现 ```java @PostMapping("/vote") @Transactional public ResponseEntity<?> submitVote(@RequestBody VoteDTO dto) { // 1. 校验投票资格(Redis分布式锁) Boolean voted = redisTemplate.opsForValue() .setIfAbsent("vote_lock:"+dto.activityId()+":"+userId, "1", 30, TimeUnit.MINUTES); // 2. 写入MySQL voteRepository.save(dto.toEntity()); // 3. 更新Redis计数器 redisTemplate.opsForHash().increment( "vote_stats:"+dto.activityId(), dto.optionId(), 1); // 4. 发布WS事件 messagingTemplate.convertAndSend("/topic/vote-update", new VoteUpdateEvent(...)); } ``` ## 四、关键功能实现 ### 1. 投票限制规则 - IP限流:使用Redis令牌桶算法 ```java public boolean allowRequest(String ip) { ValueOperations<String, String> ops = redisTemplate.opsForValue(); String key = "rate_limit:" + ip; Long current = ops.increment(key, 1); if (current == 1) { redisTemplate.expire(key, 1, TimeUnit.MINUTES); } return current <= 100; // 每分钟100次 } ``` ### 2. 数据导出实现 ```java @GetMapping("/export") public void exportVotes(HttpServletResponse response) { response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"); try (SXSSFWorkbook workbook = new SXSSFWorkbook()) { Sheet sheet = workbook.createSheet("Votes"); // 填充数据... workbook.write(response.getOutputStream()); } } ``` ## 五、性能优化方案 1. MySQL分表策略:按活动ID哈希分表 2. Redis持久化配置:AOF每秒同步+ RDB每小时备份 3. JPA二级缓存:使用Hibernate + Redis实现 4. 前端资源缓存:Angular PWA + Service Worker
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WalkerShen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值