工程介绍 - CPS系统
cps网盟系统
网盟系统分前后台
工程目录:

前端文件位于工程中的src/main/webapp目录下,主要包括:
目录结构说明:
css预处理器——mcss
因为css本身抽象能力不足,所以业界出现了很多预处理器(知名的如SASS,LESS,以及我们常用的MCSS等),来强化css的功能;
编写page.mcss ——> page.css ——> ftl里引入css文件
readme
关于工程相关信息,都在其readme文件里有详细说明
安装下工程依赖包
在有package.json的同级目录下,命令行执行如下:
$ npm install
维护与开发工作:
维护:
- 找到功能页面的ftl文件,在上面添加修改标签
- 找到页面的入口js脚本,添加修改相关功能逻辑
- 在入口脚本里找到组件路径,修改组件的html模板及js实现部分
新加功能:
- 新建一个ftl文件(可以拷贝一个已有的文件,在其基础上修改)
- 新建一个js文件,在ftl里引入,作为该页面的入口脚本
- 新建一个mcss文件,作为此页面都有的样式,公用的样式放在module.mcss中
- 开发一个页面需要修改的主要文件是:
WEB-INF/template下的ftl文件,和src/javascript/page下的页面相关js; 其他目录主要为公用组件,一般情况下,不建议修改,如果需要修改,可以找前端确定下;
- 【注】 前台系统在用户登录后,采用了nej的单页应用方式 其中page/main.js是单页应用的入口脚本,配置了路由关系 各个功能模块在src/html目录下