|
本帖最后由 sunsanw 于 2017-1-26 12:57 编辑
为何我使用justep.Shell.showPage进行页面跳转,出现打开网页的空白页,而不是进入index的页面index.w如下
<?xml version="1.0" encoding="utf-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window"
design="device:m;">
<div component="$UI/system/components/justep/model/model" xid="model"
style="top:179px;left:288px;height:auto;">
<div component="$UI/system/components/justep/data/data" autoLoad="true"
xid="userData" idColumn="username" autoNew="false" confirmRefresh="false">
<column label="fID" name="fID" type="Integer" xid="default1"></column>
<column label="username" name="username" type="String" xid="default1"></column>
<column label="userpass" name="password" type="String" xid="default2"></column>
<column label="appid" name="appid" type="String" xid="xid1"></column>
<column label="modelid" name="modelid" type="String" xid="xid2"></column>
<column label="operateid" name="operateid" type="String" xid="xid3"></column></div>
</div>
<span component="$UI/system/components/justep/messageDialog/messageDialog"
xid="messageDialog" style="left:13px;top:415px;"/>
<div component="$UI/system/components/justep/contents/contents" class="x-contents x-full"
active="0" xid="contents1">
<div class="x-contents-content" xid="content1" style="background-image:url(img/loginbg4.jpg);">
<div xid="div1" style="margin:10px 50px 0px 50px;" align="center">
<img src="img/logo.png" alt="" xid="image1" height="150"></img>
</div>
<div class="form-vertical" component="$UI/system/components/bootstrap/form/form"
xid="form1">
<div xid="div12" class="form-group" style="margin-right:auto;margin-left:auto;width:95%;">
<label xid="label4" class="sr-only"><![CDATA[用户名]]></label>
<div xid="div14" class="input-group">
<div xid="div15" class="input-group-addon">
<span class="glyphicon glyphicon-user"/>
</div>
<input component="$UI/system/components/justep/input/input" class="form-control"
xid="username" placeHolder="请输入用户名" autoFocus="true"/>
</div>
</div>
<div xid="div13" class="form-group" style="margin-right:auto;margin-left:auto;width:95%;">
<label xid="label5" class="sr-only"><![CDATA[密码]]></label>
<div xid="div16" class="input-group">
<div xid="div17" class="input-group-addon">
<span class="glyphicon glyphicon-edit"/>
</div>
<input component="$UI/system/components/justep/input/password" class="form-control"
xid="password" placeHolder="请输入密码"/>
</div>
</div>
</div>
<div component="$UI/system/components/justep/row/row" class="x-row" xid="row4">
<div class="x-col" xid="col10" style="text-align:center;">
<a component="$UI/system/components/justep/button/button" class="btn btn-primary btn-block"
label="登录系统" xid="loginbt">
<i xid="i1"/>
<span xid="span1">登录系统</span>
</a>
</div>
</div>
<div component="$UI/system/components/justep/row/row" class="x-row" xid="row1">
<div class="x-col" xid="col2">
<div component="$UI/system/components/justep/labelEdit/labelEdit"
class="x-label-edit x-label30" xid="labelToggle2">
<label class="x-label" xid="label3" style="text-align:center;"><![CDATA[记住密码]]></label>
<span component="$UI/system/components/justep/button/toggle" class="x-toggle x-edit"
xid="toggle1" ON="开启" OFF="关闭"/>
</div>
</div>
</div>
<div xid="div3" style="margin:50px 20px 50px 20px;height:50px;text-align:center;">
<span xid="span2"><![CDATA[ © 2017 XXXXXXXXX]]></span>
</div>
</div>
</div>
</div>
login.js
define(function(require) {
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
var Model = function() {
this.callParent();
};
Model.prototype.btnCheckUserLogin = function(event) {
var self = this;
// 用户名和密码为空提示
if ($.trim(this.comp('username').val()) === "" || $.trim(this.comp('password').val()) === "") {
this.comp("messageDialog").show({
"title" : "温馨提示",
"message" : "忘记输入用户名或密码?"
});
} else {
var params = {
"appid" : '2',
"modelid" : 'login',
"operateid" : '111',
"username" : this.comp('username').val(),
"password" : this.comp('password').val()
};
// 请求成功后的回调方法
var success = function(resultData) {
if (resultData.username && resultData.password) {
localStorage.setItem('username', self.comp('username').val());
localStorage.setItem('password', self.comp('password').val());
if (self.comp('toggle1').val() === true) // 如果记住密码选中,登录成功则将用户名和密码保存到localStorage中
{
localStorage.setItem('un', self.comp('username').val());
localStorage.setItem('pw', self.comp('password').val());
localStorage.setItem('remeberMe', true);
} else // 否则不存储localStorage
{
localStorage.removeItem("un");
localStorage.removeItem("pw");
localStorage.removeItem('remeberMe');
}
justep.Shell.showPage("index");
//执行后事件中关闭当前页
});
} else {
self.comp("messageDialog").show({
"title" : "温馨提示",
"message" : "输入的用户名或密码不正确!"
});
}
};
$.ajax({
type : "get",
async : false,
url : "http://192.168.1.130:8080/AppServers/mainH5",
contentType : "application/json; charset=utf-8",
dataType : "jsonp",
// jsonp: "jsonCallback",
// jsonpCallback:"success jsonpCallback",
data : params,
success : success,
error : function(XMLHttpRequest, textStatus, errorThrown) {
// alert(XMLHttpRequest.readyState +'-'+
// XMLHttpRequest.status
// +'-'+ XMLHttpRequest.responseText);
alert('登录出错');
}
});
}
};
Model.prototype.modelLoad = function(event) {
if (localStorage.getItem('remeberMe')) {
var username = localStorage.getItem('un');
var password = localStorage.getItem('pw');
this.comp("username").set({
value : username
});
this.comp("password").set({
value : password
});
this.comp("toggle1").set({
value : true
});
}
};
return Model;
});
|
|