javascript - ¿Dónde puedo encontrar ejemplos y documentación de Upshot.js?

asp.net asp.net-mvc-4

Question

Steve Sanderson hizo una presentación muy interesante en Techdays 2012 en los Países Bajos. En uno de ellos presentó una biblioteca que utilizó para la comunicación cliente-servidor en la aplicación MVC: Upshot.

Me sorprendió lo fácil que era usarlo, así que quería descargarlo y probarlo. Encontré el enlace de descarga aquí a través de NuGet , pero no puedo encontrar ninguna documentación. ¿Alguien tiene algo que funciona? También agradecería el código de muestra que Steve mostró durante la presentación.

EDITAR:

Encontré la presentación en línea a la que asistí en Techdays. Es tan mucho que vale la pena ver. Obtendrá una idea de lo que es capaz de generar y también tendrá una idea de cómo empezar. Buena suerte y diviertete.

El enlace: http://channel9.msdn.com/Events/TechDays/Techdays-2012-the-Netherlands/2159

Answer 1

En cuanto al ejemplo de BigShelf, hay algunos paquetes adicionales disponibles que puede usar.

Todavía no los he probado, pero eche un vistazo a:

http://nuget.org/packages/Upshot

http://nuget.org/packages/SinglePageApplication

Creo que el paquete SPA contiene los métodos de extensión html helper Upshot y Metadata

Answer 2

Encontré uno que es una de las muestras de MS para SPA (que podría ser el único por ahora):

Aplicación de una sola página ASP.NET (SPA) BigShelf

El tutorial completo sobre este proyecto se puede encontrar aquí: BigShelf

Editar:

Vea este tweet de Steve Sanderson: https://twitter.com/#!/stevensanderson/status/171561402597773312

Estamos configurando un sitio web para Upshot / SPA en este momento. ¡Espero que salga en vivo esta semana! Lo siento por el retraso.

Answer 3

blog.stevensanderson.com/2012/03/06/…

Answer 4

Editar: vea la publicación del blog de Steven aquí con código de descarga de muestra: blog.stevensanderson.com/2012/03/06/…

No sé cómo acceder al ayudante, me encantaría saberlo para poder jugar con él :-)

Esto parece hacer el truco por ahora:

<script src="../../Scripts/knockout-2.0.0.js" type="text/javascript"></script>
<script src="../../Scripts/upshot.js" type="text/javascript"></script>
<script src="../../Scripts/upshot.compat.knockout.js" type="text/javascript"></script>

<script type="text/javascript">

    upshot.metadata({ "CLASSNAME:#NAMESPACE":{ "key": ["aId"],
        "fields": {
            "aId": { "type": "Int32:#System" }, 
            "Title": { "type": "String:#System" },
            "Description": { "type": "String:#System" },
            "Effort": { "type": "Double:#System" }
            }
        }
    });

    var myDataSource = new upshot.RemoteDataSource({
        providerParameters: {
            url: "http://localhost:7018/api/CONTROLLERNAME",
            operationName: "",
            operationParameters: {}
        },
        entityType: "CLASSNAME:#NAMESPACE"
    });
            myDataSource.refresh(function (results) {
                alert(results[0].Title());
            });

</script>

Debe reemplazar CLASSNAME: #NAMESPACE con su nombre de clase y espacio de nombres, por ejemplo: "WorkItem: # MySystem.Models".

Y reemplace el CONTROLLERNAME con el nombre real del controlador, en el caso de esto

public class MyTasksController : ApiController 

deberás reemplazar CONTROLLERNAME con MyTasks

Y complete las cosas dentro de los metadatos de acuerdo con los objetos de su modelo. Espero que los ejemplos del código aparezcan en línea pronto, porque esto es mucho trabajo :-(