[オブジェクトのオブジェクト]所与VUEストンプ+ SocketJSデータ

オープニング文MMP

TMDは、先端の位置を変更しませんでした！！！！

死んだ父を競います

< テンプレート> 
  < DIV > 
    < 入力タイプ= "テキスト" Vモデル= "テキスト" > 
    < ボタン@click = "のsendMessage" >发送消息</ ボタン> 
    < BR > 
    < BR > 
    < DIV > {{データ}} </ DIV > 
  </ DIV > 
</ テンプレート> 
< スクリプト> 
からの輸入sockJS ' sockjs、クライアント'
輸入ストンプから"webstomp-クライアント' 
輸出のデフォルト{ 
  名：' チャットルーム' 
  データ（）{ リターン{ 
      テキスト：'' 、
      データ：'' 、
      ：stompClient ヌル
    } 
  }は、
  {）（取り付けられている場合（' WebSocketの" 中のウィンドウ）{
       この。 initWebSocket（）
    } 他{ 
      警告（' 当前浏览器のWebSocketをサポートするわけではありません' ）
    }
    
      
  }、
  方法：{
    sendMessage（）{ 
      この.stompClient.send（' /アプリ/こんにちは' 、JSON.stringify（これの.text）、{}）
    }、
    initWebSocket（）{ 
      この.connection（）
    }、
    接続（）{ 
      CONSTソケット=  新しいですSockJS（この。$ baseUrlに+  ' /チャット' ）
       この.stompClient = Stomp.over（ソケット）
       この.stompClient.connect（{}、（フレーム）=> {
         この.stompClient.subscribe（' /トピック/挨拶 ' 、（挨拶）=> { 
          にconsole.log（JSON.parse（greeting.body））
        }）
      }）
    } 
  } 
} 
</ スクリプトは> 

< スタイルスコープ> 

</ スタイル>

{}パラメータは、最終的な面に重点を置くために！！！！！

ちょっと私はこすります

 

 インタフェースコード：

パッケージorg.just.computer.mathproject.Controller.WebSocket; 

輸入org.just.computer.mathproject.Bean.Message。
輸入org.springframework.messaging.handler.annotation.MessageMapping。
輸入org.springframework.messaging.handler.annotation.SendTo;
輸入org.springframework.stereotype.Controller。

インポートのjava.security.Principal。

@Controller 
パブリック クラスGreetingController { 
    @MessageMapping（ "/ハロー" ）
    @SendTo（ "/トピック/挨拶" ）
     パブリックメッセージの挨拶（文字列コンテンツ、プリンシパルPL）がスロー例外{
        メッセージメッセージ = 新しいメッセージ（）。
        message.setContent（コンテンツ）。
        message.setName（pl.getName（））。
        リターン・メッセージ。
    } 
}