Clouda的第一个程序“Hello World”

移动开发
Clouda是简单,可依赖的实时Javascript框架。对一个想开发移动webapp的开发者来说,可以使用clouda开发框架,实现一个功能和体验与native app齐平的轻应用,接下来就让我们一起来实现它的第一个程序吧!

 上面我们已经成功安装并启动了Clouda,下面我们使用Clouda开发一个“Hello World”应用。

(1)在app/controller/下创建helloworld.js文件,输入以下代码:

  • helloworld.js

    1. sumeru.router.add( 
    2.     { 
    3.         pattern: '/helloworld'
    4.         action: 'App.helloworld' 
    5.     } 
    6. ); 
  • 通过router添加一个URL与Controller的映射关系,关于router我们会在后续文档中做专门的说明,保持helloworld.js文件打开,并输入以下代码。

    1. App.helloworld = sumeru.controller.create(function(env,session){ 
    2.     env.onrender = function(doRender){ 
    3.         doRender("helloworld",["push""left"]); 
    4.     }; 
    5. }); 
  • env.onrender()方法是完成对view(界面)的渲染,关于该方法在后续会做专门说明。

(2)打开app/controller/package.js

  • package.js:

    1. sumeru.packages( 
    2.     'helloworld.js' 
    3. ); 
  • package.js用于将文件之间的依赖关系添加到sumeru中,关于package.js在后续会做专门的说明。

(3)在app/view/下创建helloworld.html,并输入以下代码

  • helloworld.html

至此,"Hello World"应用代码已经完成。

在浏览器中输入localhost:8080/debug.html/helloworld运行该应用。

责任编辑:张叶青
相关推荐

2012-05-25 15:20:38

XNA

2013-12-26 15:25:15

Android开发安装开发环境Hello World

2009-07-17 16:10:42

JRuby入门教程

2020-12-24 10:05:54

鸿蒙鸿蒙开发Hello World

2009-10-19 14:14:19

OSGi Web应用

2011-03-10 10:45:47

Azure“Hello Worl

2022-04-27 10:51:00

PythonMLCubePodman

2009-06-26 16:07:43

MyEclipse开发Hibernate程序

2023-05-19 08:49:58

SQLAlchemy数据库

2021-02-01 17:29:19

FlutterHello World开发

2010-03-25 16:04:56

Python程序执行

2019-12-31 08:00:00

DebianLinuxApple Swift

2011-06-24 13:38:32

QT 编译 安装

2011-06-08 10:24:38

Windows Pho 应用程序

2022-11-01 07:23:55

Dockernetcore程序

2011-06-08 10:01:36

Windows Pho 应用程序

2023-06-01 08:24:08

OpenAIChatGPTPython

2022-10-17 10:28:05

Web 组件代码

2011-07-06 18:10:20

Xcode 4 iPhone

2011-07-06 18:31:21

Xcode 4 iPhone 模拟器
点赞
收藏

51CTO技术栈公众号