编程语言
首页 > 编程语言> > javascript-有人可以为大型Web应用程序建议一个好的客户端体系结构吗?

javascript-有人可以为大型Web应用程序建议一个好的客户端体系结构吗?

作者:互联网

我正在构建一个大型Web应用程序.它将在未来增长,因此我需要为我的应用程序提供良好的后端和前端架构.在站点的后面,我使用Zend Framework,因此该体系结构对我来说还可以.但是在最前面,如果没有良好的体系结构就使用javascript和ajax会使以后的更改变得困难而令人困惑.

现在,我正在使用自己的体系结构.对于整个应用程序,我有一个大对象,例如BigObject.我将模块添加到站点时对其进行扩展.说我有一个上传模块.我用这个:


BigObject.upload={
    //initialization
    init:function(){
    },
    //I tried to use what I named semi-MVC architecture!!!
    controllers:{
        //index is a controller
        someController:{
            init:function(){
                //initialization
            },
            someAction:function(){
                //Code goes here
                //call a model if necessary
                //call view script
                BigObject.upload.views.someController.someAction();
            }
        }
    },
    models:{
        //models required for this module like loading contents with ajax.
        loadContent:function(part,callback){
        }
    }
    views:{
        init:function(){
            //initialize view
        },
        someController:{
            someAction:function(){
            }
        }
    }
}

你怎么看?有没有更好的解决方案来解决这个问题?有人想到过Web应用程序前端部分的良好结构(例如后端的结构,良好的文件结构和面向对象的方法)吗?

解决方法:

很多人为大型应用程序而推崇Dojo或YUI.它们是诚实的框架,您在其中可以找到的大多数其他东西都是图书馆.

就个人而言,我倾向于使用jQuery.我根据需要创建jQuery插件或jQueryUI Widget.我设法将jQueryUI推得很远.

一切都放在$.fn.myPlugin或$.ui.myWidget中.对我而言,这具有使您保持代码的高度模块化和可移植性的附加好处(假设您遵守jQuery / jQueryUI约定).

$(element).myWidget({
    color:'eggplant',
    someValue:42
});

$.upload(args);

标签:architecture,client-side,javascript,design-patterns
来源: https://codeday.me/bug/20191105/1998386.html