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

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. Android 动态设置 layout_centerInParent

    RelativeLayout.LayoutParams rp = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutPa ...

  2. Linux如何查看端口(转)

    Linux如何查看端口 1.lsof -i:端口号 用于查看某一端口的占用情况,比如查看8000端口使用情况,lsof -i:8000 # lsof -i:8000 COMMAND PID USER ...

  3. Django - 一对多跨表操作

    1.views.py 2.host.html 运行结果: 通过外键,来进行多表取值(多表取值包括后台取值及前端获取): 多表获取数据时,可以通过以下几种方式实现: 1.从query  set 中获取某 ...

  4. 网络:NAT使用场景

    NAT:Network Address Translation  网络地址转换 使用场景:家庭局域网,公司局域网的网络设备没有公网IP地址如何访问互联网? 简单图示: 理解一些原理: 1,互联网中网络 ...

  5. gitlab的添加密钥

    1.在本地电脑下载git的客户端并且安装 2.鼠标右键左面选中Git Bash Here 3.操作如下图生成密钥 4.将密钥复制过来添加到gitLab中 5.Eclipse配置密钥 6.在git创建的 ...

  6. 第二节:web爬虫之lxml解析库

    lxml是python的一个解析库,支持HTML和XML的解析,支持XPath解析方式,而且解析效率非常高.

  7. Python基础-画菱形

    方法一 n = int(input('请输入:')) for i in range(1, n, 2): print(('*'*i).center(n)) for i in reversed(range ...

  8. Codeforces Hello 2018 C - Party Lemonade

    传送门:http://codeforces.com/contest/913/problem/C 有n类物品,第i(i=0,1,2,...,n-1)类物品的价值为2i,花费为ci.任意选择物品,使得总价 ...

  9. redis学习五,redis集群搭建及添加主从节点

    redis集群 java架构师项目实战,高并发集群分布式,大数据高可用,视频教程 在redis3.0之前,出现了sentinel工具来监控各个Master的状态(可以看上一篇博客).如果Master异 ...

  10. mongoDB全文索引

    相关文章:php使用Coreseek实现全文索引 Introduction Mongo provides some functionality that is useful for text sear ...