==========代码行快捷方法==========

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+空格是&nbsp;。 //点击事件: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的更多相关文章

  1. 【原创分享·支付宝支付】HBuilder打包APP调用支付宝客户端支付

    前言 最近有点空余时间,所以,就研究了一下APP支付.前面很早就搞完APP的微信支付了,但是由于时间上和应用上的情况,支付宝一直没空去研究.然后等我空了的时候,发现支付宝居然升级了支付逻辑,虽然目前还 ...

  2. HBuilder开发App教程04-最难搞定的是mui

    前言 前几篇说到一些HBuilder开发app的基础教程, 现在来说一下HBuilder开发app的难点,或者说是上手的难点, 就是mui, 如果你没有研究mui就贸然的上手HBuilder,那你的开 ...

  3. hbuilder IOS APP 打包与发布2

    在上一篇的<hbuilder IOS APP 打包与发布>中,请求 的 是APP ids .  ios开发证书 .和开发配置文件  ,   这一篇中就不写发布证书和配置文件的请求,因为流程 ...

  4. springboot+layui实现PC端用户的增删改查 & 整合mui实现app端的自动登录和用户的上拉加载 & HBuilder打包app并在手机端下载安装

    springboot整合web开发的各个组件在前面已经有详细的介绍,下面是用springboot整合layui实现了基本的增删改查. 同时在学习mui开发app,也就用mui实现了一个简单的自动登录和 ...

  5. Hbuilder开发app实战-识岁03-文件上传

    前言 做app不得不谈的问题就是文件上传.用hbuilder开发app让上传变的非常easy. Uploader Uploader模块管理网络上传任务,用于从本地上传各种文件到server,并支持跨域 ...

  6. Hbuilder编辑App时,ajax跨域访问失败问题

    今天试着用Hbuilder写app的前段显示页面,在第一步时就被打住了,ajax异步调用服务器的登录接口时,报错, 显示这样的错误 XMLHttpRequest cannot loadhttp://w ...

  7. HBuilder开发App教程06-首页

    实战 前面几节基本是一些概念的普及, 正如前面提到的,本教程会以滴石作为范例进行解说, 有兴趣的能够先行下载体验一下.或者下载源代码研究下. 新建项目 打开HBuilder,在项目管理器中右键--新建 ...

  8. CASE函数 sql server——分组查询(方法和思想) ref和out 一般处理程序结合反射技术统一执行客户端请求 遍历查询结果集,update数据 HBuilder设置APP状态栏

    CASE函数   作用: 可以将查询结果集的某一列的字段值进行替换 它可以生成一个新列 相当于switch...case和 if..else 使用语法: case 表达式/字段 when 值 then ...

  9. HBuilder开发App教程05-滴石和websql

    滴石 介绍 滴石是用HBuilder开发的一款计划类app. 用到HBuilder,mui.nativejs以及h5一些特性. 预期 眼下仅仅开发到todolist级别, 以后计划做成日计划,月计划, ...

  10. Hbuilder开发app实战-识岁06-face++的js实现【完结】

    前言 因为识岁app比較简单.所以这节就完结吧, 当然另一些能够优化完好的地方,可是个人兴趣不是非常大, 有想继续完好的,源代码在这里:https://github.com/uikoo9/shisui ...

随机推荐

  1. PAT-day1

    1001 害死人不偿命的(3n+1)猜想 (15 分)   卡拉兹(Callatz)猜想: 对任何一个正整数 n,如果它是偶数,那么把它砍掉一半:如果它是奇数,那么把 ( 3n+1)砍掉一半.这样一直 ...

  2. Python 内置函数 day4

    import random s = 'abczfg' st= {3,4,9,1,8} print(dir(random))#打印模块内的方法,输出模块/变量可以调用的方法 print(dir(s))# ...

  3. c++ map: 使用struct或者数组做value

    Notice 如果是program中有两个map对象,可能你需要两个map iterator,但是注意两个iter object不能命名一样,可以分别为iter1, iter2 Example #in ...

  4. 51nod 1002 数塔取数问题【dp】

    一个高度为N的由正整数组成的三角形,从上走到下,求经过的数字和的最大值. 每次只能走到下一层相邻的数上,例如从第3层的6向下走,只能走到第4层的2或9上. 5 8 4 3 6 9 7 2 9 5 例子 ...

  5. ubuntu18.04安装chrome浏览器

    前几天把系统弄崩溃了,弄了好久也没弄好,索性直接装18.04,下面是安装chrom浏览器的步骤,网络上照着16.04安装的,应该是一样的 启动终端. 输入以下命令: sudo wget http:// ...

  6. PAT 1117 Eddington Number

    British astronomer Eddington liked to ride a bike. It is said that in order to show off his skill, h ...

  7. dubbo服务telnet命令的使用

    转自:https://www.cnblogs.com/feiqihang/p/4387330.html dubbo服务发布之后,我们可以利用telnet命令进行调试.管理.Dubbo2.0.5以上版本 ...

  8. ES6-babel转码

    关于BaBel转码 有人问我babel的功能以及执行的过程和配置,在网上查阅了大量的资料~收集到这些~有错请指出,及时修改. ------------------------------------- ...

  9. sha2 替换sha1 时间表

    由于sha1签名算法进入淘汰阶段,逐渐弃用中,sha1升级为sha2是大势所趋. 微软已经正式发布sha1弃用策略: http://blogs.technet.com/b/pki/archive/20 ...

  10. Java基础学习总结(70)——开发Java项目常用的工具汇总

    要想全面了解java开发工具,我们首先需要先了解一下java程序的开发过程,通过这个过程我们能够了解到java开发都需要用到那些工具. 首先我们先了解完整项目开发过程,如图所示: 从上图中我们能看到一 ...