一、基本信息
- 標題:Vue_Springboot_MyBatis技術應用解析
- 來源:電腦編程技巧與維護
- 作者:陳倩怡;何軍
- 時間:2020-01-18
二、研究背景
Vue
結合Springboot
及MyBatis
是當下B/S 開發模式的熱門技術。
三、具體內容
Vue
重點在視圖層的開發應用上,vue-cli
是官方發布的腳手架, 可快速搭建前端框架, 其運用到的關鍵技術包括單頁面開發、Vue
路由、Vue
狀態管理, axios
請求和響應技術。Springboot
應用於后端開發,其是Spring 開發技術的升級, 引入注解, 簡化了Web框架的配置和開發流程。Mytatis
是對象映射框架, 內置jdbc
,只關注SQL
本身。其前端的開發過程如下: Vue
單頁template 部分結合iview
控件布置頁面布局, script部分定義Javascript
腳本, style 部份定義設置class 樣式。script 中通過xios
的post 方法與后端服務器進行數據交互。后端開發過程如下: 通過Mybatis
自動生成工具Mybatis-generator-core
生成表對應的映射文件、model 類及DAO
類, 分別置於應用目錄的mapping、entity
及Dao
, 對代碼作微調, Dao
繼承basedao
完成公用的增、刪、改、查功能, 映射文件將自動生成的增、刪、改、查的配置id 改名, 否則運會報錯。接下來編寫service 類自動裝配dao
類, 調用dao
方法。最后編寫controller 類與讀取前端傳入參數, 調用sevice
方法,將運算結果反饋給前端。
四、總結
Vue、Springboot、MyBatis 作為項目開發的三駕馬車,是現在最流行的B/S架構。
五、參考文獻
[1] 王福強. SpringBoot 揭秘: 快速構建微服務體系.機械工業出版社, 2016.
[2] 劉增輝. MyBatis 從入門到精通. 電子工業出版社,2017.