前端页面基本信息设置

taskbuilder
• 阅读 138

前端页面基本信息设置 在用向导创建前端页面时,有以下选项可以选择: 3.3.2.1终端类型 终端类型是指页面支持的客户端类型,目前TaskBuilder支持以下几种类型: 电脑端:可以用电脑端Web浏览器访问的页面; 手机H5:可以用手机端浏览器访问的HTML5页面,也可以作为微信公众号的链接页面; 任讯APP:可以嵌入到任讯APP中的HTML5页面,开发方式跟手机H5页面一样,只不过可以使用任讯APP提供的一些扩展功能,包括拍照、扫码、定位等; 阿里钉钉:可以嵌入到阿里钉钉APP中的HTML5页面,开发方式跟手机H5页面一样,只不过可以使用阿里钉钉APP提供的一些扩展功能,包括拍照、扫码、定位等; 企业微信:可以嵌入到企业微信APP中的HTML5页面,开发方式跟手机H5页面一样,只不过可以使用企业微信APP提供的一些扩展功能,包括拍照、扫码、定位等; 由以上信息可知,TaskBuilder开发的前端页面总体上分为电脑端和手机端两大类,但根据客户端软件的不同又可以细分为更多类型。 3.3.2.2页面类型 页面类型是指页面的展现形式,目前TaskBuilder支持以下几种类型: 普通页面:指打开后显示在后台管理系统整个功能操作区的页面,主要用于数据列表或内容较多的页面,多个页面可以通过点击顶部系统标签栏里各个页面的标签进行切换。 对话框:是指在后台管理系统内显示在其他页面上层的弹出对话框页面,默认在整个后台管理系统的界面中居中显示,需要设置固定的宽度和高度,如果页面内容较少,则建议用对话框。 抽屉页:是指从后台管理系统的右侧滑出的页面,默认宽度为900px,高度为100%,主要用来作为添加、修改和查看详情的页面。抽屉页在设计时跟普通页面没有什么区别,只是打开方式不一样。 对话框和抽屉页是任擎后台管理系统顶层页面提供的功能,如果将tfp页面嵌入到其他系统内,则不支持以对话框或抽屉页的形式显示。 3.3.2.3背景颜色 页面的背景颜色有浅色和深色这两种色系可以选择,我们用TaskBuilder开发的应用管理系统一般都是浅色背景,很少有用深色背景的,深色背景目前主要是给TaskBuilder自身的一些功能页面用的,TaskBuilder里有不少页面都是用TaskBuilder自己开发的tfp页面,例如前后端文件创建向导、前后端各种语句的参数设置对话框等,因为TaskBuilder默认是深色背景,所以在这些页面中,相关组件都需要按深色背景进行样式适配,包括组件背景颜色、文字颜色、边框颜色、选中后背景颜色和文字颜色、鼠标滑过时的背景和文字颜色等等。所有tfp组件都有适配浅色背景和深色背景的两套CSS样式文件,可以根据当前页面的背景颜色设置自动适配。 3.3.2.4定位方式 用TaskBuilder新建tfp页面时,有以下两种定位方式可以选择: 浮动定位:这是tfp页面默认的定位方式,也是网页默认的定位方式,如果选择这种定位方式,则新添加到页面内的组件,默认会从左至右、从上到下显示,如果组件为容器组件,则会占据整行,否则,一行可以显示多个组件。 绝对定位:如果选择这种定位方式,则从组件库拖拽组件到页面上时,鼠标在哪里松开,组件就会放在什么位置,相当于每个组件都有一个相对于父组件的坐标位置,同一个父组件中的各个子组件的位置互相不会影响。 绝对定位虽然可以精确控制各个组件的位置,但如果组件多了后,要实现多个组件的对齐,或者整体位置调整就比较麻烦,需要挨个修改坐标;另外,绝对定位无法根据屏幕尺寸变化而自动调整大小和位置。所以,我们在开发管理信息系统时,新建的页面都采用默认的浮动定位即可,除非某些特定的页面需要使用绝对定位。

点赞
收藏
评论区
推荐文章
凝雪探世界 凝雪探世界
3年前
js-Answers二
前端框架相关什么是单页面应用(SPA)?单页面应用(SPA)是指用户在浏览器加载单一的HTML页面,后续请求都无需再离开此页目标:旨在用为用户提供了更接近本地移动APP或桌面应用程序的体验。流程:第一次请求时,将导航页传输到客户端,其余请求通过RESTAPI获取JSON数据实现:数据的传输通过
Stella981 Stella981
3年前
JS设置cookie、读取cookie、删除cookie
JavaScript是运行在客户端的脚本,因此一般是不能够设置Session的,因为Session是运行在服务器端的。而cookie是运行在客户端的,所以可以用JS来设置cookie.假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量值,
Stella981 Stella981
3年前
JavaScript的BOM和DOM
1,window对象,所有浏览器都支持window对象,它表示浏览器窗口BOM(browserObjectModel)是指浏览器对象模型,它使JavaScript有能力与浏览器进行"对话".DOM(DocumentObjectModel)是指文档对象类型,通过它,可以访问HTML文档的所有元素window对象客户端JavaScript最高
taskbuilder taskbuilder
1个月前
前端页面的内容格式
TaskBuilder可以编辑的前端页面类型分为HTML和tfp(TaskmsgFrontPage)两种格式,HTML格式只能用代码编辑器编辑,这种模式基本很少有人用,大家都用tfp格式,因为使用TaskBuilder向导创建的前端页面都是采用的tfp格式
taskbuilder taskbuilder
1个月前
TaskBuilder前端页面JS脚本编辑
在前端页面设计器内,点击底部的“JS脚本”选项卡,可以打开JS脚本编辑器,查看和设置当前页面的JavaScript脚本有关的内容,包括以下几个部分:3.3.5.1外部脚本引用如果在前端页面里需要用到外部js文件的功能,则可以点击JS脚本设计器左上角“外部脚
taskbuilder taskbuilder
1个月前
TaskBuilder前端页面CSS样式规则设置
在前端页面设计器内,点击底部的“CSS样式”选项卡,可以打开CSS样式设计器,在此查看和设计当前页面的CSS样式规则,如下图所示:3.3.6.1引入外部样式文件如果要在页面中引入外部CSS文件,可以点击CSS样式设计器左上角“外部样式文件”栏右边的加号按钮
taskbuilder taskbuilder
4星期前
TaskBuilder前端请求后台服务的方式
TaskBuilder前端请求后台服务的方式在TaskBuilder的前端页面设计器的组件库里,有一个名为“服务请求”的不可视组件,它是前后端沟通的桥梁,前端页面都是通过这个组件来实现与后台服务的通信,在这个组件的属性里可以设置具体要请求的后台服务的路径,
taskbuilder taskbuilder
4星期前
TaskBuilder触发前端组件请求后台服务的常见事件
当以下事件发生时,可能会触发相关前端组件向后台服务发起请求:4.3.1页面加载时这种情况主要用于数据查询,在前端页面加载完毕后(页面静态内容渲染完毕),会自动判断页面里的每个前端组件是否设置了数据查询操作,如果设置了,则自动请求相应的后台服务进行数据查询,
融云IM即时通讯 融云IM即时通讯
3个月前
融云IM干货丨 IM 服务,开通 Web/PC 在线时手机端接收 Push
根据搜索结果,要实现在Web/PC端在线时手机端也能接收Push通知的功能,您可以按照以下步骤操作:访问控制台:您需要访问融云控制台的免费基础功能页面。确认应用信息:在控制台中确认应用名称与环境(开发/生产)是否正确无误。开启功能:找到“Web/PC在线手
taskbuilder taskbuilder
2个月前
创建学员信息列表页面
4、创建学员信息列表页面在TaskBuilder的项目资源管理器内,点击学员管理项目节点(xygl)里的“前端文件”子节点右侧的加号:会弹出如下所示的前端资源创建向导的对话框:在该对话框中选择“数据查询TFP”,资源名称会自动设置为:index(这里建议不
taskbuilder
taskbuilder
Lv1
免费开源的企业级低代码开发工具,研发团队任讯信息参与低代码国家标准编制
文章
47
粉丝
0
获赞
0