Introduction to Dojo's UI framework Bootstrap for Dojo

Recently in the study of dojo, but the style of the problem is really a headache ah, although the fresh light blue is a slow eye fatigue, but this flat simple wind prevailing in the era, the light is fresh to meet the needs of the masses, so in such a demand, I know the bootstrap for Dojo UI existence , and the good news is that this is based on BSD and Apache Open source protocol, that is, like dojo can change the source code, can be free commercial, your project does not have to open source, like Dojo, very cool.

The address on GitHub is Https://github.com/atoha/dbootstrap, and the demo address is http://martinpengellyphillips.github.com/dbootstrap/, Who said that dojo is not extjs good-looking, just because of their lazy, since lazy, but also do not find the wheel of Daniel made, good, and so I am excited to download down after the discovery do not know how to run, this is the blog to play the importance of.

First download, do not click on the download Zip button on GitHub, because some files in the project are other project files, the direct download will not contain the referenced files, to copy the following instructions in the

git clone--recursive git://github.com/martinpengellyphillips/dbootstrap.git

This I do not say in detail, used Git know how to do, useless to learn it, there is good.

The directory structure after the git download is like this

Your download file may be a few more than me, this is because I deleted the useless. And you do not have a build directory, this directory is the last directory we want to build, continue to look down!

And then it's the highlight.

Here need to install four files, as for the installation method I can only briefly summarize, after all, install software for the engineer should not be difficult, the online post said more than I want more detailed.

The first step: Install Python, here to note that Python version is limited, to be greater than or equal to 2.6, less than 3, Now the latest python2.x version of the official website is 2.7, so I use the 2.7 version, as if you need to be compatible with IE8, can not use the same as jquery2.1.4, can only use 1.11.3.

Step two, install node, this step I will not say, self-check it, very simple. But to version greater than or equal to 0.10.5, fortunately, the download connection of the official website is now 0.12.x.

Third, install stylus, this stylus is actually a CSS precompiled language, but here is a node built based on the compilation Styl file module, so after you install node, presumably you also know NPM, is a node module management tool, In the console, enter:

NPM Install-g Stylus

Can, after waiting for installation finished,-G must not be lost, this is very important, meaning this module is available in any file directory. The stylus version requires a minimum of 0.31, but when you look at this post, the NPM version is already larger than this version, no need to care.

The third, Java JDK installation, not to mention. Configure the JDK environment posts more than the configuration node, self-search it, but more than 7, I use the latest 8.

When these steps are done, the next step is to generate a running demo:

Also very simple CD into the Dbootstrap directory, that is, the root directory of the build.py file

Run the following command line

Python build.py Demo

In this case, the build directory will be generated in the Dbootstrap directory, which is the compiled file, but the portal HTML file under Dbootstrap\source\index.html, at this time in the server environment to run index.html, as follows:

How, completely bootstrap style bar, but all is this kind of style to see much, how do I feel Bojo's default style instead more good-looking, haha!!!

Second add:

Another Dojoui frame: dojo-bootstrap

This one netizen recommended, I also looked under, after all because oneself lazy, do not want to write, hey.

GitHub Address: Https://github.com/xsokev/Dojo-Bootstrap

Demo Address: http://xsokev.github.io/Dojo-Bootstrap/

This is easier to build than the first one.

Download the file directly, then go to the project root directory and download the dependencies with Bower

First step: Install Bower

NPM Install-g Bower

Step Two: Install dependencies

Bower Install

You can run dojo-bootstrap/tests/index.html at this point.

Introduction to Dojo's UI framework Bootstrap for Dojo