ACE_Mall 前端项目

预览 ACE_Mall

目录结构

├─── src                                 // 资源目录
│     ├─── image                         // 图片资源
│     ├─── page                          // 页面文件 (.js .css .ace)
│     │     ├─── xxxx                    // (对应下方 view 文件夹页面)
│     │     │     └─── xxx.xxx
│     │     └─── common                  // 公共组件 (webpack 会打包到页面上)
│     │            └─── layout.css       // 全局样式
│     ├─── service                       // 接口请求集合
│     │     ├─── goods-service.js        // 商品接口集合
│     │     ├─── order-service.js        // 订单接口集合
│     │     └─── user-service.js         // 用户接口集合
│     ├─── util
│     │     └─── ace.js                  // 公用方法
│     └─── view                          // 页面模板
│           ├─── layout                  // 公用模板 (webpack 会打包到页面上)
│           │      ├─── footer.html      // 页脚模板
│           │      ├─── head-common.html // seo相关
│           │      ├─── nav.html         // 顶部白色分类模板
│           │      ├─── nav-side.html    // 个人中心左侧 side 模板
│           │      └─── nav-simple.html  // 顶部黑色导航模板
│           ├─── cart.html               // 购物车
│           ├─── checkout.html           // 结算页
│           ├─── goods-detail.html       // 商品详情
│           ├─── goods-list.html         // 商品列表
│           ├─── index.html              // 首页
│           ├─── login.html              // 登录
│           ├─── my-ace.html             // 个人中心
│           ├─── order.html              // 订单
│           ├─── order-detail.html       // 订单详情
│           ├─── pay.html                // 支付
│           ├─── register.html           // 注册
│           └─── result.html             // 无用
├─── README.md                           // README
├─── webpack.config.js                   // webpack 配置文件
└─── package.json                        // 依赖配置文件

技术栈

• HTML
• CSS
• JS
• jQuery
• webpack
• Hogan.js Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates.

运行

    cd ACE_Mall
    npm install         // 安装项目依赖 需 nodejs
    npm run dev         // mac 运行
    npm run dev_win     // windows 运行
    npm run build       // mac 打包
    npm run build_win   // windows 打包