基于fis3前端中后台解决方案封装
目录结构
基于组件化思想,组织代码,同时集成了目前前端主流的技术。
- 基于juqery@1.9.1开发
- 模板语言:art-template@4.x,把模板文件预编译成js文件
- 模块化框架选择:mod.js
- 支持sass/less预编译
- 支持es6语法babel预编译
├─src│ ├─assets #项目静态资源目录│ ├─components #组件目录│ │ └─header #头组件│ │ header.js #头组件-脚本│ │ header.less #头组件-样式│ │ header.tpl #头组件-模板│ ││ ├─layout #布局结构│ │ └─default│ │ default.tpl│ ││ └─pages #页面级目录└─static #外部引入库静态资源目录
.tpl是模板文件;.jsp是页面文件;.less/.scss/.css是样式文件;.js是脚本文件
常用命令
1、开发环境(构建后的代码自动复制到../apache-tomcat-8.5.31/webapps/ROOT/
目录下,并且开启监听和自动刷新浏览器)
npm run dev ( adbase release dev -d ../apache-tomcat-8.5.31/webapps/ROOT/ -wcL )
2、测试版本到tomcat容器(有待完善)
npm run test ( adbase release qa -d ../apache-tomcat-8.5.31/webapps/ROOT/)
3、生产版本到tomcat容器(有待完善)
npm run build ( adbase release prod -d ../apache-tomcat-8.5.31/webapps/ROOT/)
4、自定义脚手架命令:adbase,继承fis3的相关命令
adbase
参照fis3使用帮助:(http://fis.baidu.com/,https://lzw.me/a/fis3.html)
Commands:init scaffold with specifed template.install install componentsrelease [media name] build and deploy your projectserver launch a php-cgi serverinspect [media name] inspect the result of fis.matchOptions:-h, --help print this help message-v, --version print product version and exit-r, --root <path> specify project root-f, --file <filename> specify the file path of `fis-conf.js`--no-color disable colored output--verbose enable verbose mode