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

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

已完成

139****16 3年前发布

悬赏：150.0 元

问题详情：分类: Java

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

大致页面设计如图

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

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

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

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

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

参考答案：

刘师傅 3年前解决

已赚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>

最难处理的是事件部分，操作按钮多且事件层次复杂，须同时处理多种事件且顺序不能错，引入多路委托泛监听模型解决，具体代码涉及部分商业秘密不展开论述。