SpringBoot

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
        "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd" >
<generatorConfiguration>
    <!-- 引入配置文件 -->
    <properties resource="jdbc.properties"/>

    <!--指定数据库jdbc驱动jar包的位置-->
    <classPathEntry location="D:\repositoty\mvn-repository\mysql\mysql-connector-java\5.1.44\mysql-connector-java-5.1.44.jar"/>

    <!-- 一个数据库一个context -->
    <context id="infoGuardian">
        <!-- 注释 -->
        <commentGenerator>
            <property name="suppressAllComments" value="true"/><!-- 是否取消注释 -->
            <property name="suppressDate" value="true"/> <!-- 是否生成注释代时间戳 -->
        </commentGenerator>

        <!-- jdbc连接 -->
        <jdbcConnection driverClass="${jdbc.driver}"
                        connectionURL="${jdbc.url}" userId="${jdbc.username}" password="${jdbc.password}"/>

        <!-- 类型转换 -->
        <javaTypeResolver>
            <!-- 是否使用bigDecimal， false可自动转化以下类型（Long, Integer, Short, etc.） -->
            <property name="forceBigDecimals" value="false"/>
        </javaTypeResolver>

        <!-- 01 指定javaBean生成的位置 -->
        <!-- targetPackage：指定生成的model生成所在的包名 -->
        <!-- targetProject：指定在该项目下所在的路径  -->
        <javaModelGenerator targetPackage="com.zking.spboot.model"
                            targetProject="src/main/java">
            <!-- 是否允许子包，即targetPackage.schemaName.tableName -->
            <property name="enableSubPackages" value="false"/>
            <!-- 是否对model添加构造函数 -->
            <property name="constructorBased" value="true"/>
            <!-- 是否针对string类型的字段在set的时候进行trim调用 -->
            <property name="trimStrings" value="false"/>
            <!-- 建立的Model对象是否 不可改变  即生成的Model对象不会有 setter方法，只有构造方法 -->
            <property name="immutable" value="false"/>
        </javaModelGenerator>

        <!-- 02 指定sql映射文件生成的位置 -->
        <sqlMapGenerator targetPackage="com.zking.spboot.mapper"
                         targetProject="src/main/resources">
            <!-- 是否允许子包，即targetPackage.schemaName.tableName -->
            <property name="enableSubPackages" value="false"/>
        </sqlMapGenerator>

        <!-- 03 生成XxxMapper接口 -->
        <!-- type="ANNOTATEDMAPPER",生成Java Model 和基于注解的Mapper对象 -->
        <!-- type="MIXEDMAPPER",生成基于注解的Java Model 和相应的Mapper对象 -->
        <!-- type="XMLMAPPER",生成SQLMap XML文件和独立的Mapper接口 -->
        <javaClientGenerator targetPackage="com.zking.spboot.mapper"
                             targetProject="src/main/java" type="XMLMAPPER">
            <!-- 是否在当前路径下新加一层schema,false路径com.oop.eksp.user.model， true:com.oop.eksp.user.model.[schemaName] -->
            <property name="enableSubPackages" value="false"/>
        </javaClientGenerator>

        <!-- 配置表信息 -->
        <!-- schema即为数据库名 -->
        <!-- tableName为对应的数据库表 -->
        <!-- domainObjectName是要生成的实体类 -->
        <!-- enable*ByExample是否生成 example类 -->
        <!--<table schema="" tableName="t_book" domainObjectName="Book"-->
               <!--enableCountByExample="false" enableDeleteByExample="false"-->
               <!--enableSelectByExample="false" enableUpdateByExample="false">-->
            <!--&lt;!&ndash; 忽略列，不生成bean 字段 &ndash;&gt;-->
            <!--&lt;!&ndash; <ignoreColumn column="FRED" /> &ndash;&gt;-->
            <!--&lt;!&ndash; 指定列的java数据类型 &ndash;&gt;-->
            <!--&lt;!&ndash; <columnOverride column="LONG_VARCHAR_FIELD" jdbcType="VARCHAR" /> &ndash;&gt;-->
        <!--</table>-->

        <!--<table schema="" tableName="t_book" domainObjectName="Book"
               enableCountByExample="false" enableDeleteByExample="false"
               enableSelectByExample="false" enableUpdateByExample="false">
            &lt;!&ndash; 忽略列，不生成bean 字段 &ndash;&gt;
            &lt;!&ndash; <ignoreColumn column="FRED" /> &ndash;&gt;
            &lt;!&ndash; 指定列的java数据类型 &ndash;&gt;
            &lt;!&ndash; <columnOverride column="LONG_VARCHAR_FIELD" jdbcType="VARCHAR" /> &ndash;&gt;
        </table>-->

    </context>
</generatorConfiguration>

代码生成

package com.zking.spboot.mapper;

import com.zking.spboot.model.Book;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface BookMapper {
    int deleteByPrimaryKey(Integer id);

    int insert(Book record);

    List<Book> all(Book book);
    int insertSelective(Book record);

    Book selectByPrimaryKey(Integer id);

    int updateByPrimaryKeySelective(Book record);

    int updateByPrimaryKey(Book record);
}

mapper层

select <include refid="Base_Column_List"/> from  t_book where 1=1
<if test="null!=bookname and ''!=bookname">
  and bookname like concat(#{bookname},'%')

SQL语句

package com.zking.spboot;

import org.apache.ibatis.annotations.Mapper;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.EnableAspectJAutoProxy;
import org.springframework.transaction.annotation.EnableTransactionManagement;

@MapperScan("com.zking.spboot.mapper")
@EnableTransactionManagement
@EnableAspectJAutoProxy
@SpringBootApplication
public class SpbootApplication {

    public static void main(String[] args) {
        SpringApplication.run(SpbootApplication.class, args);
    }

}

util

package com.zking.spboot.controller;


import com.zking.spboot.model.Book;
import com.zking.spboot.service.IBookService;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;
import java.util.Map;

@RestController
@RequestMapping("/book")
public class BookController {
    @Autowired
    private IBookService bookService;
@RequestMapping("/add")
    public ResponseData<?> add(Book book) {
        try {
            bookService.insert(book);
            return new ResponseData<>(200,"新增成功",null);
        } catch (Exception e) {
            e.printStackTrace();
            return new ResponseData<>(500,"新增失败",null);

        }
    }
    @RequestMapping("/all")
    public ResponseData<List<Book>> all(Book book) {
            try {
                List<Book> books = bookService.all(book);
                return new ResponseData<>(200,"ok",books);
        } catch (Exception e) {
            e.printStackTrace();
            return new ResponseData<>(500,"查询书本信息失败",null);

        }
    }
}

@Data
@AllArgsConstructor
@NoArgsConstructor
class ResponseData<T>{
        private int code;
        private String msg;
        private T data;

}

controller层

package com.zking.spboot.service;

import com.zking.spboot.model.Book;

import java.util.List;


public interface IBookService {
    //新增
     int insert(Book record);
     //查询
     List<Book> all(Book book);



}

package com.zking.spboot.service.impl;

import com.zking.spboot.mapper.BookMapper;
import com.zking.spboot.model.Book;
import com.zking.spboot.service.IBookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;


@Service
public class BookServiceImpl implements IBookService {

   @Autowired
    private BookMapper bookMapper;

    @Override
    public int insert(Book record) {
        return bookMapper.insert(record);
    }

    @Override
    public List<Book> all(Book book) {

        return bookMapper.all(book);
    }
}

servlet层

前端 

npm  install下依赖

/**
 * 对后台请求的地址的封装，URL格式如下：
 * 模块名_实体名_操作
 */
export default {
	//服务器
	'SERVER': 'http://localhost:8081/spboot', 
	'ADD':'/stu/add',
	'ALL':'/stu/all',
	//获得请求的完整地址，用于mockjs测试时使用
	'getFullPath': k => {
		return this.SERVER + this[k];
	}
}

api/action

<template>
	<div>
		<!-- 搜索 -->
		<el-form :inline="true">
			<el-form-item>
				<el-input v-model="sname" placeholder="姓名"></el-input>
			</el-form-item>
			<el-form-item>
				<el-button type="primary" @click="query">查询</el-button>
				<el-button type="primary" @click="open">新增</el-button>
			</el-form-item>
		</el-form>
		<!-- 数据表格 -->
		<el-table :data="tableData" stripe style="width: 100%">
			<el-table-column prop="sid" label="学号" width="180">
			</el-table-column>
			<el-table-column prop="sname" label="姓名" width="180">
			</el-table-column>
			<el-table-column prop="sage" label="年龄">
			</el-table-column>
			<el-table-column prop="ssex" label="性别">
			</el-table-column>
		</el-table>
		<!-- 对话框 -->
		<el-dialog title="新增学生" @close="close"  :visible.sync="dialogFormVisible">
		  <el-form :model="stu" :rules="rules" ref="stu">
		    <el-form-item prop="sname" label="学生名称":label-width="formLabelWidth">
		      <el-input v-model="stu.sname" autocomplete="off"></el-input>
		    </el-form-item> 
		    <el-form-item prop="ssex"  label="学生性别":label-width="formLabelWidth">
		      <el-select v-model="stu.ssex" placeholder="请选择性别">
		        <el-option label="男" value="男"></el-option>
		        <el-option label="女" value="女"></el-option>
		      </el-select>
		    </el-form-item>
			<el-form-item prop="sage"  label="学生年龄":label-width="formLabelWidth">
			  <el-input v-model="stu.sage" autocomplete="off"></el-input>
			</el-form-item>
		  </el-form>
		  <div slot="footer" class="dialog-footer">
		    <el-button @click="dialogFormVisible = false">取 消</el-button>
		    <el-button type="primary" @click="add">确 定</el-button>
		  </div>
		</el-dialog>

	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				ts: new Date().getTime(),
				sname: '',
				tableData:[],
				dialogFormVisible:false,
				formLabelWidth:'120px',
				stu:{
					sname:'',
					ssex:'',
					sage:''
				},
				  rules: {
				          sname: [
				            { required: true, message: '请输入姓名', trigger: 'blur' },
				          ],
						  ssex: [
						    { required: true, message: '请输入性别', trigger: 'blur' },
						  ],
						  sage: [
						    { required: true, message: '请输入年龄', trigger: 'blur' },
						  ],
						  }
			};
		},
		methods: {
			query:function() {
				//
				let params={
					sname:this.sname
				};
				let url=this.axios.urls.ALL;
				this.axios.post(url,params).then(resp=>{
					let data=resp.data;
					console.log(data);
					if(data.code==200)
						this.tableData=data.data;
				}).catch(err=>{
					console.log(err);
				});
			},
			close:function(){
				this.$refs['stu'].resetFields();
			},
			open:function(){
				this.stu={
					sname:'',
					ssex:'',
					sage:''
				}
				//每次打开之前清空表单
				
				this.dialogFormVisible=true;
			},
			add:function(){
				this.$refs['stu'].validate((valid) => {
				          if (valid) {
//
				let url=this.axios.urls.ADD;
				this.axios.post(url,this.stu).then(resp=>{
					let data=resp.data; 
					console.log(data);
					if(data.code==200){
						  this.$message({
						          message: data.msg,
						          type: 'success'
						        });
								this.dialogFormVisible=false;
								this.query();
					}else{
						this.$message({
							message: data.msg,
							type: 'error'
						})
					}
				}).catch(err=>{
					console.log(err);
				});
				          } else {
				            console.log('error submit!!');
				            return false;
				          }
				        });
				
			}
		}

	}
</script>

<style>
</style>

list