查看“通用导航开发(逻辑层)”的源代码
←
通用导航开发(逻辑层)
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==视图层== 在nav/index.js中添加如下内容: <nowiki>'use strict' require('./index.css'); var _mm = require('util/mm.js'); var nav = { init : function() { this.bindEvent(); this.loadUserInfo(); this.loadCartCount(); return this; }, bindEvent : function() { //登录点击事件 $('.js-login').click(function(){ _mm.doLogin(); }); //注册点击事件 $('.js-register').click(function(){ window.location.href = './register.html'; }); //退出点击事件 }, loadUserInfo : function(){ }, loadCartCount : function(){ } }; module.exports = nav.init();</nowiki> ==服务层== service/user-service.js: <nowiki> 'use strict'; var _mm = require('util/mm.js'); var _user ={ //检查登录状态 checkLogin : function(resolve,reject){ _mm.request({ url: _mm.getServerUrl('/user/get_user_info.do'), method:'POST', success : resolve, error : reject }); }, logout : function(resolve,reject){ _mm.request({ //登出 url: _mm.getServerUrl('/user/logout.do'), method:'POST', success : resolve, error : reject }); } } module.exports = _user;</nowiki> service/cart-service.js: <nowiki>'use strict'; var _mm = require('util/mm.js'); var _cart ={ //获取购物车数量 getCartCount : function(resolve,reject){ _mm.request({ //登出 url: _mm.getServerUrl('/user/get_cart_product_count.do'), success : resolve, error : reject }); } } module.exports = _cart;</nowiki> ==视图层调用服务层== 在nav/index.js调用user-service和cart-service: <nowiki>'use strict' require('./index.css'); var _mm = require('util/mm.js'); var _user = require('service/user-service.js'); var _cart = require('service/cart-service.js'); var nav = { init : function() { this.bindEvent(); this.loadUserInfo(); this.loadCartCount(); return this; }, bindEvent : function() { //登录点击事件 $('.js-login').click(function(){ _mm.doLogin(); }); //注册点击事件 $('.js-register').click(function(){ window.location.href = './register.html'; }); //退出点击事件 $('.js-logout').click(function(){ _user.logout(function(res){ window.location.reload(); },function(errMsg){ _mm.errorTips(errMsg); }); }); }, //加载用户信息 loadUserInfo : function(){ _user.checkLogin(function(res){ $('.user.not-login').hide().siblings('.user.login').show(). .find('.username').text(res.username); },function(errMsg){ // _mm.errorTips(errMsg); }); }, //加载购物车数量 loadCartCount : function(){ _cart.getCartCount(function(res){ $('.nav .cart-count').text(res || 0); },function(errMsg){ $('.nav .cart-count').text(0); // _mm.errorTips(errMsg); }); } }; module.exports = nav.init();</nowiki>
返回至
通用导航开发(逻辑层)
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息