使用webSocket实现页面快乐的聊天.No2

第二篇来写一些页面逻辑,上一篇写了一个简单的页面。现在修改一下,使更符合实际的业务场景。大致的思路应该是,注册→用户登录→聊天场景。
在这里我们省去注册步骤,因为注册需要结合业务,权限等,那我们先做个简单的登录页面index.html:




    chart
    
    
    
    


输入用户名进入聊天室

看一下页面效果:


index.html

紧接着根据登录后跳转聊天页面的场景,修改ChartController.java:

@Controller
@RequestMapping("/webSocket")
public class ChartController {

    @RequestMapping(value = "/init")
    public String chart(String userName,Model model){
        model.addAttribute("userName",userName);
        return "socket/chart";
    }

    @RequestMapping("/index")
    public String index(){
        return "socket/index";
    }
}

很明显,我们的思路是让index.html提交的用户名值传递到chart.html:


index.html

ChartController.java

chart.html

你可能感兴趣的:(使用webSocket实现页面快乐的聊天.No2)