CanJS is one of the few client side MVC frameworks that can be used entirely modular. This means that if you only need can.Model you will only get the code necessary for can.Model. You can either use the download builder and select the components you want, clone the repository directly and use StealJS or use the AMD version from the full download or the Bower component.
bower install canjs
| can.Control.extend({ | |
| setControl: function(Ctrl, options) { | |
| if(this.current) { | |
| this.current.destroy(); | |
| } | |
| this.current = new Ctrl(this.element, options || this.options); | |
| }, | |
| route: function() { |
| cancompile: { | |
| dist: { | |
| src: ['public/app/**/*.mustache'], | |
| out: 'public/dist/views.production.js', | |
| wrapper: 'define([\'can/view/mustache\'], function(can) {\n{{{content}}}\n});' | |
| } | |
| }, | |
| requirejs: { | |
| compile: { | |
| options: { |
| <script src="components/requirejs/require.js"></script> | |
| <script type="text/javascript"> | |
| require.config({ | |
| paths : { | |
| jquery : "components/jquery/jquery", | |
| can: "components/canjs/amd/can", | |
| modal: "components/bootstrap/js/modal", | |
| lodash: "components/lodash/dist/lodash" | |
| }, | |
| shim: { |
| can.ajaxPrefilter(function(options, originalOptions) { | |
| // Change ContentType to application/json for POST and PUT | |
| if(options.processData && !(/^application\/json((\+|;).+)?$/i.test(options.contentType)) && /^(post|put|delete)$/i.test(options.type)) { | |
| options.contentType = "application/json"; | |
| options.data = JSON.stringify(originalOptions.data); | |
| } | |
| }); |
| 'use strict'; | |
| // TODO eventually swap this out for the actual https://github.com/feathersjs/feathers-memory | |
| var Proto = require('uberproto'); | |
| var _ = require('lodash'); | |
| // TODO (EK): Should we allow the ability to specify ascending | |
| // or descending order for sort and/or order functions? Should | |
| // you be able to sort by multiple attributes? | |
| // |
| can.Application.extend({ | |
| template: can.view('index.stache'), | |
| content: '#content', | |
| state: { | |
| }, | |
| routes: { | |
| empty: function(data) { |
In this post I'd like to introduce a full JavaScript web application stack that uses MongoDB and Node on the server and CanJS on the client. The concept is similar to the MEAN (MongoDB, Express, Angular and Node) stack but has some advantages worth mentioning:
| { | |
| "name": "funcunit-dmeo", | |
| "version": "0.0.0", | |
| "main": "lib/index.js", | |
| "license": "ISC", | |
| "private": true, | |
| "devDependencies": { | |
| "mocha": "~1.15.0", | |
| "chai": "~1.8.1", | |
| "funcunit": "git://github.com/bitovi/funcunit.git#abeedf7e7e75445e0ef6bb82a8cef250664d4c67" |
| var userService = mongodb({ | |
| db: 'feathers-demo', | |
| collection: 'users' | |
| }).extend({ | |
| authenticate: function(username, password, callback) { | |
| // This will be used as the MongoDB query | |
| var query = { | |
| username: username | |
| }; |