`mod_class.xxx` 是必須存在的 `ws_onmsg.xxx` 是Websock消息回調接口 `load_data.xxx` 是從數據庫加載的消息回調接口 除了以上三個類之外,還有一個類 `format_content.xxxx` 對顯示的數據重新處理渲染 比如下面的代碼 文件路徑是 \public\static\libs\bui\pages\hongbao\init.js 就可以實現對原來普通的DIV進行更炫的展示 聊天數據中紅包的原始代碼是(即存放在數據庫那里是很簡潔的) **又或者可以對圖片實現幻燈片的效果展示.** ~~~ <div class='hack-hongbao' data-id='72' data-title='ewrew'>有人發紅包了!</div> ~~~ 通過下面的處理就可以顯示成圖片,你也可以進行更豐富的展示，包括添加刪除按鈕，也是這樣處理的 ~~~ //對渲染出來的數據,進行重新轉義顯示 format_content.hongbao = function(res,type){ if(in_pc==true){ $(".office_text .hack-hongbao").each(function(){ var id = $(this).data("id"); var title = $(this).data("title"); var str = `<a href="#" title="${title}" onclick="layer.open({type: 2,title: '${title}',shadeClose: true,shade: 0.3,area: ['600px', '600px'],content: '/index.php/p/hongbao-content-show/id/${id}.html'});"><img src="/public/static/plugins/voicehb/hongbao.png"></a>`; $(this).html(str); }); }else{ //顯示紅包 router.$(".chat-panel .hack-hongbao").each(function(){ var id = $(this).data("id"); var title = $(this).data("title"); var str = `<div onclick="layer.open({type: 2,title: '${title}',shadeClose: true,shade: 0.3,area: ['95%', '80%'],content: '/index.php/p/hongbao-content-show/id/${id}.html'});"><img src="/public/static/plugins/voicehb/hongbao.png"></div>`; $(this).html(str); }); } } ~~~