為了賬號安全,請及時綁定郵箱和手機立即綁定

Spring boot + mybatis + Vue.js + ElementUI 實現數據的增刪改查(1)

2017.01.02 15:24 30034瀏覽
環境搭建
spring boot的簡介

以往我們開發時用到spring總是避免不了繁瑣的配置,例如我們要配置一個數據庫連接,可能需要以下幾步:1、編寫jdbc.properties配置文件;2、創建spring的配置文件,加入spring配置文件前綴、配置數據庫連接信息以及sqlsessionFactory等等;3、還要在web.xml文件中加入spring的監聽。

springboot的出現大大簡化了項目的搭建過程(spring配置以及maven配置),讓我們專注于應用功能的開發,而不是把時間浪費在配置文件、亦或對其排查錯誤,大大提高開發效率。

springboot創建了獨立的spring應用,使用內嵌的tomcat,打包之后以jar文件格式運行,并且在運行時可以指定一些參數,這個在稍后的手記中會提到。

mybatis

mybatis在這里就不多做闡述了。有想了解的朋友可以自行搜索其教程

Vue.js

Vue.js(讀音 /vju?/, 類似于 view) 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。另一方面,Vue 完全有能力驅動采用單文件組件和 Vue 生態系統支持的庫開發的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。

以上內容摘自Vue官網

ElementUI

這是一款餓了么提供的一套前端UI,擁有豐富的組件。詳情



接下來介紹Idea新建springboot項目,搭建開發環境

  1. 選擇New Project
  2. 填寫基本信息
  3. 選擇需要的模塊
  4. 完成創建

  5. 配置application.yml,刪除初始化時候生成的properties文件,新建一個application.yml文件,在這里不推薦使用properties文件進行配置

    加入如下配置:
spring:
  profiles:
    active: develop
  datasource:
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://localhost:3306/dh
    username: root
    password: 123456

新建一個Controller類:

@RestController
public class UserController {

    @GetMapping(value = "getUsername")
    public String getUsername(String callback) {
        return "admin";
    }
}

?之后我們啟動springboot項目,即運行DemoApplication.java,默認端口為8080,我們打開瀏覽器進行訪問:

希望大家多多關注,我會盡快的更新剩下的部分~~~

點擊查看更多內容

本文原創發布于慕課網 ,轉載請注明出處,謝謝合作

13人點贊

若覺得本文不錯,就分享一下吧!

評論

相關文章推薦

正在加載中
意見反饋 幫助中心 APP下載
官方微信

舉報

0/150
提交
取消
lpl竞猜