功能整理：
店鋪裝修移動(dòng)化目前需求主要是以下幾個(gè)：
- 模擬手機(jī)端預(yù)覽裝修效果
- 拖拽裝修模塊進(jìn)預(yù)覽處
- 對(duì)模塊進(jìn)行布局順序修改（上移下移刪除等）
- 對(duì)模塊進(jìn)行屬性修改
- 裝修備份功能（即讀取指定數(shù)據(jù)并在預(yù)覽處展示指定效果）
其中模塊屬性修改，相對(duì)比較復(fù)雜，主要包含幾個(gè)功能:
- 根據(jù)需求上傳指定格式的圖片
- 裁剪圖片（每個(gè)模塊都有指定的尺寸）
- 鏈接選擇小工具（彈窗形式，選擇已有的鏈接并填充到表單中）
- 服務(wù)選擇 （彈窗形式，選擇已有的服務(wù)，并填充到表單中）
- 案例選擇 （彈窗形式，選擇已有的案例，并填充到表單中）
前提：
參考淘寶的移動(dòng)店鋪裝修功能，只支持Chrome和UC瀏覽器，所以經(jīng)過(guò)產(chǎn)品同意，可以不考慮兼容性的問(wèn)題，也意味著可以選擇更多。
開(kāi)發(fā)周期：
約兩周
選型：
手機(jī)端預(yù)覽效果
因?yàn)檫@個(gè)項(xiàng)目功能比較獨(dú)立，所以遷入fis項(xiàng)目進(jìn)行構(gòu)建。同時(shí)考慮到涉及交互還比較多，所以參考使用框架來(lái)幫助我們更好的完成開(kāi)發(fā)。考慮開(kāi)發(fā)周期，經(jīng)過(guò)初步篩選，決定入坑Vuejs。
我們這里使用這個(gè)框架主要是拿它來(lái)實(shí)現(xiàn)需求中手機(jī)端的預(yù)覽效果：把手機(jī)端預(yù)覽中的每個(gè)模塊都當(dāng)成component進(jìn)行組裝，通過(guò)改變數(shù)據(jù)來(lái)控制展示（拖拽功能即多塞了一條數(shù)據(jù)，改變屬性就相當(dāng)于改變其中一個(gè)數(shù)據(jù)）。
備份
備份功能也可以使用預(yù)覽的相同機(jī)制實(shí)現(xiàn)。
表單功能
至于表單部分功能比較多，可能還是要使用現(xiàn)有的組件來(lái)完成部分功能（如選擇服務(wù)）。
擴(kuò)展
以后擴(kuò)展其他模塊的話，其實(shí)也就相當(dāng)于多注冊(cè)幾個(gè)component，擴(kuò)展起來(lái)比較隨意，也比較獨(dú)立。
其他問(wèn)題
- Vuejs的文檔相對(duì)比較友好，容錯(cuò)度也較高，入手使用并不會(huì)那么痛苦（就算日后有人接手也相對(duì)來(lái)說(shuō)不會(huì)那么無(wú)從著手）。
- Vuejs本身組件并不豐富。Github上實(shí)用的組件也就是vue-crop(包裝的jCrop)和vue-validator。 但是經(jīng)過(guò)測(cè)試其實(shí)也可以使用其他組件，如rake中正在使用的彈窗組件，如拖拽使用的Sortable插件。這些都可以在測(cè)試中正常使用。
