javascript - Basic dojo 1.7 simple web application with an elegant infrastructure (e.g dojo boilerplate) - Stack Overflow

admin管理员组

文章数量:1328983

I have e accross an sample application with dojo 1.5, but it's not really what I want to achieve : it is not modular at all. I want to make use of the amd, and various design patterns (like MVC) to have a very organize application. Unfortunately, the dojo munity and "example" are not quite visible or present (pare to Jquery). There's a lot of cool tutorials on various implementation of specific dojo features, but none that's explain the very basic on how to create a simple (but at the same time, plex) squeleton for a dojo project. I came across the dojo boilerplate project on github, and tried to start from there, but I find it really hard (as a beginner) to implement such trivial things such as an login or basic interface (and separate all that by module, event handling, data, etc.). I just don't want to make a dojo application by using only an index.html and one javascript file, I could do it, but for maintenance and adding stuff, it will just be a plete mess. With this post, I hope to gain some information on this specific subject and perhaps create a tutorial for dojo on how to start up a real web application. For example, applying the mvc pattern, I think a good application tutorial should have a login example (authentification) and a basic modular interface (like some kind of main container, and on various events, the container ui change for instance with different widget). I'll be working on something on github and posting up when I'm done. If your done before go ahead ;)

thank you.

I have e accross an sample application with dojo 1.5, but it's not really what I want to achieve : it is not modular at all. I want to make use of the amd, and various design patterns (like MVC) to have a very organize application. Unfortunately, the dojo munity and "example" are not quite visible or present (pare to Jquery). There's a lot of cool tutorials on various implementation of specific dojo features, but none that's explain the very basic on how to create a simple (but at the same time, plex) squeleton for a dojo project. I came across the dojo boilerplate project on github, and tried to start from there, but I find it really hard (as a beginner) to implement such trivial things such as an login or basic interface (and separate all that by module, event handling, data, etc.). I just don't want to make a dojo application by using only an index.html and one javascript file, I could do it, but for maintenance and adding stuff, it will just be a plete mess. With this post, I hope to gain some information on this specific subject and perhaps create a tutorial for dojo on how to start up a real web application. For example, applying the mvc pattern, I think a good application tutorial should have a login example (authentification) and a basic modular interface (like some kind of main container, and on various events, the container ui change for instance with different widget). I'll be working on something on github and posting up when I'm done. If your done before go ahead ;)

thank you.

• javascript
• model-view-controller
• dojo

Share Follow edited Jun 12, 2012 at 21:03 fneron asked Jun 12, 2012 at 20:24 fneronfneron 1,09733 gold badges1515 silver badges4040 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

There is TodoMVC at GitHub:

a project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today.

It employs dojox.mvc @PEM mentioned. It's not a typical way of building Dojo applications as dojox.mvc was released just on May 16th, 2011, but it is worth looking at. There is also live demo and tutorial Creating Todo MVC in Dojo:

• Overview
• Part 1: Models
• Part 2: Views
• Part 3: Controllers

Also have a look at the source code of Dojo Web Builder (+ article Introducing the New Dojo Web Builder).

Last but not least is Maqetta (sources at GitHub), the most plex Dojo application one can find. Look esp. in maqetta.core.client/WebContent/ directory.

Maybe you have not searched enough? Dojo MVC :

• http://livedocs.dojotoolkit/dojox/mvc
• http://dojotoolkit/documentation/tutorials/1.7/data_modeling/

I just don't want to make a dojo application by using only an index.html and one javascript file

But that's basically what Dojo is for and good at... If you just want to make cute animation on a plain old html website, rather go for jquery, it's sexier.

Now if you want to do a "real web application" then dojo is the right framework. But you'll also have to learn how to use it.

There are a couple issues with building a sample application tutorial.

First, a sample application with what you have described will need a web server to municate with. Dojo is web server agnostic, so what technology do you choose to for the sample application? Secondly, a server is now required to make the demo available online, or the person interested in looking at the demo would need to install the web server. As simple as this sounds, it is a barrier and prevents a more novice person from continuing.

Second, even with a web server there are many ways to build/architect a web application.

I think a good application tutorial should have a login example (authentification) and a basic modular interface (like some kind of main container, and on various events, the container ui change for instance with different widget)

From what you have posted, it reads like you are looking for a single page application. There are downsides to single page apps (such as SEO) and creating a sample single page application needs to make it clear to the developer what the downsides of using the sample are. It's not the magic bullet for all Dojo/Web applications.

I have a project up on Github and it certainly isn't ready for primetime, but you can take a look. This is a Single Page Application that uses Java/Spring for the backend server. I am a couple days away from checking in the Spring Pet Clinic example which will demonstrate some of the functionality. I also need to update the wiki to describe how to create a sample application.

https://github./cswing/evinceframework

Also, I use the theme tester often to take a look at different widgets. Not entirely what you are looking for, but some who get to this question may find the link useful.

http://archive.dojotoolkit/nightly/dojotoolkit/dijit/themes/themeTester.html

本文标签：