caidan 菜单


caidan 菜单

文章插图
菜单软件这个案例中我们用几分钟来开发一个菜单软件,是在平板端显示和操作的,可以进行菜单添加维护完整的开发操作演示:

开发的项目案例下载---可以网盘下载案例导入开发工具对应操作演示进行学习开发应用
创建新项目
运行TERSUS开发工具,Windows系统中选名称为Tersus Visual Programming Platform的程序; Mac电脑中运行Tersus程序· 如果是第一次运行程序,则会显示一个欢迎使用的页面,显示如何快速开发一个项目,在页面中添加按钮,弹出“Hello World”的一个信息弹窗;关闭此页面后才能进入项目开发· 注意如果是WIN10系统,需要以管理员方式打开TERUS软件进行无代码软件开发 , 否则会有一个如下的弹窗,提示“Workspace”---开发工具默认的项目文件夹---不能访问(在使用中或不能生成,请选择另一个)

项目文件夹:可以用管理员打开后在工具的菜单栏中选File---Switch Workspace来选择非系统盘的一个文件夹设定为项目文件新建一个项目,命名为“CAIDAN”新建方式:File -> New Tersus Project弹窗中输入项目名称“CAIDAN”项目模板中选“New Mobile Application”点击“Finish”完成新建开发区中显示底层系统显示元件:不同模板中有不同的平台显示块,New Mobile Application模板包括**<Mobile View>、<Tablet View>和<Desktop View>**三个显示块移动端显示块中开发:本项目我们只使用平板端显示块,所以可以删除**和Desktop View**两个显示块 , 删除时直接选中按删除键 , 会提示删除对象是项目中唯一对象,是否同时删除项目文件目录中的文件,可以选是彻底删除减少文件冗余内容,然后可以保存项目更新内容:可以点击菜单栏中的Save按钮、或直接按Ctrl+s快捷键、或菜单中选File -> Save来保存开发操作演示

平板端开发
双击<Mobile View>进入平板端显示块,模板默认已添加了一个主页面,重新命名为“菜单”,主页面介绍请参考“移动端开发用元件”一章“Page显示主页面”一节· 命名方式:点击选中页面,按快捷键F2或右键单击在弹出的菜单中选“Rename”,然后有重命名弹窗出现,在弹窗中输入中文名称即可,最后点击“Finish”关闭弹窗完成重命名添加两个新的主页面,命名为“查询”和“推荐”· 添加方式:在<Mobile View>内任意空白位置右键单击,在弹出的菜单中选Addd Element---Page,此时是可命名状态,直接输入“查询”回车完成新主页面添加· 同样方式添加“推荐”主页面

可以运行查看默认页面的默认设计内容,点击开发工具栏运行按钮

,然后将本地浏览器屏幕缩小为平板大小

菜单页左侧目录/菜品栏设计
菜单页面中,左侧菜品栏应显示各类别菜单的名称的按钮,点击按钮后,右侧内容区显示此类别的菜单列表将左侧默认的Option 1和Option 2类别按钮进行修改并添加更多选项双击元件进入以下位置:“菜单”页/Content/Left Menu删除“Menu Title”---选中后点击删除键,点“Yes”确认删除项目目录中添加的内容减少项目冗余内容双击进入“Init”元件(这是一个预处理名称简写的普通行为处理元件),将字符常量Option 1重命名为“凉菜”· 重命名方式:点击选中常量元件,按快捷键F2或右键单击在弹出的菜单中选“Rename”,然后有重命名弹窗出现,在弹窗中输入中文名称即可,最后点击“Finish”关闭弹窗完成重命名同上重命名Option 2为“炒菜”可以选中“凉菜”和“炒菜”常量拖放到上部添加第三个菜品名称为“主食”· 添加方式:从开发工具右侧常数常量类元件中点选“Text字符”元件,在“炒菜”下点击放入,放入时是命名状态,可以直接输入名称“主食”,回车或点其他任意地方完成同上添加第四个菜品为“点心”、第五个菜品为“饮料”将添加的新菜品名称常量参考默认两个常量与“Creeate Menu Item”的输入元件“Caption”连线进行传值处理从开发工具右侧顶部点选“Flow传值或流程”元件或按快捷键F2,选点击“主食”,再点击“Caption”即可同上连接“点心”和“饮料”与“Caption”

推荐阅读