开始之前,我们假设你已经熟练掌握了HTML5,CSS,JavaScript,并对XML.有了基本了解。

需要重点指出的是Celer的应用架构明显不同于传统的架构。它采用了新一代互联网架构,前端的UI逻辑是通过在浏览器中调用后台服务进行展现的。UI和服务之间的通信主要是通过JSON和HTTP最大限度的数据兼容性。

表现层

表现层使用标准的HTML5/CSS/JavaScript能实现所有的UI逻辑。而且,在此层面仅实现UI逻辑而不对业务逻辑进行操作,这些UI的展现能够更好的加强用户体验。

服务层

服务层为UI层提供数据服务。所有服务遵循REST服务协议。使用Celer技术,无需编码只需简单配置即可创建新的服务。

消息层

消息层使用事件驱动模式,并使用Javascript编程,实现复杂的服务。这种新一代架构从而实现了大量事件能够被高效和精确的进行处理。

WEB应用程序的划分

我们将web应用程序划分为以下几个类别:

等级 描述 例子
0 不需要服务器支持的静态网站 只有少量简单信息的网站
1 有服务器支持并拥有丰富的UI逻辑的网站。对于此类网站,数据通常存储在服务器上,服务器提供基本的搜索服务而不提供其他外部服务。 使用基本的HTML5,CSS,XML,Javascript编写的网站
2 基本与等级1相同,不同的是此等级添加了创建外部服务功能。 提供了URL地址可以对远程WSDL文档进行访问的应用程序
3 基本与等级2相同,不同的是此等级添加了大数据处理服务。 提供了URL地址可以对远程WSDL文档进行访问的应用程序

教程一:Hello World

1、进入IDE,在左侧右击,选择“新建项目”或者点击“+”按钮可以新建项目,如下图:

new project

2、输入项目名称,选择确认,如下图。

new project

3、新建的项目里已经给我们创建好了一些文件,如下图。

new project

4、sitemap.xml文件里是网站的主体内容、页面、服务、资源等配置文件,如下图: 。

new project

page中,templae是对应的模板,path是网页路径。

load中,href是内容的链接,to对应模板中的id。

5、templates下是网页的模板,我们可以使用自动生成的single.xml,如下图所示,也可以自己新建模板。

new project

6、content下是模板需要加载的内容,其中aboutSite.xml文件是自动生成的,如下图:

new project

7、fonts用来存放字体文件,如下图:

new project

8、js用来存放js文件,如下图:

new project

9、css用来存放css文件,如下图:

new project

10、images用来存放图片,如下图:

new project

11、IDE的右侧用来编辑内容,如下图所示:

new project

12、点击“编译”按钮,当编译完成后,点击“预览”按钮可查看网页效果。