若依系统 添加一个消息模块

*若价格不公道,可以让提问者在平台追加赏金哦,平台是您利益的保证

已完成
若依系统 添加一个消息模块-139****16
139****16 1年前发布
悬赏:150.0 元

问题详情:分类: Java


这是我的消息模块的数据库设计.
我想弄一个记录某些任务追踪情况的模块.这个模块存储着文本信息和附件信息.并且可以方便地查看和添加根据记录.


大致页面设计如图



还有 我使用的是若依框架,最好懂这框架

需要人帮忙写好前后端,我会把我目前的所有代码发给对方.在我代码的基础上加上这个模块对应的代码就好了

*若价格不公道,可以让提问者在平台追加赏金哦,平台是您利益的保证。你觉得当前的价格如何呢,奉上您珍贵的一票吧

虚高0人次 适中0人次 偏低0人次

分享海报会更快解决你的问题哦!分享海报

参考答案:

刘师傅 1年前解决
已赚540.0元

使用summernote处理富文本,使用bootstrap-fileinput处理文件上传,同时将消息显示块模板化,thymeleaf表示的模板如下:
<div id="vertical-timeline" class="vertical-container light-timeline">
<div class="vertical-timeline-block" th:each="message,messageStart:${messageList}" th:attr="data-ignored=${message.isIgnored}">
<div class="vertical-timeline-icon blue-bg">
<i class="fa fa-file-text"></i>
</div>
<div class="vertical-timeline-content">
<div class="btn-group-vertical pull-right" style="width:70px; display: inline-table;vertical-align: middle;">
<button class="btn btn-sm btn-warning btn-his" th:attr="data-list-id=${message.messageListId},data-record-id=${message.messageRecordId},data-sub-id=${message.messageSubId}">历史记录</button>
<button class="btn btn-sm btn-danger btn-upd" th:attr="data-list-id=${message.messageListId},data-record-id=${message.messageRecordId}">编辑</button>
<button class="btn btn-sm btn-success btn-all" th:attr="data-list-id=${message.messageListId},data-record-id=${message.messageRecordId},data-sub-id=${message.messageSubId}">更多信息</button>
</div>
<div class="pull-left" style="display: inline-table;vertical-align: middle;width: calc(100% - 100px)">
<h2 th:text="${message.title}"></h2>
<div th:utext="${message.content}"></div>
<div class="form-control-static" th:if="${not #lists.isEmpty(message.attachmentList)}" style="width: 400px">
<a href="#" th:each="attachment,attachmentStart:${message.attachmentList}" th:attr="data-url=${attachment.attachmentPath}" class="list-group-item msg-attachment" th:text="${attachment.attachmentName}"></a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
最难处理的是事件部分,操作按钮多且事件层次复杂,须同时处理多种事件且顺序不能错,引入多路委托泛监听模型解决,具体代码涉及部分商业秘密不展开论述。

此处可发布评论

评论(0

暂无评论,快来写一下吧
客服QQ 1913284695