RapidJS快速入门

安装Node.js

rapid开发的工程需要安装Node.js环境来安装依赖和为工程提供运行环境,Node.js下载地址如下:

http://nodejs.org/download/

当安装Node.js后,可以使用下面的命令测试Node.js是否安装成功。

node --version

配置工程

新建一个名为welcome的目录,并在该目录下编写package.json文件,内容如下:

{
    "name": "welcome",
    "version": "0.0.0",
    "description": "",
    "main": "start.js",
    "scripts": {
        "install" : "node ./node_modules/rapid-core/init.js"
    },
    "author": "",
    "dependencies":{
        "rapid-core" : "*",
        "rapid-httpserver" : "*"
    },
    "license": "MIT"
}

初始化工程

welcome目录下使用下面命令完成工程初始化:

npm install

命令执行完成后会自动安装rapid-corerapid-httpserver依赖并自动创建start.js文件。

创建视图(View)

welcome目录下新建名为app的目录,在app目录下新建views目录并在views目录下编写index.html文件,内容如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="description" content="简单可依赖的Javascript开发框架" />
    <title>Rapid</title>
</head>
<body>
    <p>Welcome to rapid!</p>
</body>
</html>

创建Action

app目录下新建actions目录并在actions目录下新建welcome.js文件,该文件描述工程的主要功能,内容如下:

var server = rapid.use("rapid-httpserver");

server.defineAction("index", function(){
    //渲染index.html
    var content = this.render("index");
    //发送到前端
    this.send(content);
});

创建路由(Router)

welcome目录下新建conf目录并在conf目录下编写http.conf.js文件,对项目进行配置并编写路由规则。

rapid.config.define({
    "rapid-httpserver" : {
        autoStart : true,
        port : 8080,
        loading_dir : ["/app/actions/"],

        mapping : [{
            url:"/welcome",
            doAction : "index"
        }]
    }
});

启动工程

welcome目录下使用下面的命令启动项目

node start
小提示: 运行前请确定8080端口没有被占用,如果需要更换端口,可在http.conf.js中配置port即可。

浏览工程

在浏览器中输入http://localhost:8080/welcome来浏览项目。