日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁(yè) > 云知道 > >

caidan 菜單( 三 )

云知道



開(kāi)發(fā)操作演示

顯示菜單圖標(biāo)
為了顯示菜單列表更豐富內(nèi)容，為每個(gè)菜單添加圖標(biāo)雙擊進(jìn)入“生成顯示菜單”元件，用輸入的菜名來(lái)生成圖片路徑信息傳入菜單顯示元件中的圖標(biāo)的路徑值中在開(kāi)發(fā)工具頂部點(diǎn)擊

Search查詢?cè)?nbsp;， 彈窗中輸入Create from Template，找到對(duì)應(yīng)元件后點(diǎn)選然后再點(diǎn)擊OK按鈕放入開(kāi)發(fā)區(qū)，這個(gè)元件是用給定的模板生成字符串結(jié)果，然后為其添加一個(gè)輸入元件命名為“biaoti”添加一個(gè)字符常量元件---從常數(shù)常量類(lèi)元件中選中，在開(kāi)發(fā)區(qū)中需要的位置再次點(diǎn)擊放入元件，重命名中輸入值為“images/${biaoti}.png”，此常量連線傳值到上步添加的模板生成字符元件的<Template>輸入元件用快捷鍵“b”添加一個(gè)“Branch是哪些值”元件，將兩個(gè)輸出元件名稱(chēng)改為“花生”、“木耳”添加兩個(gè)字符常量命名為“huasheng”和“muer.png” ， 連線將“花生”、“木耳”輸出元件分別連至“huasheng”和“muer.png”常量將“huasheng”和“muer.png”常量連線傳值至模板生成字符元件的“biaoti”輸入元件模板生成字符元件的<Text>輸出元件與數(shù)據(jù)類(lèi)型對(duì)象“菜單項(xiàng)目”下Thumbnail/<SRC>相連，傳入生成的圖片路徑使用的是項(xiàng)目文件夾中的圖片路徑下載“huasheng.png”和“muer.png”圖片提前放入項(xiàng)目文件夾下的web/images下注意名稱(chēng)和格式\存放地址我們要用到開(kāi)發(fā)結(jié)果如下圖

保存開(kāi)發(fā)結(jié)果 ， 返回至瀏覽器，自動(dòng)刷新后點(diǎn)擊左側(cè)“涼菜”后顯示為

開(kāi)發(fā)操作演示

顯示的圖片大小不一致且過(guò)大，需要設(shè)定統(tǒng)一大小屬性，可以為T(mén)humbnail設(shè)定樣式類(lèi)屬性定義大?。?在此我們用最簡(jiǎn)單快速的方式設(shè)定顯示大小雙擊進(jìn)入以下元件位置：Content/Content Pane/List/菜單項(xiàng)目/Thumbnail單擊選中Thumbnail圖標(biāo)元件為其添加屬性：可以選中元件后右鍵單擊 ， 在彈出的菜單中選Add Property，或者在屬性區(qū)右上角單屬性添加按鈕圖標(biāo) ， 彈出添加屬性窗口，在屬性名稱(chēng)中輸入“html.style” ， 點(diǎn)擊OK后完成屬性添加開(kāi)發(fā)工具下部屬性區(qū)中就會(huì)有一行名稱(chēng)為“html.style”新屬性出現(xiàn)，在Shared列中對(duì)應(yīng)輸入樣式標(biāo)簽和樣式值“height:80px;width:80px;”，注意輸入時(shí)是英文輸入法以上處理同樣可以用添加“html.height”和“html.width”兩個(gè)屬性的方式處理，Shared列中對(duì)應(yīng)輸入樣式值“80px”

設(shè)置元件樣式屬性的操作演示

在本地瀏覽器刷新瀏覽前，為菜單添加一些標(biāo)題外的描述信息雙擊菜單項(xiàng)目/外部退出至Content元件，雙擊進(jìn)入Content/Left Menu/Menu Item/<On Click>/liangcai/“生成顯示菜單”元件中添加兩個(gè)字符常量，命名為“配料：花生、醋、糖”和“配料：木耳、辣椒、香菜、醋”將“Branch是哪些值”元件兩個(gè)輸出元件“花生”、“木耳”分別連線至剛添加的配料常量，再將配料常量連線傳值至數(shù)據(jù)類(lèi)型對(duì)象“菜單項(xiàng)目”下Details/Description/<Value>

保存開(kāi)發(fā)結(jié)果，返回瀏覽器自動(dòng)刷新顯示最新內(nèi)容

開(kāi)發(fā)操作演示

功能拓展
我們已開(kāi)發(fā)了主要功能 ， 但如果要作為一個(gè)應(yīng)用使用，還需要添加更我功能將菜單和菜品以及菜單用圖片都放入數(shù)據(jù)庫(kù)中，從數(shù)據(jù)庫(kù)中調(diào)用使用需要開(kāi)發(fā)一個(gè)后臺(tái)管理系統(tǒng)處理其中信息的上傳刪除信息修改等維護(hù)工作需要開(kāi)發(fā)另兩個(gè)頁(yè)面內(nèi)容...

推薦閱讀