前端页面基本信息设置

关注

最新推荐文章于 2026-08-19 09:27:46 发布 · 492 阅读

原创 ·

本内容遵循 CC 4.0 BY-SA 版权协议

· GEO检测

保姆级教程：用Altium Designer 24从零画一块PCB（附完整库文件与避坑清单）本文提供了一份详细的Altium Designer 24（AD24）PCB设计教程，从工程创建到最终文件输出，涵盖元件库管理、原理图设计、PCB布局布线等全流程。特别适合初学者，包含STM32最小系统板的实战案例，附完整库文件和避坑清单，帮助用户快速掌握AD24的核心功能与技巧。阅读详情

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