Angularjs构建一个CRUD应用可能用到的全部内容包括：数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入

使用Angularjs 

优点：

构建一个CRUD应用可能用到的全部内容包括：数据绑定、基本模板标识符、表单验证、路由、深度链接、组件重用、依赖注入。

 

 

 

 

 

 

 

 

 

 

 

 

var AppController = function($scope)
{

    /** 显示列表 **/
    $scope.AppList = [];
    $scope.getAppPageList = function(page, size, noDigest)
    {
        DAO.getAppPageList(function(service){
            $scope.AppList = service.appList;
            $scope.$digest(); // 刷新显示数据
        }, {page: page, size: size});
    };


    $scope.AddAppPanelShow = false; // 显示弹出框
    $scope.getAppPageList(1, 12, 'digest'); // 初始化显示列表

    /** 显示添加页面 **/
    $scope.showAppPanel = function()
    {
        $scope.AddAppModel = {};
        $scope.AddAppPanelShow = true;
    };

    /** 添加App **/
    $scope.addAppAction = function()
    {
        var strArr = [];
        for(var key in $scope.AddAppModel)
            strArr.push(key + ' : "' + $scope.AddAppModel[key] + '"');

        $scope.AddAppPanelShow = false; //
        alert(strArr.join(','));
    };

    /** 显示修改App **/
    $scope.updateApp = function(app)
    {
        $scope.AddAppModel = app;
        $scope.AddAppPanelShow = true;
    };
}

/** DAO 数据请求 **/
var DAO = {
    getAppPageList : function(cb, condition)
    {
        Util.getJsonP('appServlect/getAppPageList.js?callback=funCall', cb, null, condition);
    }
};

var Util = {

    /** 获取http数据请求 **/
    getHttpData : function(url, cb, errorcb, data, type)
    {
        $.ajax({
            url : url,
            type : type,
            data : data,
            timeout:30000,
            success : function(redata, s)
            {
                cb.call(this, redata);
            },
            error : function()
            {
                alert('请求失败！');
                if(errorcb != null)
                errorcb.call(this);
            }
        });
    },

    /** jsonp **/
    getJsonP : function(url, cb, errorcb, params)
    {
        funCall = cb;
        $.jsonp({ url : url});
    }
};
var funCall = function() {};

var AppController = function($scope)
{

	/** 显示列表 **/
	$scope.AppList = [];
	$scope.getAppPageList = function(page, size, noDigest)
	{
		DAO.getAppPageList(function(service){
			$scope.AppList = service.appList;
			$scope.$digest(); // 刷新显示数据
		}, {page: page, size: size});
	};
	

	$scope.AddAppPanelShow = false; // 显示弹出框
	$scope.getAppPageList(1, 12, 'digest'); // 初始化显示列表
	
	/** 显示添加页面 **/
	$scope.showAppPanel = function()
	{
		$scope.AddAppModel = {};
		$scope.AddAppPanelShow = true;
	};

	/** 添加App **/
	$scope.addAppAction = function()
	{
		var strArr = [];
		for(var key in $scope.AddAppModel)
			strArr.push(key + ' : "' + $scope.AddAppModel[key] + '"');
		
		$scope.AddAppPanelShow = false; // 
		alert(strArr.join(','));
	};

	/** 显示修改App **/
	$scope.updateApp = function(app)
	{
		$scope.AddAppModel = app;
		$scope.AddAppPanelShow = true; 
	};
}

/** DAO 数据请求 **/
var DAO = {
	getAppPageList : function(cb, condition)
	{
		Util.getJsonP('appServlect/getAppPageList.js?callback=funCall', cb, null, condition);
	}
};

var Util = {

	/** 获取http数据请求 **/
	getHttpData : function(url, cb, errorcb, data, type)
	{
		$.ajax({
			url : url,
			type : type,
			data : data,
			timeout:30000,
			success : function(redata, s)
			{
				cb.call(this, redata);
			},
			error : function()
			{
				alert('请求失败！');
				if(errorcb != null)
				errorcb.call(this);
			}
		});
	},
	
	/** jsonp **/
	getJsonP : function(url, cb, errorcb, params)
	{
		funCall = cb;
		$.jsonp({ url : url});
	}
};
var funCall = function() {};

 

• 
• 大小: 23.4 KB

• 
• 大小: 95.1 KB

• 
• 大小: 101.5 KB

• 
• 大小: 189.5 KB

• 
• 大小: 68.2 KB

• angular-CURD.zip (99.5 KB)
• 下载次数: 315

http://leiwuluan.iteye.com/blog/1855338