iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
自我挑戰組

Asp.Net Core 從 Post FormData 走到 輕前端 Vue系列 第 30

Day30 - 輕前端 綜合範例

Case01

這個範例綜合了之前提到所有的部份 !

就是把項目的 CRUD 都放在同一個頁面 !

可以先執行網站,試著走完所有流程
再來思考一下,以這樣的流程,如果用 jQuery 來寫,要如何寫的好維護 !
再來跟輕前端的版本來比較看看,是哪個比較好理解跟維護 !

因為只是 Demo 範例,就不讓 OrderService 與資料庫作溝通了,而是寫至 static 變數中 !

這個範例還有一些可調整的地方

  1. 不要用 partial view _EditOrder.cshtml,改為引用 js 檔 !
  2. 加上分頁功能
  3. 分頁功能搭配 QueryString

有興趣的人,可以挑戰看看 !

這個範例仍有不足的地方,還請大家多多指教 !


這系列的文章就先到這了 !


上一篇
Day29 - 輕前端 Component - jQuery UI Dialog
系列文
Asp.Net Core 從 Post FormData 走到 輕前端 Vue30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言