
正文
SpringBoot实现登录
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
1.使用Spring Initializer快速创建Spring Boot项目1.1 IDEA:使用 Spring Initializer快速创建项目
IDE都支持使用Spring的项目创建向导快速创建一个Spring Boot项目; 选择我们需要的模块;向导会联网创建Spring Boot项目; 默认生成的Spring Boot项目;- 主程序已经生成好了,我们只需要我们自己的逻辑
- resources文件夹中目录结构
1. static:保存所有的静态资源; js css images;
2. templates:保存所有的模板页面;(Spring Boot默认jar包使用嵌入式的Tomcat,默认不支持JSP页面);可以使用模板(freemarker、thymeleaf);
3. application.properties:Spring Boot应用的配置文件;可以修改一些默认设置; 导入依赖 <dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter</artifactId>
</dependency> <!--引入springboot-mybatis的依赖 -->
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>1.1.</version>
</dependency>
<!--MySQL的依赖-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.</version>
</dependency> <dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
<exclusions>
<exclusion>
<groupId>org.junit.vintage</groupId>
<artifactId>junit-vintage-engine</artifactId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
实体类public class Users {
private Integer uid; private String userName; private String password; private String realName; public Users(Integer uid, String username, String password, String realname) {
this.uid = uid;
this.userName = username;
this.password = password;
this.realName = realname;
} public Users() {
super();
} public Integer getUid() {
return uid;
} public void setUid(Integer uid) {
this.uid = uid;
} public String getPassword() {
return password;
} public void setPassword(String password) {
this.password = password == null ? null : password.trim();
} public String getUserName() {
return userName;
} public void setUserName(String userName) {
this.userName = userName;
} public String getRealName() {
return realName;
} public void setRealName(String realName) {
this.realName = realName;
}
}
dao层接口@Repository("iUsersDao")
public interface IUsersDao {
//登录
Users getlogin(@Param("userName") String userName, @Param("password") String password);
}
dao层xml<mapper namespace="com.example.dao.IUsersDao">
<!--登录-->
<select id="getlogin" resultType="com.example.entity.Users">
SELECT * FROM users WHERE userName=#{userName} AND PASSWORD=#{password}
</select>
</mapper>
IUserService接口层public interface IUsersService {
//登录
Users getlogin(String userName, String password);}
IUserService接口实现层@Service("iUsersService")
public class IUsersServiceImpl implements IUsersService {
@Resource("iUsersDao")
private IUsersDao iUsersDao;
@Override
public Users getlogin(String userName, String password) {
return iUsersDao.getlogin(userName,password);
}
}
IUserController层@Controller
@RequestMapping("/user")
public class IUserController {
//植入对象
@Resource(name = "iUserService")
private IUserService service;
/*返回頁面*/
@RequestMapping("/getlogin")
public String getlogin(){
return "login";
}
/*登录*/
@RequestMapping("/login")
public ModelAndView login(Users user, ModelAndView mv, HttpServletRequest request, Model model){
Users login = service.login(user.getUserName(),user.getPassword());
System.out.println(login);
if (login!=null){
request.getSession().setAttribute("login",login);
System.out.println("成功!!");
mv.setViewName("index");
}else{
System.out.println("失败!!");
mv.setViewName("login");
}
return mv;
}}
application.properties文件spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql:///invoicingsystem
spring.datasource.username=root
spring.datasource.password=root
login.html页面<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>系统登录 - 小型进销存系统</title>
<link rel="stylesheet" href="css/style.css"/>
<style>
#parent{
width:500px;
height:200px;
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
background:#;
}
.password,.subBtn{
margin-top: %;
margin-left: %;
}
.loginHeader{
padding-top: %;
}
</style>
</head>
<body class="login_bg">
<div id="parent">
<section class="loginBox">
<header class="loginHeader" style="text-align:center; ">
<h1>小型进销存系统</h1>
</header>
<section class="loginCont">
<form class="loginForm" action="/user/login" method="post" onsubmit="return check()" >
<div class="inputbox" style="text-align:center; ">
<label for="user">用户名:</label>
<input id="user" type="text" name="userName" placeholder="请输入用户名" required="required" />
</div>
<div class="password" style="text-align:center; " >
<label for="mima">密码:</label>
<input id="mima" type="password" name="password" placeholder="请输入密码" required="required" />
</div>
<div class="subBtn" style="text-align:center; ">
<input type="submit" value="登录" />
<input type="reset" value="重置"/>
</div>
</form>
</section>
</section>
</div>
</body>
</html>
index.html页面<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
<meta charset="UTF-8">
<title>小型进销存系统</title>
<!-- <link rel="stylesheet" th:href="@{/css/public.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">-->
<style>
#parent{
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
}
</style>
</head>
<body>
<div id="parent">
<!--头部-->
<header class="publicHeader">
<div class="publicHeaderR">
<p><span></span><span style="color: red" th:text="${session.login.getRealName()}"></span> , 欢迎你! <a href="/user/remover">退出登录</a></p>
</div>
</header>
<!--主体内容-->
<section class="publicMian">
<div class="left">
<nav>
<ul class="list">
<li ><a href="/user/prodectAdd">销售</a></li>
<li><a href="/user/saleList">销售信息查询</a></li>
<li><a href="/user/view">查看库存</a></li>
</ul>
</nav>
</div>
<div class="right" style="border: 3px solid blue;width: 400px;height: 200px;margin-top: -100px;margin-left: 200px" >
<img class="wColck" src="img/clock.jpg" alt=""/>
<div class="wFont" style="text-align:center;margin-top:10% ">
<p>欢迎使用小型进销存系统系统!</p>
</div>
</div>
</section>
</div>
</body>
</html>
- 主程序已经生成好了,我们只需要我们自己的逻辑
- resources文件夹中目录结构
1. static:保存所有的静态资源; js css images;
2. templates:保存所有的模板页面;(Spring Boot默认jar包使用嵌入式的Tomcat,默认不支持JSP页面);可以使用模板(freemarker、thymeleaf);
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter</artifactId>
</dependency> <!--引入springboot-mybatis的依赖 -->
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>1.1.</version>
</dependency>
<!--MySQL的依赖-->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<version>5.1.</version>
</dependency> <dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
<exclusions>
<exclusion>
<groupId>org.junit.vintage</groupId>
<artifactId>junit-vintage-engine</artifactId>
</exclusion>
</exclusions>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
实体类public class Users {
private Integer uid; private String userName; private String password; private String realName; public Users(Integer uid, String username, String password, String realname) {
this.uid = uid;
this.userName = username;
this.password = password;
this.realName = realname;
} public Users() {
super();
} public Integer getUid() {
return uid;
} public void setUid(Integer uid) {
this.uid = uid;
} public String getPassword() {
return password;
} public void setPassword(String password) {
this.password = password == null ? null : password.trim();
} public String getUserName() {
return userName;
} public void setUserName(String userName) {
this.userName = userName;
} public String getRealName() {
return realName;
} public void setRealName(String realName) {
this.realName = realName;
}
}
dao层接口@Repository("iUsersDao")
public interface IUsersDao {
//登录
Users getlogin(@Param("userName") String userName, @Param("password") String password);
}
dao层xml<mapper namespace="com.example.dao.IUsersDao">
<!--登录-->
<select id="getlogin" resultType="com.example.entity.Users">
SELECT * FROM users WHERE userName=#{userName} AND PASSWORD=#{password}
</select>
</mapper>
IUserService接口层public interface IUsersService {
//登录
Users getlogin(String userName, String password);}
IUserService接口实现层@Service("iUsersService")
public class IUsersServiceImpl implements IUsersService {
@Resource("iUsersDao")
private IUsersDao iUsersDao;
@Override
public Users getlogin(String userName, String password) {
return iUsersDao.getlogin(userName,password);
}
}
IUserController层@Controller
@RequestMapping("/user")
public class IUserController {
//植入对象
@Resource(name = "iUserService")
private IUserService service;
/*返回頁面*/
@RequestMapping("/getlogin")
public String getlogin(){
return "login";
}
/*登录*/
@RequestMapping("/login")
public ModelAndView login(Users user, ModelAndView mv, HttpServletRequest request, Model model){
Users login = service.login(user.getUserName(),user.getPassword());
System.out.println(login);
if (login!=null){
request.getSession().setAttribute("login",login);
System.out.println("成功!!");
mv.setViewName("index");
}else{
System.out.println("失败!!");
mv.setViewName("login");
}
return mv;
}}
application.properties文件spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql:///invoicingsystem
spring.datasource.username=root
spring.datasource.password=root
login.html页面<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>系统登录 - 小型进销存系统</title>
<link rel="stylesheet" href="css/style.css"/>
<style>
#parent{
width:500px;
height:200px;
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
background:#;
}
.password,.subBtn{
margin-top: %;
margin-left: %;
}
.loginHeader{
padding-top: %;
}
</style>
</head>
<body class="login_bg">
<div id="parent">
<section class="loginBox">
<header class="loginHeader" style="text-align:center; ">
<h1>小型进销存系统</h1>
</header>
<section class="loginCont">
<form class="loginForm" action="/user/login" method="post" onsubmit="return check()" >
<div class="inputbox" style="text-align:center; ">
<label for="user">用户名:</label>
<input id="user" type="text" name="userName" placeholder="请输入用户名" required="required" />
</div>
<div class="password" style="text-align:center; " >
<label for="mima">密码:</label>
<input id="mima" type="password" name="password" placeholder="请输入密码" required="required" />
</div>
<div class="subBtn" style="text-align:center; ">
<input type="submit" value="登录" />
<input type="reset" value="重置"/>
</div>
</form>
</section>
</section>
</div>
</body>
</html>
index.html页面<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
<meta charset="UTF-8">
<title>小型进销存系统</title>
<!-- <link rel="stylesheet" th:href="@{/css/public.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">-->
<style>
#parent{
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
}
</style>
</head>
<body>
<div id="parent">
<!--头部-->
<header class="publicHeader">
<div class="publicHeaderR">
<p><span></span><span style="color: red" th:text="${session.login.getRealName()}"></span> , 欢迎你! <a href="/user/remover">退出登录</a></p>
</div>
</header>
<!--主体内容-->
<section class="publicMian">
<div class="left">
<nav>
<ul class="list">
<li ><a href="/user/prodectAdd">销售</a></li>
<li><a href="/user/saleList">销售信息查询</a></li>
<li><a href="/user/view">查看库存</a></li>
</ul>
</nav>
</div>
<div class="right" style="border: 3px solid blue;width: 400px;height: 200px;margin-top: -100px;margin-left: 200px" >
<img class="wColck" src="img/clock.jpg" alt=""/>
<div class="wFont" style="text-align:center;margin-top:10% ">
<p>欢迎使用小型进销存系统系统!</p>
</div>
</div>
</section>
</div>
</body>
</html>
public class Users {
private Integer uid; private String userName; private String password; private String realName; public Users(Integer uid, String username, String password, String realname) {
this.uid = uid;
this.userName = username;
this.password = password;
this.realName = realname;
} public Users() {
super();
} public Integer getUid() {
return uid;
} public void setUid(Integer uid) {
this.uid = uid;
} public String getPassword() {
return password;
} public void setPassword(String password) {
this.password = password == null ? null : password.trim();
} public String getUserName() {
return userName;
} public void setUserName(String userName) {
this.userName = userName;
} public String getRealName() {
return realName;
} public void setRealName(String realName) {
this.realName = realName;
}
}
@Repository("iUsersDao")
public interface IUsersDao {
//登录
Users getlogin(@Param("userName") String userName, @Param("password") String password);
}
dao层xml<mapper namespace="com.example.dao.IUsersDao">
<!--登录-->
<select id="getlogin" resultType="com.example.entity.Users">
SELECT * FROM users WHERE userName=#{userName} AND PASSWORD=#{password}
</select>
</mapper>
IUserService接口层public interface IUsersService {
//登录
Users getlogin(String userName, String password);}
IUserService接口实现层@Service("iUsersService")
public class IUsersServiceImpl implements IUsersService {
@Resource("iUsersDao")
private IUsersDao iUsersDao;
@Override
public Users getlogin(String userName, String password) {
return iUsersDao.getlogin(userName,password);
}
}
IUserController层@Controller
@RequestMapping("/user")
public class IUserController {
//植入对象
@Resource(name = "iUserService")
private IUserService service;
/*返回頁面*/
@RequestMapping("/getlogin")
public String getlogin(){
return "login";
}
/*登录*/
@RequestMapping("/login")
public ModelAndView login(Users user, ModelAndView mv, HttpServletRequest request, Model model){
Users login = service.login(user.getUserName(),user.getPassword());
System.out.println(login);
if (login!=null){
request.getSession().setAttribute("login",login);
System.out.println("成功!!");
mv.setViewName("index");
}else{
System.out.println("失败!!");
mv.setViewName("login");
}
return mv;
}}
application.properties文件spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql:///invoicingsystem
spring.datasource.username=root
spring.datasource.password=root
login.html页面<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>系统登录 - 小型进销存系统</title>
<link rel="stylesheet" href="css/style.css"/>
<style>
#parent{
width:500px;
height:200px;
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
background:#;
}
.password,.subBtn{
margin-top: %;
margin-left: %;
}
.loginHeader{
padding-top: %;
}
</style>
</head>
<body class="login_bg">
<div id="parent">
<section class="loginBox">
<header class="loginHeader" style="text-align:center; ">
<h1>小型进销存系统</h1>
</header>
<section class="loginCont">
<form class="loginForm" action="/user/login" method="post" onsubmit="return check()" >
<div class="inputbox" style="text-align:center; ">
<label for="user">用户名:</label>
<input id="user" type="text" name="userName" placeholder="请输入用户名" required="required" />
</div>
<div class="password" style="text-align:center; " >
<label for="mima">密码:</label>
<input id="mima" type="password" name="password" placeholder="请输入密码" required="required" />
</div>
<div class="subBtn" style="text-align:center; ">
<input type="submit" value="登录" />
<input type="reset" value="重置"/>
</div>
</form>
</section>
</section>
</div>
</body>
</html>
index.html页面<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
<meta charset="UTF-8">
<title>小型进销存系统</title>
<!-- <link rel="stylesheet" th:href="@{/css/public.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">-->
<style>
#parent{
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
}
</style>
</head>
<body>
<div id="parent">
<!--头部-->
<header class="publicHeader">
<div class="publicHeaderR">
<p><span></span><span style="color: red" th:text="${session.login.getRealName()}"></span> , 欢迎你! <a href="/user/remover">退出登录</a></p>
</div>
</header>
<!--主体内容-->
<section class="publicMian">
<div class="left">
<nav>
<ul class="list">
<li ><a href="/user/prodectAdd">销售</a></li>
<li><a href="/user/saleList">销售信息查询</a></li>
<li><a href="/user/view">查看库存</a></li>
</ul>
</nav>
</div>
<div class="right" style="border: 3px solid blue;width: 400px;height: 200px;margin-top: -100px;margin-left: 200px" >
<img class="wColck" src="img/clock.jpg" alt=""/>
<div class="wFont" style="text-align:center;margin-top:10% ">
<p>欢迎使用小型进销存系统系统!</p>
</div>
</div>
</section>
</div>
</body>
</html>
<mapper namespace="com.example.dao.IUsersDao">
<!--登录-->
<select id="getlogin" resultType="com.example.entity.Users">
SELECT * FROM users WHERE userName=#{userName} AND PASSWORD=#{password}
</select>
</mapper>
public interface IUsersService {
//登录
Users getlogin(String userName, String password);}
IUserService接口实现层@Service("iUsersService")
public class IUsersServiceImpl implements IUsersService {
@Resource("iUsersDao")
private IUsersDao iUsersDao;
@Override
public Users getlogin(String userName, String password) {
return iUsersDao.getlogin(userName,password);
}
}
IUserController层@Controller
@RequestMapping("/user")
public class IUserController {
//植入对象
@Resource(name = "iUserService")
private IUserService service;
/*返回頁面*/
@RequestMapping("/getlogin")
public String getlogin(){
return "login";
}
/*登录*/
@RequestMapping("/login")
public ModelAndView login(Users user, ModelAndView mv, HttpServletRequest request, Model model){
Users login = service.login(user.getUserName(),user.getPassword());
System.out.println(login);
if (login!=null){
request.getSession().setAttribute("login",login);
System.out.println("成功!!");
mv.setViewName("index");
}else{
System.out.println("失败!!");
mv.setViewName("login");
}
return mv;
}}
application.properties文件spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql:///invoicingsystem
spring.datasource.username=root
spring.datasource.password=root
login.html页面<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>系统登录 - 小型进销存系统</title>
<link rel="stylesheet" href="css/style.css"/>
<style>
#parent{
width:500px;
height:200px;
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
background:#;
}
.password,.subBtn{
margin-top: %;
margin-left: %;
}
.loginHeader{
padding-top: %;
}
</style>
</head>
<body class="login_bg">
<div id="parent">
<section class="loginBox">
<header class="loginHeader" style="text-align:center; ">
<h1>小型进销存系统</h1>
</header>
<section class="loginCont">
<form class="loginForm" action="/user/login" method="post" onsubmit="return check()" >
<div class="inputbox" style="text-align:center; ">
<label for="user">用户名:</label>
<input id="user" type="text" name="userName" placeholder="请输入用户名" required="required" />
</div>
<div class="password" style="text-align:center; " >
<label for="mima">密码:</label>
<input id="mima" type="password" name="password" placeholder="请输入密码" required="required" />
</div>
<div class="subBtn" style="text-align:center; ">
<input type="submit" value="登录" />
<input type="reset" value="重置"/>
</div>
</form>
</section>
</section>
</div>
</body>
</html>
index.html页面<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
<meta charset="UTF-8">
<title>小型进销存系统</title>
<!-- <link rel="stylesheet" th:href="@{/css/public.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">-->
<style>
#parent{
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
}
</style>
</head>
<body>
<div id="parent">
<!--头部-->
<header class="publicHeader">
<div class="publicHeaderR">
<p><span></span><span style="color: red" th:text="${session.login.getRealName()}"></span> , 欢迎你! <a href="/user/remover">退出登录</a></p>
</div>
</header>
<!--主体内容-->
<section class="publicMian">
<div class="left">
<nav>
<ul class="list">
<li ><a href="/user/prodectAdd">销售</a></li>
<li><a href="/user/saleList">销售信息查询</a></li>
<li><a href="/user/view">查看库存</a></li>
</ul>
</nav>
</div>
<div class="right" style="border: 3px solid blue;width: 400px;height: 200px;margin-top: -100px;margin-left: 200px" >
<img class="wColck" src="img/clock.jpg" alt=""/>
<div class="wFont" style="text-align:center;margin-top:10% ">
<p>欢迎使用小型进销存系统系统!</p>
</div>
</div>
</section>
</div>
</body>
</html>
@Service("iUsersService")
public class IUsersServiceImpl implements IUsersService {
@Resource("iUsersDao")
private IUsersDao iUsersDao;
@Override
public Users getlogin(String userName, String password) {
return iUsersDao.getlogin(userName,password);
}
}
@Controller
@RequestMapping("/user")
public class IUserController {
//植入对象
@Resource(name = "iUserService")
private IUserService service;
/*返回頁面*/
@RequestMapping("/getlogin")
public String getlogin(){
return "login";
}
/*登录*/
@RequestMapping("/login")
public ModelAndView login(Users user, ModelAndView mv, HttpServletRequest request, Model model){
Users login = service.login(user.getUserName(),user.getPassword());
System.out.println(login);
if (login!=null){
request.getSession().setAttribute("login",login);
System.out.println("成功!!");
mv.setViewName("index");
}else{
System.out.println("失败!!");
mv.setViewName("login");
}
return mv;
}}
application.properties文件spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql:///invoicingsystem
spring.datasource.username=root
spring.datasource.password=root
login.html页面<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>系统登录 - 小型进销存系统</title>
<link rel="stylesheet" href="css/style.css"/>
<style>
#parent{
width:500px;
height:200px;
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
background:#;
}
.password,.subBtn{
margin-top: %;
margin-left: %;
}
.loginHeader{
padding-top: %;
}
</style>
</head>
<body class="login_bg">
<div id="parent">
<section class="loginBox">
<header class="loginHeader" style="text-align:center; ">
<h1>小型进销存系统</h1>
</header>
<section class="loginCont">
<form class="loginForm" action="/user/login" method="post" onsubmit="return check()" >
<div class="inputbox" style="text-align:center; ">
<label for="user">用户名:</label>
<input id="user" type="text" name="userName" placeholder="请输入用户名" required="required" />
</div>
<div class="password" style="text-align:center; " >
<label for="mima">密码:</label>
<input id="mima" type="password" name="password" placeholder="请输入密码" required="required" />
</div>
<div class="subBtn" style="text-align:center; ">
<input type="submit" value="登录" />
<input type="reset" value="重置"/>
</div>
</form>
</section>
</section>
</div>
</body>
</html>
index.html页面<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
<meta charset="UTF-8">
<title>小型进销存系统</title>
<!-- <link rel="stylesheet" th:href="@{/css/public.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">-->
<style>
#parent{
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
}
</style>
</head>
<body>
<div id="parent">
<!--头部-->
<header class="publicHeader">
<div class="publicHeaderR">
<p><span></span><span style="color: red" th:text="${session.login.getRealName()}"></span> , 欢迎你! <a href="/user/remover">退出登录</a></p>
</div>
</header>
<!--主体内容-->
<section class="publicMian">
<div class="left">
<nav>
<ul class="list">
<li ><a href="/user/prodectAdd">销售</a></li>
<li><a href="/user/saleList">销售信息查询</a></li>
<li><a href="/user/view">查看库存</a></li>
</ul>
</nav>
</div>
<div class="right" style="border: 3px solid blue;width: 400px;height: 200px;margin-top: -100px;margin-left: 200px" >
<img class="wColck" src="img/clock.jpg" alt=""/>
<div class="wFont" style="text-align:center;margin-top:10% ">
<p>欢迎使用小型进销存系统系统!</p>
</div>
</div>
</section>
</div>
</body>
</html>
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql:///invoicingsystem
spring.datasource.username=root
spring.datasource.password=root
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>系统登录 - 小型进销存系统</title>
<link rel="stylesheet" href="css/style.css"/>
<style>
#parent{
width:500px;
height:200px;
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
background:#;
}
.password,.subBtn{
margin-top: %;
margin-left: %;
}
.loginHeader{
padding-top: %;
}
</style>
</head>
<body class="login_bg">
<div id="parent">
<section class="loginBox">
<header class="loginHeader" style="text-align:center; ">
<h1>小型进销存系统</h1>
</header>
<section class="loginCont">
<form class="loginForm" action="/user/login" method="post" onsubmit="return check()" >
<div class="inputbox" style="text-align:center; ">
<label for="user">用户名:</label>
<input id="user" type="text" name="userName" placeholder="请输入用户名" required="required" />
</div>
<div class="password" style="text-align:center; " >
<label for="mima">密码:</label>
<input id="mima" type="password" name="password" placeholder="请输入密码" required="required" />
</div>
<div class="subBtn" style="text-align:center; ">
<input type="submit" value="登录" />
<input type="reset" value="重置"/>
</div>
</form>
</section>
</section>
</div>
</body>
</html>
index.html页面<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
<meta charset="UTF-8">
<title>小型进销存系统</title>
<!-- <link rel="stylesheet" th:href="@{/css/public.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">-->
<style>
#parent{
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
}
</style>
</head>
<body>
<div id="parent">
<!--头部-->
<header class="publicHeader">
<div class="publicHeaderR">
<p><span></span><span style="color: red" th:text="${session.login.getRealName()}"></span> , 欢迎你! <a href="/user/remover">退出登录</a></p>
</div>
</header>
<!--主体内容-->
<section class="publicMian">
<div class="left">
<nav>
<ul class="list">
<li ><a href="/user/prodectAdd">销售</a></li>
<li><a href="/user/saleList">销售信息查询</a></li>
<li><a href="/user/view">查看库存</a></li>
</ul>
</nav>
</div>
<div class="right" style="border: 3px solid blue;width: 400px;height: 200px;margin-top: -100px;margin-left: 200px" >
<img class="wColck" src="img/clock.jpg" alt=""/>
<div class="wFont" style="text-align:center;margin-top:10% ">
<p>欢迎使用小型进销存系统系统!</p>
</div>
</div>
</section>
</div>
</body>
</html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en" >
<meta charset="UTF-8">
<title>小型进销存系统</title>
<!-- <link rel="stylesheet" th:href="@{/css/public.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">-->
<style>
#parent{
margin-top:%;
margin-left:%;
transform:translate(-%,-%) ;
}
</style>
</head>
<body>
<div id="parent">
<!--头部-->
<header class="publicHeader">
<div class="publicHeaderR">
<p><span></span><span style="color: red" th:text="${session.login.getRealName()}"></span> , 欢迎你! <a href="/user/remover">退出登录</a></p>
</div>
</header>
<!--主体内容-->
<section class="publicMian">
<div class="left">
<nav>
<ul class="list">
<li ><a href="/user/prodectAdd">销售</a></li>
<li><a href="/user/saleList">销售信息查询</a></li>
<li><a href="/user/view">查看库存</a></li>
</ul>
</nav>
</div>
<div class="right" style="border: 3px solid blue;width: 400px;height: 200px;margin-top: -100px;margin-left: 200px" >
<img class="wColck" src="img/clock.jpg" alt=""/>
<div class="wFont" style="text-align:center;margin-top:10% ">
<p>欢迎使用小型进销存系统系统!</p>
</div>
</div>
</section>
</div>
</body>
</html>








