bc... [google]
Home » Source Code » A rapid-web-application-prototyping framework in JavaScript

A rapid-web-application-prototyping framework in JavaScript

firstzhang
2016-05-17 06:13:46
The author
View(s):
Download(s): 0
Point (s): 1 
Category Category:
AllAll

Description

Spinetail

A rapid-web-application-prototyping framework in javascript ## Documentation ## ### About ###

Please read the README

Spinetail is a lightweight javascript framework designed to help developers quickly and easily create working prototypes of web applications. Unlike other javascript frameworks Spinetail is not designed to be secure, robust or comprehensive. Instead Spinetail has no external dependencies, is small, fast, easy to learn, easy to use and easy to setup. With Spinetail you don't need to spend time configuring a server or otherwise setting up a development environment. Spinetail requires no server configuration or setup of any kind and can run in any browser that supports javascript and AJAX (active internet connection not required). Simply download spinetail to a web-accessible local directory, or upload it to a public-facing web server then get started prototyping your application using an MVC architectural pattern, javascript and HTML.

When to Use Spinetail

Use spinetail when you want to prototype a web-application before you start on the production or development builds, and possibly before you even decide on what technologies the web application will use. You may have some static wireframes to work off of or a written specification, but in either case you need to see the program in action at an early stage. ### Strengths and Weaknesses ### #### Strengths ####

Spinetail Framework
  • Written entirely in javascript
  • 72K uncompressed including all third-party code
  • Global abatement to prevent clashing
  • Exception handling
  • No server setup
  • Extremely simple templating
  • URL parameters automatically mapped to global object
Spinetail Applications
  • MVC architectural pattern
  • Simple CRUD Interface (Create, Read, Update, Delete)
  • Views are plain HTML
  • Controllers are javascript
  • Applications can be distributed easily (e.g. zip your app and e-mail it)

Weaknesses

Spinetail Framework
  • No POST support
Spinetail Applications
  • Model data is not persistant

Setup

Basic setup consists of three simple steps
  • Unarchive spinetail into a web-accessible directory (e.g. ~/Sites/spinetail on Mac OS X)
  • Open index.xml in an editor of your choice and set the base href tag to point to your root spinetail directory
  • Open index.xml in a web browser
If you want to use a model there are two additional steps
  • Familiarize yourself with Taffy DB (http://www.taffydb.com)
  • Create collections in /_model/collections.js

Getting Started

  1. Create a new view file named "hello_world.html" and place it in the /_view directory.
  2. Edit hello_world.html to include only the following text: %%replaceMe%%
  3. Next create a new controller file named "hello_world.json" (views and controllers always have the same file name) and place it in the /_controllers directory.
  4. Edit the hello_world.json file to include the following code: ``` { /* If you want to use comments in your controller they must be of multi-line type, not // */ documentTitle: "Hello World!", main: function() { document.title = this.documentTitle;

        return spinetail.replaceInView(arguments[0], "foo", spinetail.currentParameters.replaceWith);
            }
    }

`` 1. Ask spinetail to dispatch your new view, and deserialize your new controller by visiting: http://yourdomain/path/to/spinetail/index.xml?view=hello_world&replaceWith=Hello%20World!`

  • Your controller's methods and properties are now mapped to the spinetail.currentController object
  • All of the parameters you passed in the URL string are now mapped to the spinetail.currentParameters object
  • Properties and methods defined in globals.js are now mapped to the spinetail.globals object
  • Your model is mapped to spinetail.model

For basic functionality, that is all there is to it. If you want to work with a model, read the "Working with Model" section below.

Note: Controllers can of course contain any number of properties and methods, but only the main method is executed when a view is dispatched. If you want a specific method within your controller to be executed when you dispatch a view (AKA onLoad), make sure to call it from main. ### Working with Models ### Once you familiarize yourself with Taffy DB (http://www.taffydb.com), working with models in spinetail is really very simple and intuitive. Data can be created, read, updated and deleted from "collections" by creating simple methods in your controllers. The important thing to remember though is that in spinetail, data is not persistent. Meaning any changes made to a collection's data revert during the next page load. The exception to this is data that is defined in the collections.js file, when a collection itself is defined.If you need data to persist you can modify spinetail to write cookies or use some sort of server-side data store. ### What's a "Spinetail" ### It's a bird. Try a google search for "spinetail bird photos."

Sponsored links

File list

Tips: You can preview the content of files by clicking file names^_^
Name Size Date
Sponsored links

Comments

(Add your comment, get 0.1 Point)
Minimum:15 words, Maximum:160 words
  • 1
  • Page 1
  • Total 1

A rapid-web-application-prototyping framework in JavaScript (16.92 kB)

Need 1 Point(s)
Your Point (s)

Your Point isn't enough.

Get 22 Point immediately by PayPal

Point will be added to your account automatically after the transaction.

More(Debit card / Credit card / PayPal Credit / Online Banking)

Submit your source codes. Get more Points

LOGIN

Don't have an account? Register now
Need any help?
Mail to: support@codeforge.com

切换到中文版?

CodeForge Chinese Version
CodeForge English Version

Where are you going?

^_^"Oops ...

Sorry!This guy is mysterious, its blog hasn't been opened, try another, please!
OK

Warm tip!

CodeForge to FavoriteFavorite by Ctrl+D