ant design 實現乙個登陸視窗

2022-07-22 03:57:12 字數 1023 閱讀 2208

前提：已經完成專案實戰（定義-model）

如果要想實現乙個登陸視窗，首先得有乙個ui，想到的是應該建立乙個元件；有了元件之後，可以考慮直接在實戰的元件中去顯示，或者單獨定義乙個路由，去訪問該路由去顯示（這裡採用路由的方案），最終效果如下：

第一步：在src/components檔案間中，實現：

/**


* created by kunyashaw on 2017/2/28.


*/import  from 'antd';


import react from 'react';


const login = () => ;


export default login;
第二步：在routes目錄中建立login.js

import react from 'react';


import login from '../components/login'


const loginroute = (props) => (


);export default loginroute;
第三步：在router.js中新增路由資訊的配置

首先引入：

import loginroute from './routes/login'

新增路由資訊的設定：

最終**如下：


import react from 'react';


import  from 'dva/router';


import indexpage from './routes/indexpage';


import products from './routes/products';


import loginroute from './routes/login'


function routerconfig() 


export default routerconfig;
此時就已經實現功能了，其他更複雜的在此基礎上修改就可以了。

Django實現乙個登陸首頁

django admin startproject yourproject django.contrib.admin django.contrib.auth django.contrib.contenttypes django.contrib.sessions django.contrib.mess...

乙個簡單的struts登陸

剛開始學struts，以下是乙個是實現小的登入應用。第二，在myeclipse中建立乙個web專案 第三，建立乙個login.jsp登入介面 如下 第三，建立乙個顯示登入資訊的result.jsp頁面 如下 第四，就是要寫乙個loginaction類，放在包com.test.action裡，如下 第...

乙個賬號，防止多裝置登陸

1 在使用者表新增三個字段分別儲存，使用者登入口令 上次登入ip位址 上次登入時間，在登入成功後，生成唯一使用者登入口令，把使用者登入口令 上次登入ip位址 上次登入時間儲存到session，並相應的儲存到使用者表。然後提示使用者 上次登入ip位址 上次登入時間。也可以把ip位址轉為具體地區展示 2...