學(xué)員手冊-WEB開發(fā)-綜合版

培訓(xùn)教材手冊

一客戶化開發(fā)

UAP63WEB輕量化開發(fā)

用友軟件股份有限公司

2014年

版權(quán)

版權(quán)所有：用友軟件股份有限公司?2014。保留所有權(quán)利。

沒有用友軟件股份有限公司的特別許可，任何人不得以任何形式或?yàn)槿魏文康膹?fù)制或傳

播本文檔的任何部分。此外，本文檔及其內(nèi)容僅供您自己使用，沒有用友軟件股份有限

公司的明確許可，不得出租、轉(zhuǎn)讓或出售本文檔及其內(nèi)容。本文檔包含的信息如有更改,

恕不另行通知，

目錄

一、新建WEB工程4

1.新建Web工程:4

3.新建業(yè)務(wù)組件:6

4.啟動工程:11

二、發(fā)布元數(shù)據(jù)12

三、創(chuàng)建功能節(jié)點(diǎn)14

1.設(shè)置工程前綴14

2.創(chuàng)建Application：15

3.新建流程大類:17

4.模式化生成Window19

四、發(fā)布功能節(jié)點(diǎn)25

五、查詢模板設(shè)計31

六、流程設(shè)計33

七、創(chuàng)建PORTAL頁面34

八、分配功能權(quán)限36

1.職責(zé)設(shè)置36

2.角色設(shè)置37

九、效果呈現(xiàn)39

十、業(yè)務(wù)擴(kuò)展開發(fā)39

1.調(diào)整數(shù)據(jù)項(xiàng)內(nèi)容39

2.修改表格列寬度40

3.修改表格列編輯類型和洎染類型41

4.修改數(shù)字型顯示精度41

5.增加必輸項(xiàng)42

6.修改數(shù)據(jù)項(xiàng)是否可編輯42

7.新建報銷單時增加默認(rèn)數(shù)據(jù)42

8.子表金額門動累加到主表合計金額45

9.增加表格列下拉選項(xiàng)47

10.修改參照屬性（“費(fèi)用承擔(dān)部49

十一、非模式化開發(fā)50

流程同上

十二、自由表單開發(fā)148

一、新建業(yè)務(wù)對彖分類148

二、業(yè)務(wù)對象管理149

發(fā)布元數(shù)據(jù)150

四、發(fā)布功能節(jié)點(diǎn)151

五、權(quán)限分配151

方、效果展示152

七、表單配置153

幾個性化布局權(quán)限分配157

九、個性化布局效果展示158

十、課后練習(xí)158

新建Web工程

LFW新建的工程以及組件的步驟如下:

1.新建Web工程：

第1步：選擇［項(xiàng)目］

新建(W)?灣Java項(xiàng)目

rj項(xiàng)目⑻…

顯示位置(W)Alt+Shift+W?

由包

復(fù)制(C)Ctrl+C

@類

復(fù)制限定名(Y)

Qr接口

施粘貼(P)Ctrl+V

X刪除(D)刪除

茲注釋

也導(dǎo)入(!)“.

匕導(dǎo)。)...

3(林Java工作集

8扇新⑹F5O文件夾

蒿無標(biāo)題的文本文件

旨川nit測試用例

PJ示^兇…

其他(O)“.Ctrl+N

第2步，選擇(WEB開發(fā)卜,［LFW工程］

第3步：工程名利模塊名均輸入Ifwdemo,點(diǎn)擊完成即可

2.Module模塊數(shù)據(jù)庫注冊

insertintomd_module(createtime,creator,description,displayname,di;help,id,

isactive,modifier,modifytime,name,parentmoduleid,resid,ts,versiontype)

values(,2012-10-0109:00:00','yonyou','Ifwdemo','web培訓(xùn)'，0,"Ifwdemo',

,Ifwdemo','Y；'yonyou",,2012-10-0109:00:00；'Ifwdemo',null,null,,2012-10-01

09:00:00；0);

3.新建業(yè)務(wù)組件;

第1步：選擇項(xiàng)目

/Java-UAP-

文件(F)編輯(E新建(W)?1彥Java項(xiàng)目

口項(xiàng)目(R)...|

jF3-EIB

儲包資源管理含在新宏口中打開(N)由包

打開類型層次結(jié)構(gòu)

1>(C7Ifwderrn(N)F4G類

顯小位置(W)Alt+Shift+W?G接口

G嬌

BB1復(fù)制(C)Ctrl+C

?的

復(fù)制隈定名(Y)

能源文件央

倡粘貼(P)Ctrl+V

SJava工作集

X刪除①)刪除

C5文件夾

構(gòu)建蹌徑(B)?

B文件

六題

S)Alt+Shift+S?j無毋塞的文本文件

重構(gòu)(T)Alt+Shift+T?旨川nit測試用例

也導(dǎo)入⑴...門示^兇...

4導(dǎo)出(0)...

其他(O).“Ctrl+N

FindBugs?

第2步：選擇［WEB開發(fā)”［業(yè)務(wù)組件］

第3步：組件名利顯示名稱均輸入bx

完成后的Java視圖工程目錄:

-0Ifwdemo

0bx/src/portalspec

0bx/src/public

0bx/src/client

兇bx/src/private

0bx/fesources

0bx/src/test______

MJRE至統(tǒng)庫ijdkl.6,0_10]

t>』Product_Common_Library

t>0Middleware_Library

t>*Framework_Library

t>aModule_Public_Library

t>0Module_Client_Ubrary

t>aModuIe_Private_Library

t>aModule_Lang_Library

/■bx

&META-INF

&METADATA

0src

■&web

0&WEB-INF

&Ifwdemo

t>&META-INF

xmanifest.xml

完成后的LFW開發(fā)視圖工程目錄:

一yIfwdemo[Ifwdemo]

,月模塊文檔

g碘姐

鹵其他文檔

」品bx

日如

9業(yè)務(wù)模型

畫源自

回ui

回敬

叵皂口

回公共視圖

回參典

>且流程

>.周模板

國功能發(fā)布

二]多語資源

t>3配置

出Portal配置

電安裝盤配置

②PublicViews

4.啟動工程:

第1步：[調(diào)試方式卜＞[LFW中間件],來啟動工程

運(yùn)行方式(R)

調(diào)試石式(D)?北11FW中潮牛

Validate甌2JavaAppletAlt+Shift+D,A

邀ImportRPCWSDLm3JavaAlt+Shift+D,J

移除業(yè)務(wù)組件Ju4JUnit測試Alt+Shift+D,T

轉(zhuǎn)成項(xiàng)目模塊

調(diào)試配置(B)...

X轉(zhuǎn)化為集成項(xiàng)目

成功啟動后的控制臺信息:

g藺^日志已控制臺溢

lfwdemoServer[配置幣旬D:\workdir\Java\|dkl.6.010\bin\javaw.exe(2012-10-18下午01:30:：

VX4.'XVXUAQ?UXJ?UJLg?GtpclJ“U?JGl?UJJL，?jyOUGlXV

信Thestart()methodwascalledoncomponent[Realm[Simple]]aft

ESAServerstarting

E5AServersuarced:22198

2012-10-1813:30:57org.apache.coyote.Abstractprotocolstart

信息：StartingProtocolHandler[Mhttp-bio-localhost/127.0.0.1-80"]

,2012-10-1813:30:570rq.apache.tompac.granite.SrightTomcatstare

[信息：Serverstartupin33678ms

第2步：打開瀏覽器，地址欄輸入http:〃localhost/portal/,輸入集團(tuán)管理員用戶名和密

碼

EnterprisePortal

登陸后如下:

用反企業(yè)門戶

二、發(fā)布元數(shù)據(jù)

元數(shù)據(jù)從開發(fā)案例中拷貝

步驟如下：

第1步：根據(jù)我們提供的TrafficExpens元數(shù)據(jù)文件，將“TrafficExpense.bmf”文件放入

bx業(yè)務(wù)組件的“METADATA”文件夾中，如下圖，放完后，刷新一下工程。

爹Ifwdemo

Jbx/src/public

四bx/src/client

0bx/src/private

由bx/src/test

ebx/src/portalspec

由bx/resources

*JRE[jdkl.6.0J0]

0Product_Common_Library

4Middleware_Library

4Module_Public_Library

■jiModule_Client_Library

彩bx

Bclasses

6META-INF

&METADATA

[MIitfbxd.bmf

TrafficExpense.bmf

昌web

&META-INF

0METADATA

_?*,＜一■A".?*一

第2步切換到uapmdp透視圖，如果看不到刷新一卜.即可，雙擊打開元數(shù)據(jù)設(shè)計器:

注意：要實(shí)現(xiàn)Web工程的流程，必須實(shí)現(xiàn)上面的2個接口.元數(shù)據(jù)模型已經(jīng)加上了，接

口是：“協(xié)同流程信息獲取、回寫”接口，以及IBDObject接口，同時實(shí)體還要設(shè)置

“業(yè)務(wù)接口屬性映射”。

第3步：發(fā)布元數(shù)據(jù)、生成Java源代碼既是模型類、生成sql腳本并執(zhí)行:

第4步：關(guān)閉中間件，并重啟。

三、創(chuàng)建功能節(jié)點(diǎn)

切換到LFW項(xiàng)目開發(fā)透視圖，來進(jìn)行操作

1.設(shè)置工程前綴

第1步：右鍵項(xiàng)目，選擇設(shè)置工程模塊前綴

?國Ifwdemo[Ifwdemcl

＞君模塊西啟動中間件

■位bx[bx]恐她務(wù)組件

設(shè)置工程模塊前綴

畫源碼

.回U!

回敬

WINDOW組件

PUBUCVIEW組件

回參照

Ifwdemo

?口功能發(fā)布ESASer

2013-1€

":lo

＞圈模板

2013-1G

＞d多語資源勺更：lo

?望配置2013-1C

?*:de

t＞更）Portal配置

2013-1€

上安裝盤配置":ch

2013-1G

，昌引用項(xiàng)目■??:wo

2013-1€

第2步：這只包前綴，填寫：nc.demo

2.創(chuàng)建Application：

第1步：右健應(yīng)用，選擇新建應(yīng)用

，01Ifwdemo[Ifwdemo]

＞月模塊文檔

一品bx[bx]

回西

＞9業(yè)務(wù)模型

固源碼

」回UI

國會J____________________

?回WIf\口新建應(yīng)用

囪局新卜

t>回PUB

I1：!，煦Ifwder

t＞噸功昌級布ESAS

?流程2013-

es：

?■觸

2013-

t＞舊多語資源?e：

t＞二配置2013-

普吉:

t＞%Portal配置

2013-

3安裝盤配置

3汝城配置2013-

：

t＞&引用唄目

2013-

*e：

2013-

第2步：id和名稱輸入：jtfbxd

創(chuàng)建完成:

?【下]Ifwdemo[Ifwdemo]

自觸文檔

,.bx[bx]

后文檔

09業(yè)務(wù)模型

畫源碼

,回UI

|^2jtfbxd(jtfbxd]

>?控制類

i>:WINDOW組件

>國PUBUCV1EW組件

回參契

Q功能發(fā)布

D入流^

>圈模板

>d多語資源

>望配置

0批Portal配置

3安裝及配置

>引用項(xiàng)目

3.新建流程大類:

第1步：右健流程，選擇新建流程大類

/WIHvdemo[Ifwdemo]

＞同模塊文檔

一及bx[bx]

色西

t＞3業(yè)務(wù)模型

畫源請

」回UI

“回應(yīng)用

＞回WINDOW組件

＞回PUBLICVIEW組件

回參照

t＞及功能發(fā)布

用流程

t＞::模板口新建流程大類

,日冬

?3配置

＞社）Portal配置

3安裝圭配置

3軟域s謂

＞色引用項(xiàng)目

第2步：輸入編碼:jtfbxdflow,名稱:交通費(fèi)報銷

建好后:

3Ifwdemo[Ifwdemo]

,總模塊如

/曷bx[bx]

呂文檔

9遁麝

畫源碼

，回UI

＞回靖

＞國WINDOW組件

「。]PUBLICVIEW組，牛

回參第

氣功能發(fā)布

，入流程

交通費(fèi)報銷

4.模式化生成Window

第1步：右鍵應(yīng)用jtfbxd,選擇模式化向?qū)?/p>

■密Ifwdemo[Ifwdemol

r*啟模塊文檔

/品bx[bx]

宮妗

03業(yè)務(wù)模型

畫源瑪

■回UI

一回應(yīng)用

＞幽jtfbxd(itfbxd)

＞回WINDOW組件模式化向?qū)?/p>

0回PUBUCVIEW組仕口功初覽

回參照?編軟應(yīng)用

?腎功能發(fā)布圄打開模型配置文件

■R流程X刪除應(yīng)用

M交通費(fèi)報銷—

＞隨模板

t＞目多會源

?望配置

t＞由Portal配置

3安裝盅配置

第2步：在彈出的依模板創(chuàng)建window中選擇主子列表流程模板，如卜圖

第3步：選擇jtfbxd元數(shù)據(jù)模型

第4步：流程大類選擇交通費(fèi)報銷

第5步，組件id：填寫nc.lfwdemo.bx,其他不動

第6步：選擇完成即可

回區(qū)

依模板創(chuàng)建window

航添加的文件G息

將創(chuàng)M如下文件

D:/workspace/1fwdemo/bx/web/html/nodes/nc/lfwdemo/bx/jtfbxdJistvrtn/main/uimeta.um

D:/work$pace/1fwdemo/bx/web/html/nodes/nc/lfwdemo/bx/jtfbxd.cardwin/mainAvidg?twd

DVwork$pdce/1fwdemo/bx/web/html/node$/nc/lfwdemo/bx/jtfbxd-cardwin/main/uime:a.um

DVwork$pace/1fwdemo/b)7v*cb/html/node5/nc/lfwdemo/bx4tfbxdJi$tvHn/pagemeta.pm

D:/workspace/1fwdemo/bx/web/html/nodes/nc/lfwdemo/bx/jtfbxdJistvrtn/uimeta.um

D:/workspace/1fwdenK>/bx/web/htnl/nodes/nc/lfwdemo/bx/jtfbxd.listvfln/includeJs

DVworkspace/1fwdemo/bx/web/htm|/nodes/nc/lfwdemo/bx/jtfbxd_cardwin/pagemeta.pm

DVwork$p?ce/1fwdefno/b)7wb/htT^I/nodes/nc/Wwdemo/bx/jtfbxd.cardwin/uimeta.um

Cn/workspace/1fwdefY>o/bx/src/public/nc/demo/bx/jtfbxdptfbxdListWinCtrl.java

D:/work$pace/1fwdemo/bx/src/publ?c/nc/demo/bx/jtfbxd/JtfbxdListWinMainViewCtrl.ja/a

D:/workspace/1fwdemo/bx/src/publk/nc/demo/bx/jtfbxd/JtfbxdCardWinCtrl.java

DVwork$poce/1fwdemo/b^/src/public/nc/demo/bx/jtfbxd/JtfbxdC?rdWinMainViewCtrlJava

D:/workspace/1fwdemo/bx/src/public/nc/demo/bx/jHbxd/wfm/WfmFKvFormOper.java

D：/workspace/1fwdemo/bx/src/public/nc/demo/bx/jtfbxd/wfm/WfmFkvFormVO.java

②］下f(N)>

第7步：在創(chuàng)建完成后，提示是否功能注冊，選擇取消，因?yàn)橄旅嫖覀兺ㄟ^發(fā)布功能求

發(fā)布

第8步：創(chuàng)建完成后，點(diǎn)擊刷新，看一下窗口和視圖創(chuàng)建的樣子。

〔dIfwdemo[Ifwdemo]

目模塊文檔

bx[bx]

W卻

@業(yè)務(wù)模型

畫源碼

13ui

回靖

國jtfbxd[tfbxd]

JWINDOWS件

默認(rèn)組件[annoyuicomponnetj

bx(nc.lfwdemo.bx]

[K]jtfbxd卡片6tfbxd_cardwinJ

i>]main[main]

回pubview_simpleexetask[pubview_simpleexetask]

i>]pubview_approveeexetask[pubview_approveeexetask]

控制美

國jtfbxd列表(jtfbxd」istwin]

百main[main]

一回simplequeryfsimplequery]

力]modeorgfmodeorg]

國控制美

回PUBLICVIEW組件

回參照

Java目錄結(jié)構(gòu):

爹Ifwdemo

0bx/src/portaIspec

.?bx/src/public

田nc.demo.bx.jtfbxd

/JtfbxdAppControllerjava

[J|JtfbxdCardWinCtrl.java

JtfbxdCardWinMainViewCtrl.java

[T]JtfbxdListWinCtrl.java

.JjJtfbxdListWinMainViewCtrl.java

田nc.demo.bx.jtfbxd.wfm

.JjWfmFlwFormOper.java

[JjWfmFlwFormVO.java

田nc.vo.demo.bx

0bx/src/client

四bx/src/private

0bx/resources

由bx/src/test

aJRE[jdkl.6.0_10]

aProduct_Common_Library

aMiddleware_Library

■Module_Public_Library

?Module_Client_Library

的bx

&META-INF

Web目錄結(jié)構(gòu):

,料bx

&META-INF

>&METADATA

Qsrc

/0web

」&html

t>&applications

-0nodes

?6nc

■上IfwdernQ

-6bx

J&jtfbxd_cardwin

>&main

區(qū)pagemeta.pm

區(qū)uimeta.um

」&jtfbxdjistwin

t>&main

出pagemeta.pm

於uimeta.um

為component.cp

U!發(fā)布功能節(jié)點(diǎn)

主要做幾件事，新建菜單分類，選擇父菜單，新建模塊，新建功能分類。

步驟如下:

第1步：右鍵功能發(fā)布，選擇手動發(fā)布應(yīng)用

/密Ifvvdemo[Ifwdemo]

>咨模塊文檔

/忌bx[bx]

同文檔

>3業(yè)務(wù)模型

畫源碼

.回UI

0回應(yīng)用

,口WINDOW組件

[■默認(rèn)組件[annoyuicomponnet]

/bx[nc.lfwdemo.bx]

>[K]jtfbxd卡片Qtfbxd_cardwin]

.>[K]jtfbxd歹U表（jtfbxd」istwin]

t>回PUBLICVIEW組件

回參照

與功能發(fā)可

>3

>國模板手動發(fā)布應(yīng)用

>目多語資源

t>?See

0由Portal配置

3安裝宜配置

第2步：主要做幾件事，選擇應(yīng)用，新建菜單分類，選擇父菜單，新建模塊，新建功能

分類，其中選擇應(yīng)用是:jtfbxd,其他的卜面分別講解。

第3步：新建菜單分類：

編碼是：menutype_finance,名稱是：財務(wù)系統(tǒng)

第4步：選擇父菜單，在彈出的時話框中選擇新建，填寫編碼：menu_bx,名稱是：報銷

第5步：新建模塊，編碼，id標(biāo)題都輸入：Ifwdem。

第6步：新建功能分類，編碼：functype_bx,名稱:報銷功能分類

第7步：輸入菜單信息和功能信息：

菜單信息是：編碼：menuJtfbxd,名稱：交通費(fèi)報銷單

功能信息是：編碼：funcjtfbxd,名稱：交通費(fèi)報銷

第8步：發(fā)布完成后

，出Ifwdemo[Ifwdemc]

t>同模塊文檔

/品bx[bx]

這卻

曲業(yè)務(wù)模型

畫源自

?回UI

」嗎功能發(fā)布

W交通費(fèi)報請

。R流程

，噩模板

,國查詢模板

>H交通費(fèi)報銷

?急輸出模板

>H交通費(fèi)報銷

>tl名語資源

?國配置

>史）Portal配置

強(qiáng)引用項(xiàng)目

五、查詢模板設(shè)計

默認(rèn)向?qū)Ъ航?jīng)給生成了查詢模板可以對此進(jìn)行再次修改。步驟如下：

第1步；刷新Ifwdcm。項(xiàng)目，關(guān)閉中間件，然后重新啟動

第2步：以集團(tuán)管理員登陸系統(tǒng)，然后打開系統(tǒng)管理下的代詢模板設(shè)置，如下圖，找到

報銷單

用友企業(yè)門戶

?□

%坨11府?

jiftad-bttvxBj，￡H例最hncqX

美?？">???H2W101

V切愛節(jié)?.Rvlel?4?l?nPttfltttM'-iniaw*接

ply,?WflBnnonxfttbWFA

iixsi.inicccxt小發(fā)打女。

?,?一?，?，》*iifttWlW.ett*ustaa命向*共HA”

wbdc<,0nacccc”號m分工

V械*“務(wù)"H折11230201巷門。

cpJiUlock次片族mi管1107010103g王姬

—

?浮切謙

Q幡網(wǎng)"E模幽8tpM■ftX*父系

簫他卻

MHT天均mr

第3步：選擇編輯條件，來進(jìn)行條件的設(shè)置

用及企業(yè)門戶

3-，產(chǎn)

書

V

總

用中射黃幽K?RE皿

it—ttn艮?文文亶（M3112MM1

Vm器節(jié)點(diǎn).pc<tal?o4sl?glMKM…121XM3)M

pMaa?rM”nii?a?5gr/<a

E“BJE】m”夕?冷都?

iieiMLS姨?幢n?WM魚葉??

■?WM?7*4iitFltXM-iiann

V褥t在向nnosot

制KM策iwrowwi》HE上映

與二忍@1M

GMd父系?1網(wǎng)摩不?mQB父不

a??M

第4步：按卜圖修改缺省條件顯示

款雪自定雙■

1宇及名標(biāo)|推作芬■臼nfl

母

凡MxlxUMl?￡t!????嗚■于后包…

rttWWlHKinD

3?祀馬略可于0包…

Bffi

車詢?il哥行U-聒可于或也一

*mDE

I?況日期介于,于帙于…E

?MiW&n

Dpl_fTR:?于D

D凡“，川片依■等于c

隊承】

ndvba安碉人?與*厚于E

i?UBfid加人叩s■于W

-版承招?位JkbuSMAs等于K

■源于

?期承iu?nfpMa島陽*W?t2'

?個人懼行第戶frd?ptid善用款出也門