@liuyang0717
2018-09-07T17:52:44.000000Z
字数 758
阅读 1186
itxia前端方案
itxia前端方案基于itxia前后端分离框架制定，要求使用响应式布局，支持pc端和移动端
技术选型(整体)
使用MVVM模式，选用vue这一MVVM框架，webpack为打包工具，nginx为代理服务器
参考开源项目:https://github.com/faisaltheparttimecoder/bulma-vuejs-demo-website
(有两个.vue文件写成.Vue了会导致报错, 改了就可以了，不行的话，就把模块导入改为全名不省略.vue后缀)
分工
- 视觉和样式设计(maorx,粥粥)
- 模块化/组件化开发(tipwheal/liuyang0717/天行/常卓)
- 整合测试(tipwheal/liuayang0717)
开发流程
| 第一阶段 | 样式设计/CSS |
| 第二阶段 | 框架选型/构建脚手架 |
| 第三阶段 | 模块化/组件化开发 |
| 第三阶段 | 整合/测试 |
样式设计/CSS
我们要做静态页面，用html+CSS来做，考虑响应式布局，尽可能快速布局，因为我们需要讨论然后修改
框架选型/构建脚手架
| 目录/文件 | 说明 |
| bulid | 项目构建的一些 js 文件 |
| config | 配置文件项，index.js 比较重要，打包上线需要修改配置 |
| dist | 项目打包后的文件 |
| node_modules | npm安装包位置 |
| src |
项目的开发目录
|
| index.html | html文件 |
| test | 测试项目(主要是功能测试) |
| package.json | 项目配置项文件 |
模块化/组件化开发
模块开发
- ajax异步请求的js封装
- ......
组件开发
- navbar开发
- ......
整合/测试
需要和后端商量, 待定
