使用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的渲染结果了。

详细解释

待会儿再说

posted @ 2016-06-20 22:39  草珊瑚  阅读(322)  评论(0)  编辑  收藏  举报