Tipo music-ui-規劃原則

9
Tipo Music UI 規規規規 By Jax

Transcript of Tipo music-ui-規劃原則

Page 1: Tipo music-ui-規劃原則

Tipo Music UI 規劃原則By Jax

Page 2: Tipo music-ui-規劃原則

原則• 只要是 button 就要有包含 Icon

• 所有 User 操作的 Ajax 都要 Handle 等待、成功、失敗

Page 3: Tipo music-ui-規劃原則

StatusMsg

var StatusMsg = { clear: function () { },

alert: function (str) { },

error: function (str) { }, wait: function (str) { }

};

Page 4: Tipo music-ui-規劃原則

ltcAjax

$.ltcAjax({ url: this.href, waitMsg: ' 刪除中 ...', button: this, success: function (msg) {

StatusMsg.alert(msg); $

(this.button).closest('tr').remove(); }

});

Page 5: Tipo music-ui-規劃原則
Page 6: Tipo music-ui-規劃原則
Page 7: Tipo music-ui-規劃原則
Page 8: Tipo music-ui-規劃原則

Message to Ajaxtry {

_useListRepo.DeleteSong(useListSongSN); return Content("刪除成功 !!");

} catch (Exception ex) {

_log.ErrorException("利用人  UseList 歌曲刪除失敗 !!", ex);

Response.TrySkipIisCustomErrors = true; Response.StatusCode = 400; return Content("刪除失敗 !!");

}

Page 9: Tipo music-ui-規劃原則

Message to Viewtry {

// ...

TempData["StatusSuccess"] = "匯入成功 !!";

return RedirectToAction("AnalysisMusicGroupOwner", new { BatchID = batchID }); } catch (TipoMusicException ex) {

TempData["StatusError"] = ex.Message; TempData["ImportListErrorMessage"] = ex.ErrorMessages;

} catch (Exception ex) {

_log.ErrorException("利用人  UseList 匯入失敗 !!", ex); TempData["StatusError"] = "匯入失敗 !!";

}