页面实现

一、登录，注册模块

1，用户通过在页面中输入用户名，密码来登录，登录成功后即跳转到图片上传的页面。通过点击Register也可以跳转页面使用用户名和密码注册用户。

（1）登录模块

	

	













 
 
Picture Managment System

	
 
		

			 
			 
			 
		
			
 
	

		
	
	

		
		
		

			
		
		

			
		
	

（2）注册模块

    
    
    
    
    
    
    
    
    
    
    




Picture Managment System

    
 
    

         
         
         
    
    
 
    

        
    

    

        
        
        

            
        
    

二、图片上传页面，页面需要动态的显示用户的图片，查看图片的属性的响应为application/json格式，使用JavaScript来查看图片获取图片属性后，使用Vue来构建HTTP请求来查看图片内容，实现对图片的动态显示。

1，使用Vue渲染来动态显示图片

 
 
 
 
 
 
 
  
 
{
    {image.imageName}}
 
 
 
 
 
 
 

2，使用Script来获取图片属性

[点击并拖拽以移动]
​

三，显示根据时间查询后的图片

1，根据文本框输入的时间来查询图片，点击查询按钮实现页面跳转，跳转页面通过JavaScript获取url来动态的查询图片，使用Vue来显示图片

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    





    

        
        
Pictrue Managment System
    






    导航切换 
    

        

        
            

                返回
            
    





    

        

            

                
                
{
    {selImage.imageName}}
                删除