上一節課我們已經編寫好了登入頁面,使用者也可以正常登入了,不過我們不能讓使用者不能註冊呀,而且註冊也不能完全靠介面去做,前端也需要提供頁面進行操作的。
我們的目的是,把這裡的手機號登入改為註冊,並提供對應的輸入框。
首先進行名字上的修改:
前端就是這個好,所見即所得,咱們來看看登入頁面的效果:
按照上圖的格式,新增4個字段: 使用者名稱、姓名、郵箱、密碼。
為了方便起見,我就沒有設定二次確認密碼,和郵箱格式校驗,這個在正常的web系統都是必不可少的,但是我們是乙個快餐,哈哈哈。能省則省,經費有限
。
完整**:
}
name="username"
placeholder="請輸入使用者名稱"
rules=
]}/>,}}
name="name"
placeholder="請輸入姓名"
rules=
]}/>,}}
name="email"
placeholder="請輸入使用者郵箱"
rules=
]}/>
,type: 'password'
}}name="password"
placeholder="請輸入使用者密碼"
rules=
]}/>
)}
因為之前提交函式都是用來登入的,這次我們需要type='register'的時候註冊,而type='account'的時候登入。
首先是呼叫註冊方法,如果成功則回到登入頁面,失敗則輸出錯誤資訊。
注意,這裡的settype就是index.js中的settype方法,因為dispatch不返回結果,所以我們把改變狀態的方法傳入,在effects中進行改變
上面說到,我們提交有時候是註冊 有時候是登入,所以我們需要修改一下:
第一處就是要修改這裡的values,之前是取出username和password,而現在我們需要全部欄位的值,所以直接取到values即可。
注釋: 這裡values其實是表單的所有值,是乙個map,比如values可能是這樣的形式。
接著改造onfinish方法,也就是提交的實際呼叫方法:
可以看到,我對type進行了判斷,如果是account則呼叫login/login方法,否則呼叫login/register方法。這裡把settype也傳遞了進去。
我們通過全域性搜尋都替換成pity
。
註冊頁面的編寫(css html)
在web inf下方的image中用於剛入門的小白實戰練習應該很是不錯 doctype html utf 8 xinggou title 引入regist.css樣式表檔案 stylesheet href regist.css head 頭部分 header 第一行 歡迎註冊 span div 第二...
django測試平台開發,註冊
1 先建表 建立建立使用者 角色 許可權表 註冊使用md5加密,可以寫入tools.py import hashlib def md5 s md5 m hashlib.md5 s.encode return m.hexdigest models.py class user basemodel nam...
編寫註冊頁面MD5加密時要注意的問題
今天編寫登陸頁面,除錯半天,總是讀取密碼方面有問題,開始以為是md5加密方面的問題,後來發現原來是昨天編使用者註冊頁面時,用了這個 mycommand.parameters.add new sqlparameter user pwd sqldbtype.nvarchar,11 mycommand.p...