引入模版

pom.xml

@@ -27,6 +27,10 @@
             <artifactId>mybatis-spring-boot-starter</artifactId>
             <version>2.2.2</version>
         </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-freemarker</artifactId>
+        </dependency>
         <dependency>
             <groupId>com.alibaba</groupId>
             <artifactId>druid</artifactId>

src/main/java/app/bcms/jchat/web/ChatController.java

@@ -1,10 +1,13 @@
 package app.bcms.jchat.web;
 
-import com.alibaba.fastjson.JSONObject;
 import org.springframework.stereotype.Controller;
+import org.springframework.ui.Model;
+import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.ResponseBody;
 
+
+
 import javax.servlet.http.HttpServletRequest;
 
 /**
@@ -18,21 +21,32 @@ public class ChatController {
      * @return
      */
     @RequestMapping("/chat")
-    @ResponseBody
+    public String home(Model mv, HttpServletRequest request){
-    public String home(HttpServletRequest request){
+        String roomId=request.getParameter("room_id");
-        //获取各种参数
+        String toid=request.getParameter("toid");
-        JSONObject json = new JSONObject();
+        String usid=request.getParameter("usid");
-        json.put("params",request.getParameterMap());
+        //
-//        json.put("header",request.getHttpServletMapping());
+        mv.addAttribute("room_id",roomId);
-        return json.toString();
+        mv.addAttribute("toid",toid);
+        mv.addAttribute("usid",usid);
+
+        return "chat";
     }
 
     /**
-     * 需要建立一个模版文件
+     * 保存记录
+     * @param request
      * @return
      */
-    @RequestMapping("/test")
+    @ResponseBody
-    public String stest(){
+    @PostMapping("/save_message")
-        return "ok";
+    public String saveRecord(HttpServletRequest request){
+        return "";
+    }
+
+    @ResponseBody
+    @RequestMapping("/chat_record")
+    public String chatRelist(){
+        return "";
     }
 }

src/main/resources/application.properties

@@ -11,3 +11,17 @@ server.port=8090
 # logback日志操作
 logging.config=classpath:logback-spring.xml
 logging.path=./logs/
+# ftl配置
+spring.freemarker.template-loader-path=classpath:/templates/
+spring.freemarker.suffix=.html
+spring.freemarker.cache=false
+spring.freemarker.charset=UTF-8
+spring.freemarker.check-template-location=true
+spring.freemarker.content-type=text/html
+spring.freemarker.expose-request-attributes=false
+spring.freemarker.expose-session-attributes=false
+# 上下文
+spring.freemarker.request-context-attribute=request
+spring.freemarker.settings.template_update_delay=10
+spring.freemarker.settings.default_encoding=UTF-8
+spring.freemarker.settings.classic_compatible=true

src/main/resources/public/chat.html → src/main/resources/templates/chat.html

@@ -88,6 +88,7 @@
     </div>
 </div>
 <script type="text/javascript">
+    var aa ="${ctx}"
     if (typeof console == "undefined") {
         this.console = {
             log: function (msg) {
@@ -98,17 +99,10 @@
     var ws;
 
     function connect() {
-        //ws = new WebSocket("ws://{$sysconfig['gateway']}");
+        ws = new WebSocket("ws://127.0.0.1:8090/jchat");
-        ws = new WebSocket("wss://cs.btcaholic.com/ct");
+        //ws = new WebSocket("wss://cs.btcaholic.com/ct");
         ws.onmessage = onmessage;
 
-        // ws.onopen = function(){
-        //     if (ws.readyState===1) {
-        //         ws.send();
-
-        //     }
-        // }
-
         ws.onclose = function () {
             console.log("reconnct timer.");
             // setTimeout(function(){
@@ -218,15 +212,15 @@
 
     //
     function save_message(data) {
-        $.post("{:url('Index/save_message')}", data, function (data) {
+        $.post("v2/save_message", data, function (data) {
             //do nothing
         });
     }
 
     $(function () {
-        $.post("{:url('Index/chat_record')}", "foid={$chat_user}&room_id={$room_id}", function (data) {
+        $.post("chat_record", "foid=${toid}&room_id=${room_id}", function (data) {
             for (var i = 0; i < data.length; i++) {
-                if (data[i].fid !== '{$room_id}') {
+                if (data[i].fid !== '${room_id}') {
                     $(".chat-content").append('<div class="heisay"><img class="portrait" src="/static/css/chat/img/0.jpg"><div class="say_content"><p>Customer Service' + data[i].time.substr(10, 9) + '</p><span>' + data[i].content + '</span></div></div>').parseEmotion();
                 } else {
                     $(".chat-content").append('<div class="mysay"><p>Me&nbsp;' + data[i].time.substr(10, 9) + '</p><span>' + data[i].content + '</span></div>').parseEmotion();
@@ -237,12 +231,3 @@
         });
     })
 </script>
-<script type="text/javascript">
-
-    // document.addEventListener('dblclick', function(e) {
-    //     e.preventDefault();
-
-    // }, { passive: false });
-
-</script>
-</script>