本文共 4092 字，大约阅读时间需要 13 分钟。

参考

项目结构

commons

admin

• login.html

   			
   
			
    			
    
请登录
			
    			
    
			
    账户名			
    			
    Password			
    			
    登录		
   
	

• index.html

• list.html

   			
   		
   		
   
		
   
			
    
				
     				
     
				
     
					
      
添加新用户
					
      
						
       
							        
          
           
#
           
姓名
           
性别
           
出生日
           
操作
          
         
							        
                                        
           
           
[[${user.username}]]
           
           
           
 编辑 删除 
          
         
						       
					
      
				
     
				
     				
     
					
      				
     
			
    
		
   
		
   
			

• add.html

			
   		
   		
   
		
   
			
    
				
     				
     
				
     
					
      
						
       						
       						
       						
       						
       
							
        名称							
        						
       
						
       
							
        密码							
        						
       
						
       
							
        Gender
        
							
        
 
          
         男 
        
							
        
 
          
         女 
        
						
       
						
       
							
        Birth							
        						
       
						
       添加					
      
				
     
			
    
		
   
		
   
	

css

• signin.css

html,body {
     height: 100%;}body {
     display: -ms-flexbox;  display: -webkit-box;  display: flex;  -ms-flex-align: center;  -ms-flex-pack: center;  -webkit-box-align: center;  align-items: center;  -webkit-box-pack: center;  justify-content: center;  padding-top: 40px;  padding-bottom: 40px;  /*background-color: #f5f5f5;*/}.form-signin {
     width: 100%;  max-width: 330px;  padding: 15px;  margin: 0 auto;}.form-signin .checkbox {
     font-weight: 400;}.form-signin .form-control {
     position: relative;  box-sizing: border-box;  height: auto;  padding: 10px;  font-size: 16px;}.form-signin .form-control:focus {
     z-index: 2;}.form-signin input[type="email"] {
     margin-bottom: -1px;  border-bottom-right-radius: 0;  border-bottom-left-radius: 0;}.form-signin input[type="password"] {
     margin-bottom: 10px;  border-top-left-radius: 0;  border-top-right-radius: 0;}

• dashboard.css

body {
     font-size: .875rem;}.feather {
     width: 16px;  height: 16px;  vertical-align: text-bottom;}/* * Sidebar */.sidebar {
     position: fixed;  top: 0;  bottom: 0;  left: 0;  z-index: 100; /* Behind the navbar */  padding: 0;  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);}.sidebar-sticky {
     position: -webkit-sticky;  position: sticky;  top: 48px; /* Height of navbar */  height: calc(100vh - 48px);  padding-top: .5rem;  overflow-x: hidden;  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */}.sidebar .nav-link {
     font-weight: 500;  color: #333;}.sidebar .nav-link .feather {
     margin-right: 4px;  color: #999;}.sidebar .nav-link.active {
     color: #007bff;}.sidebar .nav-link:hover .feather,.sidebar .nav-link.active .feather {
     color: inherit;}.sidebar-heading {
     font-size: .75rem;  text-transform: uppercase;}/* * Navbar */.navbar-brand {
     padding-top: .75rem;  padding-bottom: .75rem;  font-size: 1rem;  background-color: rgba(0, 0, 0, .25);  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);}.navbar .form-control {
     padding: .75rem 1rem;  border-width: 0;  border-radius: 0;}.form-control-dark {
     color: #fff;  background-color: rgba(255, 255, 255, .1);  border-color: rgba(255, 255, 255, .1);}.form-control-dark:focus {
     border-color: transparent;  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);}/* * Utilities */.border-top {
    border-top: 1px solid #e5e5e5; }.border-bottom {
    border-bottom: 1px solid #e5e5e5; }

问题日志

• 使用input type = data 传送数据给后端出错

	1. 传送数据到后台的格式为yyyy-mm-dd	2. 页面显示效果 yyyy/mm/dd	3.  value 设置格式为yyyy-mm-dd

转载地址：http://vhden.baihongyu.com/