static

readme.md 1.9KB

说明

静态文件与工程目录尽量保持一致,方便开发人员搬迁静态文件至工程

文件替换

将ipu/lib和ipu/ui目录下文件替换掉脚手架生成工程目录对应目录文件(ui和lib文件以静态工程为准)

目录规范

根目录                     # 根目录,html文件放根目录
 └── biz                    # 业务资源目录
    ├── css                     # 业务css
    ├── img                     # 业务图片
    └── js                      # 项目公共样式、主题相关的目录
        ├── common                  # 业务通用js目录
        ├── page                    # 业务页面js目录,可按功能模块添加子目录
        └── require-config.js       # 业务js模块requirejs配置文件
    └── lib                     # 业务第三方前端库
 └── ipu                    # ipu目录,请勿修改变动此目录
    ├── lib                     # 框架ui依赖第三方库以及requirejs库
    ├── ui                      # 框架ui
    └── require-config.js       # 框架js模块requirejs配置文件
 └── temp                    # 临时目录,为静态页面展示效果,放入的临时文件,在项目中不会使用的文件目录
 └── welcome                 # app的欢迎页,app欢迎页是直接存放在App中的,与其它静态页面需要分离,且文件大小尽量小

前端规范

  • 前端缩进统一为两空格,可在IDE中进行配置
  • 文件命名小写,多个单词以'-'分隔,独立组件按java类方式命如:biz\js\common\PanCarousel.js
  • ui样式className以ipu开头,业务中不定义ipu-前缀class
  • 若需覆写ui样式,非全局样式覆写,应增加前缀限制覆写样式范围
  • 页面业务js名称与html文件名称保持一致,如login.html对应login.js
  • html内容格式,可参考login.html或index.html