Ant Design Pro 新增頁面強化學習

2021-10-03 05:10:26 字數 2703 閱讀 2676

一、在router.config.js中新增新的頁面(新增)

,

//insert,],

}

二、在pages中建立資料夾requirement

1、建立js檔案,布置頁面

import react,  from 'react';

import from 'dva';

import from 'antd';

const formitem = form.item;

const = select;

@connect(() => ())

@form.create()

class reqsubmit extends purecomponent ;

/*** 提交函式

*/handlesubmit = e => = this.props;

e.preventdefault();

form.validatefields((err, fieldsvalue) => ,

});});

};// 渲染函式

render() ,

} = this.props;

const formitemlayout = ,

sm: ,

},xs: ,

sm: ,

md: ,

},};

const submitformlayout = ,

sm: ,

},};

getfielddecorator('keys', );

return (

title="資料增加測試"

content=""

>

);}}

export default reqsubmit;

2、建立models檔案,js檔案連線service介面和頁面(屬於中介軟體)

effects: , ) ,

*submitstepform(, ) );

yield put(routerredux.push('/form/step-form/result'));

} }

三、在service中配置js檔案,請求傳送方

export async function insertrequirement(params) );
四、在requirement中的models中建立js檔案,配置新增方法(effects和reducers中都需要配置)

import  from 'antd';

import from '@/services/req';

export default ,

effects: , ) ,

},reducers: ) ;

},},

};

五、在springboot後台的resources中,修改xml檔案

insert into req_requirement( 			mulumingcheng, 			shnqingziduan,

shenqingliyou, shixiangmincheng, yingyongchangjing,

shiyongfangshi, shujuxuqiubumen, shujushiyongdanwei,

shujutigongdanwei, lururen, lurushijian,

liuchengzhuangtai, xuqiuzhuangtai, suoshumokuai,

youxianji ) values (

# ,#

,# ,#

,# ,#

,# ,#

,# ,# ,now() ,0

,1 ,# ,# )

on duplicate key update

mulumincheng=values(mulumingcheng),

shnqingziduan=values(shnqingziduan),

shenqingliyou=values(shenqingliyou),

shixiangmincheng=values(shixiangmincheng),

yingyongchangjing=values(yingyongchangjing),

shiyongfangshi=values(shiyongfangshi),

shujuxuqiubumen=values(shujuxuqiubumen),

shujushiyongdanwei=values(shujushiyongdanwei),

shujutigongdanwei=values(shujutigongdanwei),

lururen=values(lururen), lurushijian=values(lurushijian),

liuchengzhuangtai=values(liuchengzhuangtai),

xuqiuzhuangtai=values(xuqiuzhuangtai),

suoshumokuai=values(suoshumokuai), youxianji=values(youxianji)

Ant Design Pro 運用點滴 4

z turn 開發過程中,有時可以使用本地mock,對於乙個喜歡使用php的我來說,就不免想跨域呼叫一下資料爽爽。但是,官方文件對此寫得不是很多。但是又不是沒寫,只要靜下心,總會找到點什麼。在and design的文件,專案實戰這一節裡,寫了這麼幾行。這個.webpackrc配置不得不讓人注意。沿著...

ant design pro 踩坑之路

新入手react 我司要用螞蟻金服那個框架 從頭開始熟悉。慢慢踩坑之路。實時更新 1.使用靜態檔案資源 2.關閉自帶eslint檢查 找到package.json 檔案 刪除裡面的 pre commit npm run lint staged 3.proxy proxy裡面的 的千萬不要和你的位址裡...

輕鬆玩轉Ant Design Pro一

ant design pro 於ant design,其是一段自帶樣式的react元件,用於企業後台的漂亮的,可控的元件。ant design有很多元件和樣式,不可能所有都記住,我們只要記住常用的,遇到不常用的,學會查文件就可以了 因為ant design很強大,阿里有些大神就直接將ant desi...