mybatis存页面html的问题,SpringBoot+Mybatis+Mysql+Html实现的页面登录案例

前言

前段时间在网上看到了很多童鞋在学习Springboot，并且想找一个简单容易的案例来上手，但是上面的博客都是各种转载或者是代码不全的。这确实让新上手的同学很是烦恼，所以自己抽了个时间写了一个简单的小案例，希望大家一起来学习。

这是一篇SpringBoot+Mybatis+Mysql+Html+Echart+Layui实现的页面登录简单案例各位老鸟可以略过其中童鞋可以忽略(+Echart+Layui部分)，我们先看下效果图吧

登录页：

首页

以上就是效果图展示了，闲话不多说我们开始吧！！！

1、首先是环境的准备，我使用的是“IntelliJ IDEA 2018.2.5 x64”版本的开发工具、数据库使用的是Mysql数据库，环境安装这些我就不再叙述了。

2、打开idea新建项目具体操作如下图：

修改项目名称为：SpringbootMybatis

生成目录：

3、项目新建好之后，首先打开main==》java文件夹开始新建controller、entity、mapper、service、util等java文件夹，然后在resource文件夹下新建mybatis文件，在static下新建css、html、js、iamges等文件夹至于为什么建这么多文件夹我就不多说了，总之我们写代码一定要养成良好的代码规范。以下就是我建好的效果图：

4、在resource根目录下新建application.yml文件，用于配置服务器信息已经数据库信息等。

5、建完之后创建UserController、User、UserMapper等java类用于控制用户登录调转等

UserController类部分代码：

UserMapper类部分代码：

UserMapper.xml这是Mybatis用于映射User类的配置文件(与SSH框架中的Hibernate类似):

6、登录页代码：

7 数据库表结构：

之前在看别人博客时老是觉得说得不够清楚，如今自己写的时候也不知道怎么才能说清楚真可谓是“当局者迷，旁观者清！”，以下是我源代码的地址，有什么问题可以qq联系=========>那我就 0_0溜溜球了。。。。

git地址：https://github.com/LuoGF/SpringbootMybatis

数据库建表语句：

/*

SQLyog Ultimate v12.08 (64 bit)

MySQL - 5.7.14-log : Database - springboot

*********************************************************************

*/

/*!40101 SET NAMES utf8 */;

/*!40101 SET SQL_MODE=''*/;

/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;

/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;

/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;

/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;

CREATE DATABASE /*!32312 IF NOT EXISTS*/`springboot` /*!40100 DEFAULT CHARACTER SET utf8 */;

USE `springboot`;

/*Table structure for table `user` */

DROP TABLE IF EXISTS `user`;

CREATE TABLE `user` (

`id` int(50) NOT NULL,

`name` varchar(50) DEFAULT NULL,

`age` int(50) DEFAULT NULL,

`sex` varchar(50) DEFAULT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

/*Data for the table `user` */

insert  into `user`(`id`,`name`,`age`,`sex`) values (1,'小芳',23,'女'),(2,'小马',25,'男'),(3,'小李',22,'男'),(4,'小静',22,'女'),(5,'lgf',26,'男');

/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;

/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;

/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;

/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;