移动端架构用什么 移动端平台搭建

前端是怎么搞app的，学习了。。。搭建开发环境不需要搭建ios和android的开发环境，只需要下载hbuilder（估计需要java环境支持），

选定ui目前推荐mui，效果不错

写事件通过js调用原生方法实现app效果

写业务逻辑

常用网址

http://dev.dcloud.net.cn/mui/ui/

http://www.html5plus.org/doc/h5p.html

HBuilder / HBuilderX - HTML/JS 代码块 - 代码封装 - 简单数据形成代码格式MUI - 移动App布局框架 - 最接近原生App操作HTML5PLUS - 调用硬件驱动 和 系统调用

Mui当中封装HTML5PLUS 喊一句就出来了

MUI页面的DOM - mdo标题栏 - mhe - 带返回的 不带返回的MUI内容主体 - mbo九宫格 - mg 轮播 - msl 图文列表 - mli底部选项卡 - mta

JS：mui.openwindow({ url:"页面.html", id:"页面.html", styles:{ top:"0px", bottom:"50px" }, extras:{}}) - mop

mui.init() - min - 加载子页面 - mins s=subpages:[{}]mui.post() - mpo - ajax 的 POST请求方式 - url,data,SCB,datatypemui.toast() - 展示自动消失提示框

document.getElementById("btn").addEventListener("tap",funcation(){

}) - dga - 绑定事件

1.手势事件 tap 点击事件 ming - 修改当前webview可监听的手势事件

2.webview 将HTML代码翻译成可以显示的webview页面 plus.webview.currentWebView(); 获取当前WebView所有对象 plus.webview.getWebViewById("webview_id_string"); 获取指定的WebView所有对象

3.mui.fire login 向 index 发送 事件触发 1.事件触发 var index = plus.webview.getWebViewById("HBuilder"); login 获取 index webview mui.fire(index,"hello",{age:123})

2.事件监听 index 页面监听事件 document.addEventListener("hello",function(eventData){ eventData.detail === {age:123} // ws.send(JSON.stringify(event.detail))); mui.toast("我是index页面，你调用了我的hello事件 ,你给我传递了"+JSON.stringify(event.detail)); })

4.storage === cookie 本地存储空间 {"key":"string/int"}

5.页面参数传递 extras extras:{name:666} 传递页面参数 login.html login.html: plus.webview.currentWebView().name; 获取当前WebView所有对象

代码和图片

前端代码：

百度云盘完整：

链接：https://pan.baidu.com/s/1QaSc7ZsZarQ4cBstNW2REw 提取码：fsfu

前端ui框架：

下面index.html启动口,HBuild创建项目，index.html 是入口界面，也是第一个界面，其他界面从这里点击进入

点击底部栏首页，消息，好友，我的分别进入不同页面，

首页的html

main.html

消息的html

点击我的，进入登陆注册：

reg.html

login.html

后端代码，用的flask框架展示

数据采集：

pachong

app.py

Config

Content

Users