在设计器的页面视图导航栏，有一个mobile的模块，当开发者用手机浏览器访问设计的页面时，就会进入到mobile模块的页面。PC端使用Chrome浏览器时，输入网址http://localhost/misshop/mobile.jsp，进入到mobile模块的页面。先按F12，再按ctrl+shift+m，能够模拟看到手机端的效果。
输入http://localhost/misshop/mobile.tab.jsp，进入到mobile模块的页面，但这时主页的导航栏样式不一样，是在手机底部的一排tab标签。网址中没有tab.时，主页导航栏是在页面上部左侧，默认收拢的，需要点击一下才会展开。
当前使用模板生成页面时，会同步生成mobile版的页面文件，但页面内容暂时还不完善，需要自己修改。打开页面文件，可以像开发普通页面一样开发手机页面。
开发手机页面时，一般会使用容器组控件，因为手机页面的大小变化很大，需要页面自适应调整。页面一般设置为网格布局容器、弹性布局容器、div容器等，其中的区域也一般设置成这样，页面一般不会设置为默认的表格布局，表格布局在不同手机上显示效果差异很大。
例如，我们从控件导航栏，拖入一个九宫格控件到手机版页面。
这个时候选择整个九宫格控件区域，在右侧属性栏的值里面有一个ds.select(ds.id)，这个值在取消区域选择后，会以绿色的字体浮显在区域左上侧，能够看到。如果这个值是可扩展的，那么整个区域就会跟随这个值一块扩展。
同样，我们随意选取一些单元格设置为区域，然后区域属性栏值一项的公式中写入一个扩展的公式，则这个区域会跟随值扩展。
手机页面的底部可以放置一个标签组控件，这样方便在同一个模块的各个页面之间跳转，不受手机菜单键和返回键的影响。
手机页面功能方面的开发与PC端完全一样，开发者只需注意布局和样式就可以了。
网友评论