doracms代码学习一

doracms源码路径:
https://git.oschina.net/doramart/DoraCMS
当前主要研究了doracms的后台代码
doracms的后台请求是用domain.js来控制页面的渲染,具体的content.js来控制数据的请求和处理,
下面是新增的一个 人员管理模块
流程如下:
这里写图片描述

一.在点击员工列表时,会发送请求http://127.0.0.1/person/userInfo,进过router下面的person.js来确定渲染什么界面:

// 用户主页
router.get('/userInfo', function(req, res, next) {
        res.render('personinfo/personList', {title: Settings.SITETITLE ,bigCategory : Settings.CONTENTLIST ,description : '人员管理',layout: 'manage/adminTemp'});
});

注意仅仅只是render,并不是redirect,所以当前链接不变,window.loation.href 还是http://127.0.0.1/person/userInfo

二.在personList.ejs界面中通过angular.js的$http服务去做请求:

angular.module("adminApp",[]).controller("adminCtrl",function($scope,$http){       
           //注册点击事件:
            $scope.addPerson = function () {
                window.location.href="/person/userInfo/add";
                };

           $http.get("/person/userInfo/list").success(function(result){
           console.log("getData success!");
           $scope.data = result.personlist;
           console.log($scope.data);
        });
    });

三.在person.js中会接收到对应的get请求:

router.get('/userInfo/list', function(req, res, next) {
        Custom.find({}, function (err,result) {
            if(err){

            }else{
                console.log("lala"+" success!"+result)
                            res.json({personlist : result});
            }
        })
});

四.前段页面通过angular.js 的ng-repeate去处理数据。
注意这里res.json的返回值类型会吧obj转成数组,处理时要注意
这里写图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值