印象中，无远开发平台只适合做强业务逻辑和重结构化的信息管理系统，实际上，只需稍作配置，也能实现偏重于前端展示的各种网站，比如下图展示的政务型网站：
【示例一 政务型网站】
也许你觉得上面的网站结构中规中矩，那么再看下面这个例子：
【示例二 SAAS 创业型网站落地页】
能看出来这些页面使用了哪些组件吗？
基本上，展示型页面，只需要使用一个背景窗口打底，在其上放置各种功能窗口组件即可快速实现。
实现步骤
1. 在【工作台 > 全局配置 > 系统设置】中，启用访客模式。
启用后，用户在未登录的情况下进入PC端系统主界面，并可以浏览公共的和允许未授权查看的菜单节点。
2. 在【工作台 > 全局配置 > 前端 > 主页设置 > 菜单导航】中，设置菜单样式为顶部级联，并根据菜单节点数设置合理的宽度。
3. 在【工作台 > 页面管理】中创建首页页面，添加窗口并做相应的布局设置。
怎么样？步骤是不是很简单？真的学会了吗？
能分清楚下面这个页面哪些是背景，哪些是组件吗？
【示例三 落地页】
看到这里，可能会有一点小小的疑问：顶部的菜单，是如何跟背景连接成整体的？
如何首页实现背景窗口跟顶部菜单相连
第一步，在首页作为背景使用的自定义窗口样式中添加以下 CSS 代码：
.adapt-to-home .bg-mask {
background:#e8eaef !important;
}
.adapt-to-home #header {
position: absolute !important;
left:0;
top:0;
z-index: 123;
transition: all .3s ease-in-out;
}
.adapt-to-home.set-top #header {
border:none;
background:none;
}
.adapt-to-home.set-top #header a {
}
.adapt-to-home.set-top #navigator {
background:none;
}
.adapt-to-home.set-top #navigator a {
}
.adapt-to-home.set-top #navigator .ui-widget-content {
background:none;
border: none;
}
.adapt-to-home.set-top #navigator .ui-widget-content a {
}
.adapt-to-home #container {
height: 100% !important;
}
.adapt-to-home #bottom {
position:fixed;
display:none;
}
.adapt-to-home .zpage {
height: 100%;
}
启用【全局配置-前端-页面打开时函数】，并添加以下代码：
function(Enhancer, e) {
if (e.pageId == 100) { // 仅当当前打开页面是首页时，才使用样式。!请自行修改首页编号!
$('body').addClass('adapt-to-home set-top');
return
}
// 否则其他页面打开时移除样式，避免误用。
$('body').removeClass('adapt-to-home set-top');
}
怎么样？是不是有想创业的冲动了？ 23333
如果觉得有用，请不要吝啬吹捧~~~
