Hbuilder 移动app
==========代码行快捷方法==========
div*4
div[class=""]*4
div[id=""]*4
tr*4
tr{<div>wj</div>}*4
div.abc
div#abc
ul>li{小花}*3
div>a[href='#']{小花}*3
select>option{$}*5
select>option[value='花香']{$}*5>a[href='#']{小花} //属性值用[ ]填充,文本内容用{ }填充
ctrl + r 快速启动
创建HTML结构: h 8
快速生成顶部导航栏:mheader
快速生成包含.mui-content控件:mbody
创建函数: f u n n Enter
Shift+回车是<br/>,shift+空格是 。 //点击事件:tap
plus.webview.create()//document.getElementById//this.getAttribute//mui.os.ios//
plus.webview.show()//mui.extend//mui.trigger//document.querySelector//
相关参考:
https://segmentfault.com/a/1190000005173713 --参考地址
https://blog.csdn.net/kikajack/article/details/54091251 --注意事项
https://blog.csdn.net/gertyy/article/details/53420495
https://blog.csdn.net/anjingshen/article/details/73744153 --页面传值
https://www.cnblogs.com/WebApp-DotNet/p/6515581.html
https://www.cnblogs.com/linfei721/p/app.html
http://www.cnblogs.com/linfei721/p/6132908.html --调试
https://blog.csdn.net/zhuming3834/article/details/51476552
http://www.cnblogs.com/linfei721/p/6127539.html --新建项目
http://www.uikoo9.com/book/detail/3
https://blog.csdn.net/ltstud/article/details/76229141 --打包
https://blog.csdn.net/moxiaoya1314/article/details/78771503
==========Mui==========http://www.uikoo9.com/book/chapterDetail/4
mui.init()//plus.storage.setItem("", "");//mui.os.ios//localStorage.clear()//localStorage.setItem
plus.storage.getItem()//
plus.navigator.setFullscreen(true);
plus.webview.currentWebview().close();
mui.openWindow('index.html','index.html',{show:{aniShow:'none'}});
plus.nativeUI.toast(err);
var mainPage = plus.webview.getWebviewById("index");
mui.fire(webview_detail, 'event', args) //页面传值
plus.device.uuid
document.getElementById("switch").addEventListener('toggle', function(e) { })
mui.each(content, function(index, element) { })
plus.ui.confirm(data.note, call, title, btn)
plus.runtime.openURL(data.url);
==========Demo==========
1:登录(可以通过电话号码或者账号登录,也可通过第三方微信、微博、QQ登录)
2:登录进来之后第一次进入显示一个最新功能介绍页,滑动两三个页面后点击立即体验进入主页面
3:主页面有首页、新闻列表、设置
4:设置包含登录账号展示、账号与安全 关于我们(电话号码、问题反馈、检查更新) 退出功能
--登录后台交互--滑动跳转--
https://www.cnblogs.com/alice-you/p/7884731.html
https://www.cnblogs.com/nangong/p/37be446c31dd50b20338179c16465d1c.html --跨域
http://www.bcty365.com/content-146-2542-1.html --登录设计安全
http://yananay.iteye.com/blog/2220729 --实例
https://www.cnblogs.com/LvLoveYuForever/p/6560952.html --登录【用户,令牌】
https://www.cnblogs.com/jiqing9006/p/5937733.html --【用户授权表】
https://www.jianshu.com/p/5add98492ce5
http://www.cnblogs.com/elvinle/p/6252065.html --Api返回
https://blog.csdn.net/smartsmile2012/article/details/78040911 --api返回
https://blog.csdn.net/hewei001/article/details/79106120
https://www.cnblogs.com/zfdcp-028/p/5788649.html --good
https://blog.csdn.net/ytsdayou/article/details/51893262 --js调用
https://blog.csdn.net/Shiyaru1314/article/details/51065410 --请求、处理【80端口】
http://www.hcoder.net/tutorials/info_97.html --获取设备
https://www.cnblogs.com/libkey/p/5501851.html
=======登录=======
账号,密码发送后台
验证用户名,密码 【Id,Acc,PW,realName,NickName,QQ,Phone,Email,HeadImg,OpenId,】
1 存在创建一个token保存数据库 并返回。md5(用户名+系统时间+随机数)。为了安全,可以设置一个有效期
当用户再次打开应用的时候,先判断localstorage 里是否保存有 token。如果有 token ,那么就通过ajax发送给服务器,服务器判断token 的有效性,如果验证通过,那么自动登录就成功,否则失败。
多点登录:token登录的ip地址?这个token对应的deviceid ?
延伸阅读:https://www.cnblogs.com/1996V/p/9037603.html#net1
https://www.cnblogs.com/yaopengfei/p/9249390.html --同步/异步
http://www.cnblogs.com/erbiao/p/9253475.html --nginx
https://www.cnblogs.com/RayWang/p/9216820.html
http://www.zentao.net/book/zentaopmshelp/244.html --禅道
https://www.cnblogs.com/yaopengfei/p/9276234.html --signalr
https://www.telerik.com/products/decompiler.aspx
http://doc.openauth.me/#/
https://www.cnblogs.com/hafiz/p/9276689.html#commentform
Hbuilder 移动app的更多相关文章
- 【原创分享·支付宝支付】HBuilder打包APP调用支付宝客户端支付
前言 最近有点空余时间,所以,就研究了一下APP支付.前面很早就搞完APP的微信支付了,但是由于时间上和应用上的情况,支付宝一直没空去研究.然后等我空了的时候,发现支付宝居然升级了支付逻辑,虽然目前还 ...
- HBuilder开发App教程04-最难搞定的是mui
前言 前几篇说到一些HBuilder开发app的基础教程, 现在来说一下HBuilder开发app的难点,或者说是上手的难点, 就是mui, 如果你没有研究mui就贸然的上手HBuilder,那你的开 ...
- hbuilder IOS APP 打包与发布2
在上一篇的<hbuilder IOS APP 打包与发布>中,请求 的 是APP ids . ios开发证书 .和开发配置文件 , 这一篇中就不写发布证书和配置文件的请求,因为流程 ...
- springboot+layui实现PC端用户的增删改查 & 整合mui实现app端的自动登录和用户的上拉加载 & HBuilder打包app并在手机端下载安装
springboot整合web开发的各个组件在前面已经有详细的介绍,下面是用springboot整合layui实现了基本的增删改查. 同时在学习mui开发app,也就用mui实现了一个简单的自动登录和 ...
- Hbuilder开发app实战-识岁03-文件上传
前言 做app不得不谈的问题就是文件上传.用hbuilder开发app让上传变的非常easy. Uploader Uploader模块管理网络上传任务,用于从本地上传各种文件到server,并支持跨域 ...
- Hbuilder编辑App时,ajax跨域访问失败问题
今天试着用Hbuilder写app的前段显示页面,在第一步时就被打住了,ajax异步调用服务器的登录接口时,报错, 显示这样的错误 XMLHttpRequest cannot loadhttp://w ...
- HBuilder开发App教程06-首页
实战 前面几节基本是一些概念的普及, 正如前面提到的,本教程会以滴石作为范例进行解说, 有兴趣的能够先行下载体验一下.或者下载源代码研究下. 新建项目 打开HBuilder,在项目管理器中右键--新建 ...
- CASE函数 sql server——分组查询(方法和思想) ref和out 一般处理程序结合反射技术统一执行客户端请求 遍历查询结果集,update数据 HBuilder设置APP状态栏
CASE函数 作用: 可以将查询结果集的某一列的字段值进行替换 它可以生成一个新列 相当于switch...case和 if..else 使用语法: case 表达式/字段 when 值 then ...
- HBuilder开发App教程05-滴石和websql
滴石 介绍 滴石是用HBuilder开发的一款计划类app. 用到HBuilder,mui.nativejs以及h5一些特性. 预期 眼下仅仅开发到todolist级别, 以后计划做成日计划,月计划, ...
- Hbuilder开发app实战-识岁06-face++的js实现【完结】
前言 因为识岁app比較简单.所以这节就完结吧, 当然另一些能够优化完好的地方,可是个人兴趣不是非常大, 有想继续完好的,源代码在这里:https://github.com/uikoo9/shisui ...
随机推荐
- Python 内置函数 day4
import random s = 'abczfg' st= {3,4,9,1,8} print(dir(random))#打印模块内的方法,输出模块/变量可以调用的方法 print(dir(s))# ...
- Echarts特效散点图全解
mytextStyle={ color:"#333", //文字颜色 fontStyle:"normal", //italic斜体 oblique倾斜 font ...
- 【GC】
using 语句适用于清理单个非托管资源的情况,而多个非托管对象的清理最好以 try-finnaly 来实现,因为嵌套的 using 语句可能存在隐藏的 Bug.内层 using 块引发异常时,将不能 ...
- How To:python pip install
官方网站 https://pypi.python.org/pypi/pip/ 下载需要的版本 wget https://pypi.python.org/packages/source/p/pi ...
- 【解题报告】 洛谷 P3492 [POI2009]TAB-Arrays
[解题报告] 洛谷 P3492 [POI2009]TAB-Arrays 这题是我随机跳题的时候跳到的.写完这道题之后,顺便看了一下题解,发现只有一篇题解,所以就在这里顺便写一个解题报告了. 首先当然是 ...
- 121. Best Time to Buy and Sell Stock(动态规划)
Say you have an array for which the ith element is the price of a given stock on day i. If you were ...
- js调用ro的webservice
Enabling JavaScript Access on the Server Drop the JavaScriptHttpDispatcher component onto the server ...
- sencha touch 2中判断游览器是否包含webkit的方法
<script type="text/javascript"> if (!Ext.browser.is.WebKit) { alert("The curren ...
- 小记——GTMD校园网
前言 学校一年前开通了校园网,然鹅信号未覆盖我们住的公寓,又多忍受了一年的小破宽带(10M带宽,100块300个小时) 上个星期,架设了一年的校园网终于通了,然后我们发现——校园网69元一个月,一个用 ...
- 使用Java VisualVM配置Java应用程序/分析CPU或内存的使用情况(转)
以下内容翻译自(机翻):https://baptiste-wicht.com/posts/2010/07/profile-applications-java-visualvm.html 当您需要发现应 ...