測試平台系列 10 編寫註冊頁面

2022-06-26 05:27:09 字數 2006 閱讀 9927

上一節課我們已經編寫好了登入頁面,使用者也可以正常登入了,不過我們不能讓使用者不能註冊呀,而且註冊也不能完全靠介面去做,前端也需要提供頁面進行操作的。

我們的目的是,把這裡的手機號登入改為註冊,並提供對應的輸入框。

首先進行名字上的修改:

前端就是這個好,所見即所得,咱們來看看登入頁面的效果:

按照上圖的格式,新增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...