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+空格是&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

posted @ 2018-07-17 09:36  查克拉的觉醒  阅读(346)  评论(0编辑  收藏  举报