发表于: 2018-01-25 02:26:05

1 631


今天完成的事

修改前端页面

<div class="container-text">
   <div class="btn btn3" data-ui-sref="myApp.my({uid:vm.uid})">< 返回</div>
   <div class="btn btn3">账户设置</div>
   <br>

   <div ng-click="vm.goShiName()">
       <div>【姓名】<span class="btn btn1">{{vm.user.name}}</span></div>
       <div>【身份证】<span class="btn btn1">{{vm.identity.identityNum}}</span></div>
   </div>
   <div>【绑定手机】<span class="btn btn1">{{vm.user.mobile}}</span></div>
   <div>
       <div data-ui-sref="bankCard({uid:vm.uid,verification:vm.user.verification})">
           <span>【默认银行卡】</span><br>
           <div class="btn btn1">银行名称:{{vm.bank.name}}</div>
           <div class="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 class="btn btn1" data-ui-sref="userPassword({uid:vm.uid})">修改登录密码</div>
   <div class="btn btn1">修改手势密码</div>

   <br>
   <div class="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


返回列表 返回列表
评论

    分享到