发表于: 2018-01-24 22:05:39
1 614
今天完成的事
修改前端页面
<div "container-text">
<div "btn btn3" data-ui-sref="myApp.my({uid:vm.uid})">< 返回</div>
<div "btn btn3">账户设置</div>
<br>
<div ng-click="vm.goShiName()">
<div>【姓名】<span "btn btn1">{{vm.user.name}}</span></div>
<div>【身份证】<span "btn btn1">{{vm.identity.identityNum}}</span></div>
</div>
<div>【绑定手机】<span "btn btn1">{{vm.user.mobile}}</span></div>
<div>
<div data-ui-sref="bankCard({uid:vm.uid,verification:vm.user.verification})">
<span>【默认银行卡】</span><br>
<div "btn btn1">银行名称:{{vm.bank.name}}</div>
<div "btn btn1">银行卡号:{{vm.tUserBank.cardNum}}</div>
</div>
<div>【电子邮箱】<input type="text" ng-model="vm.user.email"></div><br>
<div>【详细地址】<input type="text" ng-model="vm.user.address"></div>
</div>
<br>
<div "btn btn1" data-ui-sref="userPassword({uid:vm.uid})">修改登录密码</div>
<div "btn btn1">修改手势密码</div>
<br>
<div "btn btn3" ng-click="vm.save()">保存</div>
<br>
<div>如需修改身份信息或手机号请拨打客服电话</div>
<div>客服电话 : 10086</div>
</div>
还有,jsp部分
myApp
.controller("userConfigCtrl", function ($scope, $http, $filter, $rootScope, $state) {
var vm=this;
vm.uid=$state.params.uid?$state.params.uid:'';
console.log("账户设置页加载完成!");
$http.get('/a/u/user/'+vm.uid+'/setting').then(function (response) {
// $scope.pages=Math.ceil(response.data.total/response.data.size);
vm.user=response.data.tUser;
vm.tUserBank=response.data.tUserBank;
vm.identity=response.data.tIdentity;
vm.bank=response.data.tBank;
console.log(vm.user);
console.log(vm.tUserBank);
console.log(vm.identity);
console.log(vm.bank);
});
vm.goShiName=function () {
console.log(vm.user.verifyStatus);
if(vm.user.verifyStatus===-1 || vm.user.verifyStatus===0){
$state.go('shiName',{uid:vm.uid},{reload:true});
} else {
console.log("已提交实名申请");
}
};
vm.save=function () {
console.log(vm.user.email);
console.log(vm.user.address);
var result=confirm("确认修改?");
if (result){
//请求的地址已经修改了,但是请求参数未修改
var params='email='+vm.user.email+'&address='+vm.user.address;
$http.put('/a/u/user/'+vm.uid+'/setting',params,{
headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'}
}).then(function (res) {
alert(res.data.message);
if(res.data.code===0){
$state.go('myApp.userConfig',{'uid':vm.uid},{reload:true});
}
});
}
}
});
虽然粗糙,但是对付能用了。
遇到的问题
前端知识知道的太少了
收获
初学Java web 对于JSP和JS的区别不是很理解,网上说JS是在客户端执行的,需要浏览器支持JavaScript,JSP是在服务器端执行的,需要服务器上部署支持Servlet的服务器程序。jsp 明明是客户端的显示页面为什么说是在服务器端执行的呢,js怎么就是在客户端执行了。这几天查了一些资料以及问了问一些大牛们,有了一点点自己的理解,说的不对地方望看到的大牛们指出。
HTML(Hypertext Markup Language)是文本标记语言,它是静态页面。是一种解释性语言,所谓解释性语言就是指可以在浏览器上显示出来,不需要编译工具的语言。
JSP(Java server page )是通过java语言实现的,是Java语言的一种使用方式,从其英文全称就可以看出它是Java服务器端页面,所以是动态页面。需要经过JDK编译后发送给客户端显示。
JS(javaScript) 是一种脚本语言。可以以<script> code </script>的形式混合在HTML页面中,使页面产生动态效果。
通俗简单点的理解:JSP就像做饭时的各种食材,js就像是厨师,将食材做成各种不同的色香味俱全的菜式(客户端的页面)。
以前ajax不熟练,更熟练点了
明天的计划
coding
评论