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 ...
随机推荐
- JAR包中读取资源文件
我们常常在代码中读取一些资源文件(比如图片,音乐,文本等等).在单独运行的时候这些简单的处理当然不会有问题.但是,如果我们把代码打成一个jar包以后,即使将资源文件一并打包,这些东西也找不出来了.看看 ...
- Java中“==”、“compareTo()”和“equals()”的区别
在比较两个对象或者数据大小的时候,经常会用到==.compareTo()和equals(),尤其是在接入了Comparable接口后重写compareTo方法等场景,所以我们来理一下这三个的区别. 1 ...
- 怎么选择最适合自己的Python培训机构?
Python培训已经成为入门Python的一个重要途径,它的优势在于学习知识的系统性.快速性和实用性.Python培训毕业的学员大多数拥有较强的实战动手能力,能够较快上手,更符合企业需求. 不过,大部 ...
- 7-11 社交网络图中结点的“重要性”计算 (30 分)(Dijkstra算法)
题意: 思路:对每个输入的点跑一遍dijkstra算法,然后对这个点到所有点的距离求和按公式输出就可以了. (这次尝试了用数组模拟链表来做最短路问题,刷新了自己对最短路的理解) 这里构造链表的过程我 ...
- ELK6 收集不同来源的日志并做区分
https://blog.csdn.net/u010871982/article/details/79035317 使用filebeat替代logstash进行日志采集 https://blog.cs ...
- Windows Phone开发(18):变形金刚第九季
变换不是一个好理解的概念,不是吓你,它涉及很多有关代数,几何,以及线性代数的知识.怎么?被我的话吓怕了?不用怕,尽管我们未必能够理解这些概念,只要我们知道怎么使用它们就是了.其实,变换就是平面上一种坐 ...
- Problem 34
Problem 34 https://projecteuler.net/problem=34 145 is a curious number, as 1! + 4! + 5! = 1 + 24 + 1 ...
- php 漏洞分析
addslashes() 函数返回在预定义字符之前添加反斜杠的字符串.
- ansible common modules
##Some common modules[cloud modules] [clustering modules] [command modules]command - executes a comm ...
- 【ACM】hdu_1276_士兵队列训练问题_201308131032
士兵队列训练问题Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Sub ...