使用nodewebx进行前后端开发环境分离

下载nodewebx(windows环境)

npm install nodewebx
npm install inherits

为什么要下载inherits,因为nodewebx依赖它。。。

构建目录,构建配置文件

\templates\test\control\
\templates\test\layout\default.vm

<!DOCTYPE html>
<htm>
<head>
    <meta charset="UTF-8">
    <title>nodewebx</title>
</head>
<body>
    $screen_placeholder
</body>
</html>

\templates\test\screen\index.vm

<div>hello boys</div>

\nodewebx-config.js

var path = require('path');

module.exports = {
    "port": 9066,// 
    "webx": {
        "extNameRules": {
            "template": [
                "NoneType",
                ".vm",
                ".htm",
                ".html"
            ],
            "ajax": [
                ".json",
                ".jsonp"
            ]
        },
        "components": [
            // 首页
            {
                "prefix": "^/test",
                "name": "test",
                "viewPath": __dirname + "/templates/test",
                "dataPath": __dirname + "/mock/test",
                "ajaxDataPath": __dirname + "/mock/ajax-data/rpc"
            }
        ],
        "varsPath": __dirname + "/mock/vars.js",
        "rewriteRoutes": [
           
        ]
    }
};

执行nodewebx

命令行下敲入

node  \node_modules\nodewebx\node_modules\nodewebx-server\bin\nodewebx-server.js

打开浏览器,输入地址http://localhost:9066/test/index 即可以看到nodewebx对vm的渲染结果了。

详细解释

待会儿再说

你可能感兴趣的:(使用nodewebx进行前后端开发环境分离)