彩蛋 caidan( 二 ) _生活百科

文章插图

保存开发结果，返回之前项目本地运行的浏览器，则页面自动刷新显示最近设计结果

文章插图

注意实际项目开发中，这个菜品类别名称是放于数据库中的，在此直接查询数据库中对应字段传入值即可而非用常量开发操作演示

文章插图

菜单列表
当用户点击左侧某个菜品名称时，我们在右侧列表显示该类别的菜单双击元件进入以下位置：“菜单”页Content/Content Pane，模板默认中已添加了一个“List列表”显示元件，我们用来显示多个菜单双击进入List元件，将List Item 1重命名为“菜单项目”如果双击进入“List列表”，可以有一个图片元件和列元件，列元件中有字符显示元件显示标题和详情内容，我们用此来显示菜名等信息双击元件外部退出，进入以下位置：“菜单”页/Content/Left Menu/Menu Item/<On Click>，<On Click>是用户点击菜品标题时触发的点击事件行为逻辑开发的位置同之前菜品设计，菜单信息也应由数据库保存，查询后显示在菜单区，这里我们还是添加常量处理菜单信息：在<On Click>元件中，添加一个按钮的父级引用对象，用来获取按钮的名称（也就是菜品名称）· 父级对象添加方式：右键单击，在弹出的菜单中选Add Ancestor Refference---Menu Item添加一个“Branch是哪些值”元件---从开发工具右侧流程控制类元件中点选，在开发区点击放入或英文输入法下用快捷键“b”将按钮父元件中的“Caption”与此元件的输入元件连线传值，用于判断输入值是什么菜品，不同菜品再显示不同菜单对“Branch是哪些值”元件两个默认输出元件重命名为“凉菜”和“炒菜”，选中元件按F2进行重命名处理可以添加更多输出元件命名为“主食”、“点心”和“饮料”，我们实际只开发之一个菜品的显示菜单内容，输出元件用快捷键“e”调用点击右侧靠边框位置添加添加一个名称为“liangcai”的普通行为处理元件---用快捷键“a”；为其添加一个Control控制输入元件---选中行为元件，右键单击在弹出的菜单中选Add Element---Control将“凉菜”输出元件与Control输入元件连线---按快捷键“f”来调用连线传值元件

文章插图

“liangcai”普通行为处理元件，设计点击此名称按钮时，在右侧显示的菜单信息：双击进入“liangcai”元件添加一个Content的父级引用对象先从选项板顶部元件中点选

文章插图
“Remove删除对象”元件，将Control与Content的父级引用对象中的List下的“菜单项目”相连来删除旧的菜单信息· 注意单线连接，但是删除所有菜单的多个显示对象添加两个字符常量，名称分别为“花生”、“木耳”添加一个名称为“生成显示菜单”的普通行为处理元件，添加一个输入元件命名为“菜名”；添加一个输出元件命名为“菜单”；修改“生成显示菜单”为复数状态---选中，右键单击在弹出菜单中选“Repetitive”将“花生”、“木耳”连线传值给“菜名”输入元件，将“菜单”输出元件与Content的父级引用对象中的List下的“菜单项目”相连

文章插图

“生成显示菜单”中逻辑开发：单击选中“菜单”输出元件，然后右键单击在弹出的菜单中选Show in Repository Explorer，在开发工具左侧项目目录中有已添加的元件对象选中目录区中对象拖入开发区右侧用连线传值方式将拖入的数据类型对象“菜单项目”与“菜单”输出元件相连用连传值值方式蒋“菜名”输入元件与拖入的数据类型对象“菜单项目”下Details/Title/<Value>相连，来传入新的菜单名称保存开发结果，返回浏览器，浏览器自动刷新显示最新内容，显示两个菜名