LukeLiu 发表于 2019-8-22 10:53:47

小白的活字格学习分享 第三篇——认识页面

本帖最后由 LukeLiu 于 2019-8-30 09:33 编辑

理解活字格中的页面

   不同的角色对于一个网站的组成有不同理解:            网站开发者:网站是由代码组成:itwn:。            网站维护者:网站是由前端,后端,数据库组成:jy74a:。            网站使用者:网站是由一个个页面组成:i0tw:。
   正如活字格所见即所得的设计理念,活字格设计器从用户的视角建设网站应用,所见即所得的设计网站页面,符合心里预期的直观感受——我制作页面,我看到页面。
      所以,在活字格中:应用的最小单位是页面,页面最小的单位是单元格。

页面跳转
1.新建两个页面,并设置简单的内容:


2. 在页面一中,设置一个单元格为超链接组件 -> 编辑命令 -> 选择命令为页面跳转 -> 选择页面:页面1    在页面二中,设置一个单元格为超链接组件 -> 编辑命令 -> 选择命令为页面跳转 -> 选择页面:页面2
URL与页面名的关系      
      活字格应用的URL中的路由名字的组成元素包含页面名,可以注意到浏览器的地址栏里,有看到页面的名字,因此,实际开发项目中重命名页面的名字使其具有某种业务意义可以帮助组织活字格应用的结构层次。


自定义页面
自定义页面的大小在活字格设计器右侧的面板中,其中有一个tab为页面设置,可以在这里通过设置行数和列数改变页面大小。

自定义页面的背景色
[*]ctrl+a 全选当前页面所有单元格
[*]点击顶部面板中的插入 选项卡
[*]点击背景图片
[*]可以设置背景色块改变背景色


总结,页面是组成活字格应用的基本单位,使用页面隔离不同的场景,可以使得网站应用组织清晰合理。




Simon.hu 发表于 2019-8-26 19:14:45

谢谢分享!
页: [1]
查看完整版本: 小白的活字格学习分享 第三篇——认识页面