前端页面基本信息设置 在用向导创建前端页面时,有以下选项可以选择: 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页面默认的定位方式,也是网页默认的定位方式,如果选择这种定位方式,则新添加到页面内的组件,默认会从左至右、从上到下显示,如果组件为容器组件,则会占据整行,否则,一行可以显示多个组件。 绝对定位:如果选择这种定位方式,则从组件库拖拽组件到页面上时,鼠标在哪里松开,组件就会放在什么位置,相当于每个组件都有一个相对于父组件的坐标位置,同一个父组件中的各个子组件的位置互相不会影响。 绝对定位虽然可以精确控制各个组件的位置,但如果组件多了后,要实现多个组件的对齐,或者整体位置调整就比较麻烦,需要挨个修改坐标;另外,绝对定位无法根据屏幕尺寸变化而自动调整大小和位置。所以,我们在开发管理信息系统时,新建的页面都采用默认的浮动定位即可,除非某些特定的页面需要使用绝对定位。
前端页面基本信息设置
点赞
收藏