找回密码
 立即注册

QQ登录

只需一步,快速开始

LukeLiu
超级版主   /  发表于:2019-8-22 10:53  /   查看:4078  /  回复:1
本帖最后由 LukeLiu 于 2019-8-30 09:33 编辑

理解活字格中的页面

     不同的角色对于一个网站的组成有不同理解:
            网站开发者:网站是由代码组成
            网站维护者:网站是由前端,后端,数据库组成
            网站使用者:网站是由一个个页面组成

     正如活字格所见即所得的设计理念,活字格设计器从用户的视角建设网站应用,所见即所得的设计网站页面,符合心里预期的直观感受——我制作页面,我看到页面。

      所以,在活字格中:应用的最小单位是页面,页面最小的单位是单元格。


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

image.png547539062.png

2. 在页面一中,设置一个单元格为超链接组件 -> 编辑命令 -> 选择命令为页面跳转 -> 选择页面:页面1
    在页面二中,设置一个单元格为超链接组件 -> 编辑命令 -> 选择命令为页面跳转 -> 选择页面:页面2
设置页面跳转命令.gif

URL与页面名的关系        
      活字格应用的URL中的路由名字的组成元素包含页面名,可以注意到浏览器的地址栏里,有看到页面的名字,因此,实际开发项目中重命名页面的名字使其具有某种业务意义可以帮助组织活字格应用的结构层次。
image.png456811217.png
image.png472914428.png


自定义页面

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


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

改变背景色2.gif


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




页面跳转demo.fgcc

88.39 KB, 下载次数: 320

工程文件

评分

参与人数 1金币 +666 收起 理由
Simon.hu + 666 赞一个!

查看全部评分

1 个回复

倒序浏览
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2019-8-26 19:14:45
沙发
谢谢分享!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部