使用python和tornado实现多人网页聊天程序--界面

标题使用python和tornado实现多人网页聊天程序

上一个文章给出了后端python的全部代码，那现在就到所有的页面处理了。
上面提到的几个页面分别有：
1.登录页面
2.注册页面
3.聊天室首页面
并且呢，聊天室界面点击之后会有很多其他功能：

• 聊天室编号：显示当前所有聊天室，用户点击后将直接进入聊天页面。
  创建新的聊天室：用户可以选择创建新的聊天室，点击后进入聊天室设置（设置聊天室名字）。
• 刷新页面：当前有人创建了新的聊天室，但对于其他用户停留在主页面时，需要刷新才能显示出新的聊天室。
• 退出登录：点击后，用户退出登录，将进入登录界面。可以选择更换账号登录。
  聊天页面。用户选择聊天室，进入聊天页面，功能上用户可以发送消息，可以选择回到主 页面再选择聊天室。
• 创建新的聊天室。用户选择创建新的聊天室，进入设置页面，设置新的聊天室名字，创建后直接返回用户的主页面，并把所有聊天室显示出来。

4.出错页面。前面提到的错误在出错页面可以将错误信息显示出来，通过自动跳转，回到指定的路由url

1.登录页面html：

    
    


        
        
登录聊天界面
        

        

            

        账户：


        
        

            密码：

        

        

        

        

            
            
        
        

            

            新用户请先注册
        
    
    
欢迎来到聊天界面！

2.注册页面html:

    
    


        
        
新用户注册
        

        

            

        账户：


        
        

        密码：


        
        

        确认密码：

        
        


        

            

            
        
    
    

注册成功html

    
    
    


        
           
{{info['info']}}
    

3.聊天室首页面:
包含几个html：
basic.html

    
    


        
欢迎！{{id}}
        切换账号
        
            

                
{{session }}的聊天室
            

                {%for room in rooms%}
                    聊天室-{{room}} 

                {%end%}
            
                

                创建新的聊天室
                    


                点击刷新
            
        

home.html

    
    



    
{{id}}已登录
    我的主页面
    
    

        
聊天室-{{ n }}!
        
        
        
        

            
        

        

            
            发送

            返回
            
        
    

create.html

    
    


        
        
{{id}} 已登录
        

            

            
    
    

出错页面html：

    
    
    


        
        
            
            
{{info['errorcontnet']}}

           
{{info['info']}}
    

html写的不是很好，粗暴简单，但是功能实现了，想美化的可以自己改哦~
html学习可以到3wschool网站上学习的。

不要只想着拿别人的代码直接完成，重要的是学习的过程，要记得多学~不要照搬哦。
我写的不完美，我也会再学学的。
资源下载：https://download.csdn.net/download/qq_41356456/11165964
感谢你的浏览~欢迎留言点赞！