简介

最近在看Dcloud的MUI框架，MUI封装了android、ios等多个平台的原生接口，达到开发一个项目，采取不同打包方式，生产多种平台的app。

无可厚非，对于从事java web开发的工程师，带来了极大的福音，再也不用去花太多时间去学习原生的android、ios语言，大大缩短了app开发的学习周期和成本。

当然，既然是做了封装处理，肯定性能上面不如原生。但是Dcloud官方声称MUI是最接近原生App体验的前端框架，并且在一些低端机上的表现也比较理想，想必也做了不少优化处理，另一方面，随着手机市场的激烈竞争，手机配置及价格都越来越让人满意，性能问题就愈发的可以忽略不计，毕竟项目周期和成本也相当的重要！之前也了解过PhoneGap框架（仅仅是了解），据说，MUI的性能要比PhoneGap好。当然，仅仅是代表鄙人的观点，暂时也没有在重型或者大数据量项目上做过验证，只好大家各自体验了。

看得出来Dcloud还是做了不少事情的，再加上国产，这个还是要支持的！

MUI官方地址：http://plete:::' + status); } var ajax = function() { console.log('进入ajax方法...'); //利用RunJS的Echo Ajax功能测试 var url = 'http://120.24.44.11:8080/myhttp/login.do'; //请求方式，默认为Get； var type = methodEl.value; //预期服务器范围的数据类型 var dataType = dataTypeEl.value; //发送数据 console.log('url:'+ url + ",type:" + type + ",dataType:" + dataType); var data = { name: nameEl.value, password: passwordEl.value }; respnoseEl.innerHTML = '正在请求中...'; if (type === 'get') { if (dataType === 'json') { $.getJSON(url, data, success); } else { $.get(url, data, success, dataType); } } else if (type === 'post') { $.post(url, data, success, dataType); } }; //发送请求按钮的点击事件 document.getElementById("confirm").addEventListener('tap', function() { if(network){ console.log('网络正常,正在发送请求...'); ajax(); }else{ mui.toast("当前网络不给力，请稍后再试..."); } }); //点击描述中链接时，打开对应网页介绍； $('body').on('tap', 'a', function(e) { var href = this.getAttribute('href'); if (href) { if (window.plus) { plus.runtime.openURL(href); } else { location.href = href; } } }); })(mui); </script> </body></html>

大家注意把url改成自己对应的请求地址。具体代码就不需要讲解了，都比较简单。

页面编写好后，可以用USB把手机插上电脑，直接在手机上运行查看效果，也可以采用浏览器调试都非常方便。效果如下：

Chrome

iphone(或android机)

一切就绪，准备测试下效果。首先双击“manifest.json”文件，更改页面入口为“ajax.html”，保存。

选择在我的iphone上运行，这时候看手机发现已经安装好了应用，控制面板提示安装成功，点击图标打开应用，显示上图页面。输入用户名“admin”，密码“123”，点击“登录”（因为我的请求类型和请求方式分别为HTML、Post，所以不用改变，直接默认），返回结果提示：“Login Success”，修改下密码再次登录，提示“Login Fail”,如下图：

图1（返回成功）：

图2（返回失败）：

综上所述，基于MUI进行移动App开发更符合我们做java web“程序猿”的口味。开发过程中通过查看官方API及examples示例，有现成的一些东西可以利用，加上国产，API也没有语言障碍，所以感觉MUI是个不错的框架，本人无MUI开发经验，仅仅是浅尝甜头，需要学习的还很多，希望接下来时间MUI可以让自己在移动方面有所弥补。

以上这篇使用MUI框架构建App请求http接口实例代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。