使用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进行前后端开发环境分离的更多相关文章
- 利用angular4和nodejs-express构建一个简单的网站（一）——构建前后端开发环境
学习了一段时间的angular4知识,结合以前自学的nodejs-express后端框架知识,做了一个利用angular4作为前端,node-express作为后端服务器的网站.这个网站的功能很简单, ...
- 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十四 ║ VUE 计划书 & 我的前后端开发简史
---新内容开始--- 番外 大家周一好呀,又是元气满满的一个周一呀!感谢大家在周一这个着急改Bug的黄金时期,抽出时间来看我的博文哈哈哈,时间真快,已经到第十四篇博文了,也很顺顺(跌跌)利利 (撞撞 ...
- .net core webapi 前后端开发分离后的配置和部署
背景:现在越来越多的企业都采用了在开发上前后端分离,前后端开发上的分离有很多种,那么今天,我来分享一下项目中得的前后端分离. B/S Saas 项目:(这个项目可以理解成个人中心,当然不止这么点功能 ...
- ABP开发框架前后端开发系列---（8）ABP框架之Winform界面的开发过程
在前面随笔介绍的<ABP开发框架前后端开发系列---(7)系统审计日志和登录日志的管理>里面,介绍了如何改进和完善审计日志和登录日志的应用服务端和Winform客户端,由于篇幅限制,没有进 ...
- ABP开发框架前后端开发系列---（14）基于Winform的ABP快速开发框架
前面介绍了很多ABP系列的文章,一步一步的把我们日常开发中涉及到的Web API服务构建.登录日志和操作审计日志.字典管理模块.省份城市的信息维护.权限管理模块中的组织机构.用户.角色.权限.菜单等内 ...
- ABP开发框架前后端开发系列---（16）ABP框架升级最新版本的经验总结
有一小段时间没有持续升级ABP框架了,最近就因应客户的需要,把ABP框架进行全面的更新,由于我们应用的ABP框架,基础部分还是会使用官方的内容,因此升级的时候需要把官方基础ABP的DLL进行全面的更新 ...
- ABP开发框架前后端开发系列---（3）框架的分层和文件组织
在前面随笔<ABP开发框架前后端开发系列---(2)框架的初步介绍>中,我介绍了ABP应用框架的项目组织情况,以及项目中领域层各个类代码组织,以便基于数据库应用的简化处理.本篇随笔进一步对 ...
- ABP开发框架前后端开发系列---（2）框架的初步介绍
在前面随笔<ABP开发框架前后端开发系列---(1)框架的总体介绍>大概介绍了这个ABP框架的主要特点,以及介绍了我对这框架的Web API应用优先的一些看法,本篇继续探讨ABP框架的初步 ...
- ABP开发框架前后端开发系列---（10）Web API调用类的简化处理
在较早期的随笔<ABP开发框架前后端开发系列---(5)Web API调用类在Winform项目中的使用>已经介绍了Web API调用类的封装处理,虽然这些调用类我们可以使用代码生成工具快 ...
随机推荐
- Trie树
一.什么是trie树 1.Trie树 (特例结构树) Trie树,又称单词查找树.字典树,是一种树形结构,是一种哈希树的变种,是一种用于快速检索的多叉树结构.典型应用是用于统计和排序大量的字符串( ...
- 【iCore3 双核心板_FPGA】例程三：GPIO输入实验——识别按键输入
实验指导书及代码包下载: http://pan.baidu.com/s/1dEaDr37 iCore3 购买链接: https://item.taobao.com/item.htm?id=524229 ...
- String类StringBuffer类与StringBuilder类gc垃圾回收
String类的特点 直接赋值和new调用构造方法两种, 直接赋值时会将字符串常量入内存池,当其他变量再赋相同值时,不再在堆空间开辟内存 new构造方法会开辟两块堆内存空间,可以使用intern手工入 ...
- ExtJS笔记 Tree
The Tree Panel Component is one of the most versatile Components in Ext JS and is an excellent tool ...
- DataSet, BindingSource, BindingNavigator Relationship
Multiple Bindings caused dataBing weird???? Text.DataBindings.Add(new Binding("Text", bs1, ...
- C#中 MD5和SHA1加密代码
Pwd = FormsAuthentication.HashPasswordForStoringInConfigFile(entity.Pwd, "MD5"); Pwd = For ...
- larave5.1l队列
官方文档http://laravel.com/docs/5.1/queues#dealing-with-failed-jobs 1.队列容器设置为数据库 config/queue.php 'defau ...
- 纯代码TableView自适应高度（很老的使用方法）
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{ return ...
- ng-bind-html 的原素没有高度
angularjs里绑定html元素,在页面的div里使用ng-bind-html <!-- html--> <div class="info" ng-bind- ...
- lodash的源码(1)
数组篇 1.compact,就是将数组中的false值去掉 function compact(array) { var index = -1, length = array ? array.lengt ...