springboot+mybatis+vuejs+bootstrap实现增删改

注明：使用的工具是IDEA 2017.3；Jdk为1.8版本。

首先第一步是要创建一个springBoot项目,用IDEA自带的生成器spring initializr ；看下图

    （提示：这里在勾选完web后还要选中SQL在勾选其中的 MySQL，JDBC, Mybatis 然后点击下一步）

到这之后呢一个springboot项目就创建好了，然后我们第一要做的就是配置，先修改application.properties文件，后缀改为图下

所示；然后写代码spring.datasource.username    password    url    driver-class-name;然后再配置js（其中prefix指的是jsp页面所在的目录下--前缀，suffix值得是后缀），在配置mybatis,之后再pom.xml文件里添加这些依赖

   javax.servlet
   jstl
   1.2


   org.apache.tomcat.embed
   tomcat-embed-jasper

   jstl
   jstl
   1.2


   taglibs
   standard
   1.1.2


   javax.servlet
   javax.servlet-api
   4.0.0
   provided




   com.alibaba
   fastjson
   1.2.30



   com.fasterxml.jackson.core
   jackson-core
   2.9.1


   com.fasterxml.jackson.core
   jackson-annotations
   2.9.1



   com.fasterxml.jackson.core
   jackson-databind
   2.9.1




   commons-fileupload
   commons-fileupload
   1.3.3

第二步，我们要使springboot项目支持jsp页面，其实不难看出springboot项目是没有webapp目录的；

第一：在项目的main目录下创建一个Directory为webapp,然后鼠标移到项目名右键open Moduel settings

第一个找到自己新建的webapp目录，第二个是生成webapp里的WEB-INF文件及web.xml的，然后apply再ok；只要你的webapp目录图标中间出现一个蓝点就算成功了。然后这下面就可以写jsp页面了，当然页面的地址要跟.yml文件所写的地址一样不然扫描不到。

然后我们来配置整合Mybatis;

跟springmvc不一样的是，springboot整合mybatis的实体类，dao包，转换器等都得写到与springboot项目启动文件的同一个包下，

实体类：

package com.zking.springmybatisvue2.com.zking.entity;

public class Person {


    private int  pid;
    private String pname;
    private String page;





    public Person() {
    }

    public Person(int pid, String pname, String page) {
        this.pid = pid;
        this.pname = pname;
        this.page = page;
    }

    public int getPid() {
        return pid;
    }

    public void setPid(int pid) {
        this.pid = pid;
    }

    public String getPname() {
        return pname;
    }

    public void setPname(String pname) {
        this.pname = pname;
    }

    public String getPage() {
        return page;
    }

    public void setPage(String page) {
        this.page = page;
    }
}

Persondao

package com.zking.springmybatisvue2.com.zking.dao;

import com.zking.springmybatisvue2.com.zking.entity.Person;

import java.util.List;

public interface PersonDao {

    //绑定
    public List getall();

    //添加
    public void add(Person person);

    //删除
    public void delete(int pid);

    //根据id获取对象
    public Person getid(int pid);

    //修改
    public void update(Person person);

}

controller类

package com.zking.springmybatisvue2.com.zking.controller;


import com.alibaba.fastjson.JSON;
import com.zking.springmybatisvue2.com.zking.dao.PersonDao;
import com.zking.springmybatisvue2.com.zking.entity.Person;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Controller
public class PersonController {


    @Autowired
    private PersonDao personDao;

    @ResponseBody
    @RequestMapping("usergetall")
    public Map,Object> getall(String name)throws Exception{
        List list= personDao.getall();
        System.out.println("拿数据了哦");
        Map,Object> map=new HashMap<>();
        map.put("data",list);
        map.put("size",list.size());
        return map;
    }

    @ResponseBody
    @RequestMapping("userdel")
    public String del(HttpServletRequest request)throws Exception{
        System.out.println("删除了");
        personDao.delete(Integer.parseInt(request.getParameter("id")));
        return "1";
    }


    //增加
    @ResponseBody
    @RequestMapping("adduser")
    public String adduser(HttpServletRequest request)throws Exception{
        String str=request.getParameter("str");
        Person user= JSON.parseObject(str,Person.class);
        personDao.add(user);
        return "1";
    }

    @ResponseBody
    @RequestMapping("upduser")
    public String upduser(HttpServletRequest request)throws Exception{
        String str=request.getParameter("str");
        Person user= JSON.parseObject(str,Person.class);
        personDao.update(user);
        return "1";
    }


}

在然后就在resources目录下创建一个mapping文件夹，然后新建一个xml文件，作为实体类的配置文件，

Person.xml

xml version="1.0" encoding="UTF-8" ?>
mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

namespace="com.zking.springmybatisvue2.com.zking.dao.PersonDao">

    
    id="getall" resultType="com.zking.springmybatisvue2.com.zking.entity.Person">
        SELECT * from person
    
    
    id="del" parameterType="int">
        delete from Person where id=#{id}
    
    
    id="add" parameterType="com.zking.springmybatisvue2.com.zking.entity.Person" useGeneratedKeys="true" keyProperty="id">
        insert into Person(pname,page)values(#{pname},#{page})
    
    
    id="upd" parameterType="com.zking.springmybatisvue2.com.zking.entity.Person" >
        update Person set pname=#{pname},page=#{page} where pid=#{pid}
    

时间也不早了，bootstrap跟vuejs下次再整合吧！