html:messages的使用

消息(错误)显示

ActionMessages messages = new ActionMessages();
messages.add(ActionMessages.GLOBAL_MESSAGE, new ActionMessage("userForm.insert", info.getUserName());
messages.add("activationDate", new ActionMessage("userForm.active", info.getDateLength());

如下可以显示所有消息,并用<li>将它们放入一个list,再加上可定制的header/footer
<html:messages id="message" header="errors.header" footer="errors.footer">
   <li><bean:write name="message"/></li>
</html:messages>

如下可以指定只显示某种message
<html:messages id="message" property="<%= org.apache.struts.action.ActionMessages.GLOBAL_MESSAGE %>">
   <li><bean:write name="message"/></li>
</html:messages>

把Messages换成Errors就是错误显示,为了简便,经常一个<html:errors/>了事
 
可以使用 Bootstrap 中的模态框(Modal)来实现弹出窗口提示。具体实现方式可以参考以下步骤: 1. 在 HTML 文件中引入 Bootstrap 的 CSS 和 JavaScript 文件: ```html <!-- 引入 Bootstrap 的 CSS --> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"> <!-- 引入 Bootstrap 的 JavaScript --> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/popper.js/2.9.3/umd/popper.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script> ``` 2. 在 HTML 文件中添加一个模态框(Modal): ```html <!-- 模态框 --> <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="login-modal-label" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="login-modal-label">登录提示</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p id="login-message"></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button> </div> </div> </div> </div> ``` 3. 在 Django 中使用 messages 模块来设置提示消息,并在 JavaScript 中获取消息并显示模态框: ```python if user is not None: if user.is_active: login(request, user) messages.success(request, '登录成功!') return redirect('index') else: messages.error(request, '账户被禁用!') return redirect('login') else: messages.error(request, '无效的用户名或密码!') return redirect('login') ``` ```javascript $(document).ready(function() { {% if messages %} var loginModal = $('#login-modal'); var loginMessage = $('#login-message'); {% for message in messages %} {% if message.tags == 'success' %} loginMessage.html('{{ message }}'); loginModal.modal('show'); {% else %} // 这里可以根据消息类型设置不同的样式和内容 {% endif %} {% endfor %} {% endif %} }); ``` 这样,当用户登录成功时,就会在前端弹出一个模态框,显示登录成功的提示消息。注意,这只是一个简单的示例,你可以根据自己的需要进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值