// src/components/login/map
export
default
/>
,//預設的內容提示
placeholder:
'admin',}
,//驗證資訊
rules:
}}
// src/pages/user/login
import react,
from
'react'
;import
from
'dva'
;import
from
'umi-plugin-react/locale'
;import link from
'umi/link'
;import
from
'antd'
;import classnames from
"classnames"
import login from
'@/components/login'
;import styles from
'./login.less'
;const
= login;
//裝飾器
@connect((
)=>()
)@form.
create()
class
loginpage
extends
component
}//驗證碼換一張時呼叫的方法
reimg=(
)=>
//鉤子函式
componentdidmount()
,}).
then
(res =>);
}handlesubmit
=(err, values)
=>
=this
.state;if(
!err)
=this
.props;
dispatch(,
});}
};render()
=this
.props;
//const =this.props.form
return
(>
onsubmit=
ref=
}>
name=
"username"
placeholder=
"文德數慧科技開發有限責任公司指定賬號"
rules=,]
}/>
name=
"password"
placeholder=
"文德數慧科技開發有限責任公司指定密碼"
rules=,]
} onpressenter=}/
>
name=
"codeimg"
placeholder=
"請根據驗證碼輸入驗證碼資訊"
rules=,]
}/>
], })(
}/>
)}*/
}>
src=
"" onclick=
ref=
/>
>看不清，換乙個<
/a>
<
/div>
>
/>
<
/submit>
<
/login>
<
/div>);
}}export
default loginpage;
Vuejs實戰專案 登陸頁面
1 在view資料夾下建立login資料夾，建立index.vue 代表登入的元件 配置router.js,匯入登入元件 import vue from vue import router from vue router 匯入登入元件 import login from views login in...
PHP MYSQL登陸頁面4
登陸頁面 echo 問題1 為什麼要denglu.php傳到這裡，因為php 獲取的也在這個頁面上啊，問題2 為什麼密碼只乙個，呵呵，這個登陸好嗎，你的使用者名稱 密碼已經儲存好了，登陸合適就可以了呀 為什麼這個頁面也要用session技術，因為使用者登入後沒退出下次登陸到這個頁面也是登陸後頁面哈，...
使用bootstrap的登陸頁面
這裡使用的是使用比較流行的自舉完成的登陸介面 執行主要截圖以及 如下 主要css charset utf 8 grad logindiv hint title 主要頁面 選課管理 使用者名稱或密碼錯誤。登陸 div name username name password focus function...