后台管理系统V2.0

简介

自我介绍

  • 6月加入平安科技,大师(王林)是介绍人
  • 目前在网络金融系统开发部-网销共享平台分组

技术框架

  • bootstrap + underscore + avalonjs(MVVM)
  • 在config.js中配置常用库

目录结构

  • \dist\mock 
  • 按模块划分
D:.
├─dist
│  ├─assets
│  │  ├─js
│  │  │  ├─libs
│  │  │  └─modules
│  │  │      ├─huodong
│  │  │      │  ├─model
│  │  │      │  ├─view
│  │  │      │  └─viewModel
│  │  │      ├─notice
│  │  │      │  ├─model
│  │  │      │  ├─view
│  │  │      │  └─viewModel
│  │  │      ├─shangjia
│  │  │      │  ├─model
│  │  │      │  ├─view
│  │  │      │  └─viewModel
│  │  │      └─shenhe
│  │  │          ├─model
│  │  │          ├─view
│  │  │          └─viewModel
│     ……
│  ├─data
│  ├─inc
│  ├─mock                            //本地模拟数据
│  ├─pages
│  └─WEB-INF                         //服务器配置
│      └─lib
└─www
    ├─assets
    │  ├─css
    │  ├─img
    │  ├─js
    │  │  ├─libs
    │  │  └─modules
    │  │      ├─huodong
    │  │      │  ├─model            //数据操作(ajax请求等)
    │  │      │  ├─view             //模板文件
    │  │      │  └─viewModel        //页面逻辑
    │  │      ├─notice
    │  │      │  ├─model
    │  │      │  ├─view
    │  │      │  └─viewModel
    │  │      ├─shangjia
    │  │      │  ├─model
    │  │      │  ├─view
    │  │      │  └─viewModel
    │  │      └─shenhe
    │  │          ├─model
    │  │          ├─view
    │  │          └─viewModel
    │  ├─plugins
    │  │  ├─bootstrap-slider
    │  ……
    ├─data
    ├─inc
    └─pages

添加页面步骤

  • pages html页面 
  • 页面逻辑(MV)
  • 添加视图(View)
  • 数据操作(Model)

参考资料

Q&A