apicloud写的简单用户登录源码分享

Marlon在掘金
216 阅读11分钟
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6.                 <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7.                 <title>title</title>
  8.                 <link rel="stylesheet" type="text/css" href="../css/api.css"/>
  9.                 <link rel="stylesheet" type="text/css" href="../css/style.css" />
  10.                 <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
  11.         </head>
  12.         <body>
  13.                 <div class="aui-content aui-margin-b-15">
  14.                         <ul class="aui-list aui-form-list">
  15.                                 <li class="aui-list-item">
  16.                                         <div class="aui-list-item-inner">
  17.                                                 <div class="aui-list-item-label-icon">
  18.                                                         <i class="aui-iconfont aui-icon-mobile"></i>
  19.                                                 </div>
  20.                                                 <div class="aui-list-item-input">
  21.                                                         <input type="text" placeholder="手机号" id="mobile">
  22.                                                 </div>
  23.                                         </div>
  24.                                 </li>
  25.                                 <li class="aui-list-item">
  26.                                         <div class="aui-list-item-inner">
  27.                                                 <div class="aui-list-item-label-icon">
  28.                                                         <i class="aui-iconfont aui-icon-lock"></i>
  29.                                                 </div>
  30.                                                 <div class="aui-list-item-input">
  31.                                                         <input type="password" placeholder="密码" id="password">
  32.                                                 </div>
  33.                                                 <div class="aui-list-item-label-icon">
  34.                                                         <i class="aui-iconfont aui-icon-display"></i>
  35.                                                 </div>
  36.                                         </div>
  37.                                 </li>
  38.                         </ul>
  39.                 </div>
  40.                 <div class="mui-content-padded" align="center">
  41.                         <button type="button" class="mui-btn mui-btn-blue" id="login" onclick="login();">
  42.                                 登陆
  43.                         </button>
  44.                         <button type="button" class="mui-btn mui-btn-green" id="reg" onclick="user_reg();">
  45.                                 注册
  46.                         </button>
  47.                         <button type="button" class="mui-btn mui-btn-green" id="reset_password" onclick="reset_password();">
  48.                                 忘记密码
  49.                         </button>
  50.                 </div>
  51.         </body>
  52.         <script type="text/javascript" src="../script/api.js"></script>
  53.         <script type="text/javascript">
  54.                 function login() {
  55.                         api.ajax({
  56.                                 url : 'http://huodong.demo.com/index.php/api/Member/login',
  57.                                 method : 'post',
  58.                                 data : {
  59.                                         values : {
  60.                                                 mobile : document.getElementById("mobile").value,
  61.                                                 password : document.getElementById("password").value,
  62.                                                 uuid : api.deviceId
  63.                                         }
  64.                                 }
  65.                         }, function(data) {
  66.                                 if (data) {
  67.                                         if (data.code == 200) {
  68.                                                 //登录成功
  69.                                                 alert('登录成功');
  70.                                                 $api.setStorage("token", data.token);
  71.                                                 $api.setStorage('mobile', data.data.phone);
  72.                                                 $api.setStorage('alipay', data.data.alipay);
  73.                                                 $api.setStorage('weixin', data.data.weixin);
  74.                                                 $api.setStorage('realname', data.data.realname);
  75.                                                 $api.setStorage('address', data.data.address);
  76.                                                 $api.setStorage('caiwu', data.data.caiwu);
  77.                                                 $api.setStorage('grade', data.data.grade);
  78.                                                 $api.setStorage('is_buy', data.data.is_buy);
  79.                                                 $api.setStorage('is_inquiry', data.data.is_inquiry);
  80.                                                 $api.setStorage('is_addproduct', data.data.is_addproduct);
  81.                                                 $api.setStorage('is_checkout', data.data.is_checkout);
  82.                                                 $api.setStorage('is_stock', data.data.is_stock);
  83.                                                 $api.setStorage('is_cart', data.data.is_cart);
  84.                                                 if (data.data.pid > 0) {
  85.                                                         $api.setStorage('is_pid', 2);
  86.                                                 } else {
  87.                                                         $api.setStorage('is_pid', 1);
  88.                                                 }
  89.                                                 create_db();
  90.                                                 //                                                $api.setStorage('userid', data.data.id);
  91.                                                 if ($api.getStorage("from") == 'cart') {
  92.                                                         api.closeToWin({
  93.                                                                 name : 'cart_subcart'
  94.                                                         });
  95.                                                         api.execScript({
  96.                                                                 name : 'cart_subcart',
  97.                                                                 frameName : 'cart_subcart',
  98.                                                                 script : 'winreload();'
  99.                                                         });
  100.                                                 } else if ($api.getStorage("from") == 'inquiry') {
  101.                                                         api.closeToWin({
  102.                                                                 name : 'inquiry'
  103.                                                         });
  104.                                                         api.execScript({
  105.                                                                 name : 'inquiry',
  106.                                                                 frameName : 'inquiry_form',
  107.                                                                 script : 'winreload();'
  108.                                                         });
  109.                                                 } else {
  110.                                                         api.openWin({
  111.                                                                 name : 'personer_index',
  112.                                                                 url : './a_headbackindex.html',
  113.                                                                 pageParam : {
  114.                                                                         title : '个人中心',
  115.                                                                         url : 'personer_index'
  116.                                                                 }
  117.                                                         });
  118.                                                 }
  119.                                         } else if (data.code == 402) {
  120.                                                 //登录失败
  121.                                                 alert('密码错误');
  122.                                         } else if (data.code == 403) {
  123.                                                 //登录失败
  124.                                                 alert('账号错误');
  125.                                         }
  126.                                 } else {
  127.                                         api.alert('111');
  128.                                 }
  129.                         });
  130.                 }

  132.                 //用户注册
  133.                 function user_reg() {
  134.                         api.openWin({
  135.                                 name : 'personer_reg',
  136.                                 url : './a_headbackindex.html',
  137.                                 pageParam : {
  138.                                         title : '注册',
  139.                                         url : 'personer_reg'
  140.                                 }
  141.                         });
  142.                 }

  144.                 //重置密码
  145.                 function reset_password() {
  146.                         api.openWin({
  147.                                 name : 'personer_resetpassword',
  148.                                 url : './a_headbackindex.html',
  149.                                 pageParam : {
  150.                                         title : '重置密码',
  151.                                         url : 'personer_resetpassword'
  152.                                 }
  153.                         });
  154.                 }

  156.                 var db;
  157.                 apiready = function() {
  158.                         db = api.require('db');
  159.                 };
  160.                 //创建数据库
  161.                 function create_db() {
  162.                         db.openDatabase({
  163.                                 name : 'ghuog_db' + $api.getStorage('mobile')
  164.                         }, function(ret, err) {
  165.                                 if (ret.status) {
  166.                                         db.executeSql({
  167.                                                 name : 'ghuog_db' + $api.getStorage('mobile'),
  168.                                                 sql : "create table T_Product(id integer primary key autoincrement,BarCode varchar(255) unique,ProName varchar(255),Num int(11),AddTime datetime,CostPrice float,MarketPrice float,ProPosition varchar(25),Status tinyint(1),supId int(10),ProSpec varchar(255),ProCat int(10))"
  169.                                         }, function(ret, err) {
  170.                                                 if (ret.status) {
  171.                                                         alert('商品表创建成功');
  172.                                                 } else {
  173.                                                 }
  174.                                         });
  175.                                         db.executeSql({
  176.                                                 name : 'ghuog_db' + $api.getStorage('mobile'),
  177.                                                 sql : "create table T_Stock(id integer primary key autoincrement,BarCode varchar(255),Num int(11),StockTime datetime,Note varchar(255),Status tinyint(1))"
  178.                                                 //sql : "INSERT INTO Product(BarCode,ProName,Num,CostPrice,MarketPrice,ProPosition)VALUES('123456789','测试商品','12','25','38','A1')"
  179.                                         }, function(ret, err) {
  180.                                                 if (ret.status) {
  181.                                                         alert('库存表创建成功');
  182.                                                 } else {
  183.                                                 }
  184.                                         });
  185.                                         db.executeSql({
  186.                                                 name : 'ghuog_db' + $api.getStorage('mobile'),
  187.                                                 sql : "create table T_CheckOut(id integer primary key autoincrement,ProName varchar(255),MarketPrice float,BarCode varchar(255),Num int(11),CheckTime datetime,OrderNum varchar(255),SubTotal float,Total float,Status tinyint(1))"
  188.                                                 //sql : "INSERT INTO Product(BarCode,ProName,Num,CostPrice,MarketPrice,ProPosition)VALUES('123456789','测试商品','12','25','38','A1')"
  189.                                         }, function(ret, err) {
  190.                                                 if (ret.status) {
  191.                                                         alert('出库表创建成功');
  192.                                                 } else {
  193.                                                 }
  194.                                         });
  195.                                         db.executeSql({
  196.                                                 name : 'ghuog_db' + $api.getStorage('mobile'),
  197.                                                 sql : "create table T_Supplier(id integer primary key autoincrement,pid integer not null,supid integer unique,SupplierName varchar(255),SupplierTel varchar(60),SupplierContact varchar(25),Status integer)"
  198.                                                 //sql : "INSERT INTO Product(BarCode,ProName,Num,CostPrice,MarketPrice,ProPosition)VALUES('123456789','测试商品','12','25','38','A1')"
  199.                                         }, function(ret, err) {
  200.                                                 if (ret.status) {
  201.                                                         alert('供应商表创建成功');
  202.                                                 } else {
  203.                                                 }
  204.                                         });
  205.                                         //供应商分类表
  206.                                         db.executeSql({
  207.                                                 name : 'ghuog_db' + $api.getStorage('mobile'),
  208.                                                 sql : "create table T_SupplierCat(id integer primary key autoincrement,pid integer,catid integer UNIQUE,SupplierCatName varchar(255))"
  209.                                         }, function(ret, err) {
  210.                                                 if (ret.status) {
  211.                                                         alert('供应商分类表创建成功');
  212.                                                 } else {
  213.                                                 }
  214.                                         });
  215.                                         //商品分类表
  216.                                         db.executeSql({
  217.                                                 name : 'ghuog_db' + $api.getStorage('mobile'),
  218.                                                 sql : "create table T_ProductCat(id integer primary key autoincrement,pid integer,catid integer UNIQUE,ProductCatName varchar(255))"
  219.                                         }, function(ret, err) {
  220.                                                 if (ret.status) {
  221.                                                         alert('商品分类表创建成功');
  222.                                                 } else {
  223.                                                 }
  224.                                         });
  225.                                         //商品退货表
  226.                                         db.executeSql({
  227.                                                 name : 'ghuog_db' + $api.getStorage('mobile'),
  228.                                                 sql : "create table T_ProductReturn(id integer primary key autoincrement,barcode varchar(60),num integer,is_sell tinyint,time datetime,note varchar(255),reason varchar(255),status tinyint)"
  229.                                         }, function(ret, err) {
  230.                                                 if (ret.status) {
  231.                                                         alert('商品退货表创建成功');
  232.                                                 } else {
  233.                                                 }
  234.                                         });
  235.                                 } else {
  236.                                 }
  237.                         });
  238.                 }
  239.         </script>
  240. </html>
avatar
文章
阅读
粉丝