记录一个前后台频繁交互（交互时间较长）导致的用户体验不佳问题的解决方案

最新推荐文章于 2025-03-02 14:02:31 发布

原创

最新推荐文章于 2025-03-02 14:02:31 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

在批量下发业务过程中，用户点击批量下发后需长时间等待，导致体验不佳。为改善这一状况，采用了Bootstrap3的进度条和Easy UI模态框来提示用户操作状态，确保他们知道系统正在处理请求，从而避免用户疑惑是否应刷新页面。通过这种方式，提升了用户在长时间交互过程中的体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

此处要引一下bootstrap的包

版本好像是bootstrap3，

背景是一个批量下发的业务，用户选中要下发的业务之后、点击批量下发按钮会有很长一段时间的等待时间；

一位测试MM说：“交互时间太长了，我甚至不知道该等下去还是刷新页面了”

关于这个问题，

bootstrap3的进度条：

<div class="modal-body">
                    <div id="progress_striped" class="progress progress-striped active" style="display: none">
                        <div id="progress_striped_strip" class="progress-bar progress-bar-success" role="progressbar"
                             aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
                             style="width: 10%;">
                            <span class="sr-only">40% 完成</span>
                        </div>
                    </div>
                    <span id="message"></span>
                </div>

Easy UI模态框：

<!--提示弹窗 start-->
<div class="mod

最低0.47元/天解锁文章

200万优质内容无限畅学