预览和测试

taskbuilder
• 阅读 162

通过前面的操作,我们已经创建好了一个简单的学员信息管理应用, 现在,我们点击项目资源管理器前端文件里的index.tfp,如下图: 预览和测试 预览和测试 在打开的前端页面设计器里,点击顶部工具栏上的“预览”按钮:

会打开列表页面的预览窗口,如下图所示: 预览和测试 说明:预览时,服务器需要编译该页面的相关内容,会稍微有些慢,请耐心等待一下;正式运行时,服务器会缓存页面最后一次改动后编译的代码,不需要每次都编译,打开速度会很快。 在该窗口内,左侧为页面预览区域,模拟显示页面的实际运行界面,右侧是浏览器的调试窗口,可以查看控制台输出、页面元素和样式等,方便开发调试。 在该页面里,点击 “添加” 按钮,会打开添加学员信息的抽屉页,如下图所示: 预览和测试 录入学员信息后,点击右上角的确定按钮,完成学员信息的添加,系统会自动跳转到列表页,就可以看到刚才添加的学员信息,如下图所示: 预览和测试 下面,我们再点击该学员信息所在行右侧的“修改”按钮,可以打开学员信息修改页面,如下图所示: 预览和测试 我们修改一下期数、班次和文化程度这三项信息,然后点击确定按钮,回到列表页就可以看到修改后的信息已生效,如下图所示: 预览和测试 如果要删除学员信息,就在列表页面里,点击该学员信息所在行右侧的“删除”按钮,即可删除该学员。如果学员信息比较多,可以使用列表页面顶部的查询条件,按培训年份、期数、姓名和文化程度等条件查询。

点赞
收藏
评论区
推荐文章
微信小程序部分api 会触发 onShow onHide
解决部分api触发小程序onShowonHide首先要明白微信小程序的onShow()onHide()分为页面级的和应用级的,应用级的就是app.js里面的那几个,页面级的就是pages里的当使用了下列api时,均会触发页面级和应用级的onShowonHide1.点击右上角小圆点关闭小程序。2.图片预览:wx.preview
阮小五 阮小五
1年前
After Effects新手教程|如何对素材进行整理与预览
AE新手教程哪里有?小编为大家带来AfterEffects2020新手教程,今天我们来学习——如何对素材进行整理与预览素材整理分类在上面当前显示无标题项目就说明当前我们的工程还没有进行保存对素材进行整理前需要先保存工程文件,可以点击文件——保存(comma
Stella981 Stella981
3年前
Cocos Creator基础教程(10)—预览调试
游戏预览是开发中的一个重要环节,CocosCreator游戏引擎基于JavaScript语言有着丰富强大的预览调试能力,这次我们介绍预览调试相关的技术,了解一下这方面的知识相信对你也非常有帮助。1\.游戏预览CocosCreator是跨平台的游戏开发引擎,从类别上主要分为Nativet和H5两大平台,游戏预览也分为这两大模式:
taskbuilder taskbuilder
1个月前
创建学员信息列表页面
4、创建学员信息列表页面在TaskBuilder的项目资源管理器内,点击学员管理项目节点(xygl)里的“前端文件”子节点右侧的加号:会弹出如下所示的前端资源创建向导的对话框:在该对话框中选择“数据查询TFP”,资源名称会自动设置为:index(这里建议不
taskbuilder taskbuilder
1个月前
创建学员信息添加页面
在TaskBuilder的项目资源管理器内,点击学员管理项目节点(xygl)里的“前端文件”子节点右侧的加号:会弹出如下所示的“添加前端资源”的对话框:在“资源名称”输入框内输入:add,然后在下面的资源类型列表里点击“数据添加TFP”按钮,然后点击“下一
taskbuilder taskbuilder
1个月前
创建学员信息修改页面
6、创建学员信息修改页面在TaskBuilder的项目资源管理器内,点击学员管理项目节点(xygl)里的“前端文件”子节点右侧的加号:会弹出如下所示的“添加前端资源”的对话框:在“资源名称”输入框内输入:update,然后在下面的资源类型列表里点击“数据修
taskbuilder taskbuilder
2星期前
TaskBuilder前端页面JS脚本编辑
在前端页面设计器内,点击底部的“JS脚本”选项卡,可以打开JS脚本编辑器,查看和设置当前页面的JavaScript脚本有关的内容,包括以下几个部分:3.3.5.1外部脚本引用如果在前端页面里需要用到外部js文件的功能,则可以点击JS脚本设计器左上角“外部脚
taskbuilder taskbuilder
2星期前
TaskBuilder前端页面CSS样式规则设置
在前端页面设计器内,点击底部的“CSS样式”选项卡,可以打开CSS样式设计器,在此查看和设计当前页面的CSS样式规则,如下图所示:3.3.6.1引入外部样式文件如果要在页面中引入外部CSS文件,可以点击CSS样式设计器左上角“外部样式文件”栏右边的加号按钮
京东云开发者 京东云开发者
10个月前
移动端提高pdf预览清晰度
背景:移动端预览PDF文件,通用的解决方案是使用vuepdf插件,其内置pdf.js,原理是基于HTML5的标签,通过将PDF文件转换为图片或来实现对PDF文件的预览,插件好使没毛病😆,但是如果我们的需求是要在移动端预览内容很密集的文件时,预览效果就不理
taskbuilder taskbuilder
1个月前
创建学员管理项目
2、创建学员管理项目打开TaskBuilder,点击左侧项目资源管理器顶部工具栏上的加号按钮:在弹出的对话框中输入以下信息:项目代码:xygl(只能是字母、数字或下划线)项目说明:学员管理点击确定按钮,即可完成项目的创建,在TaskBuilder的项目资源
taskbuilder
taskbuilder
Lv1
免费开源的企业级低代码开发工具,研发团队任讯信息参与低代码国家标准编制
文章
46
粉丝
0
获赞
0