问题1：一套代码多端发布，如何使用MUI开发webapp？
如果仅将MUI当作一套UI框架，直接在JSP模版中引用mui.css及mui.js即可展现出webapp的效果。但是若想多端发布，是否将html静态资源直接丢到服务器，访问静态资源后，通过mui封装的ajax拉取数据渲染页面，也就是和app渲染的思路一致。
Eason
- 发布：2016-06-02 11:33
- 更新：2016-06-08 11:43
- 阅读：5887
撒网要见鱼 - 厚积薄发!
1.Mui本身就只是一套前端UI框架
- 多端发布,其中最终要的就是一些功能上的区分判断,h5下使用h5代码,h5+下使用h5+代码,所以一般会有一套自己封装的工具类,兼容h5和h5+的
- 写完代码后,进行打包, App用APP打包方式, 微信和浏览器端则是将项目放置在对应的公网服务器的web容器中,提供url给外部访问。
- 如果是用前后端分离的方式写的项目,一般这些html都是类似于静态资源的东西
- 另外多端发布的wepapp 只能是MPA型应用(不太确定,有高手可以做成SPA)。
- 其它注意...
Eason (作者)
@DCloud_MUI_CHB 多端发布的话不能每个页面都是新页面，要在tab-main页面判断是否为5+环境，若不是则自己处理跳转的逻辑。问题来了，mui中subpages会自动判断h5环境直接将webview用iframe代替，tab-main页可以mui.init多个子页，然后切换tab页用iframe跳转，父页不跳转的方式解决吗？如果可以怎么跳转呢
Eason (作者)
@DCloud_MUI_CHB 我现在是这么做的：先判断环境为非5+，获取到iframe标签，设置iframe的src来达到跳转的效果
// 判断当前环境是否为html5+
if(common.html5Plus()){// 若为html5+，切换webview
// ...切换webview
}else{// 若非html5+，页面跳转
var iframe = document.getElementsByTagName('iframe')[0];
iframe.setAttribute('src',targetTab);
}
Eason (作者)
MUI其实不光是一套UI框架，也封装了不少h5+的代码。使用MUI封装的一些方法，可以判断当前运行环境来选择调用H5+或者是html的实现。我的问题就在于，多端发布是否一定就是前后端分离的方式，访问静态资源，通过ajax来调接口渲染数据。
2016-06-02 12:09
DCloud_UNI_CHB
回复 Eason:是的，需要前后端分离
2016-06-02 14:44
Eason (作者)
回复 DCloud_UNI_CHB:明白了，谢谢
2016-06-02 14:53