云监控（华为） | 实训学习day2（10）

spring boot基于框架的实现

   简单应用 - 用户数据显示
  

• 开辟步骤
  

 第一步：文件-----》新建---à项目

 第二步:弹出的对话框中,左侧选择maven,右侧不选任何内容.
  

 第三步，选择maven后，下一步

第4步  ：出现对话框中填写项目名称

第5步：填写后完成
 第6步：把pom.xml打开

 第7步：填写模块的软件版本 
附：查版本

到远程堆栈，进入堆栈查询mysql8.0的版本

最终依赖包文件如下

把包输入后，利用maven的重新加载项目

除了上述的修改，还有一个lombok插件(java bean)

安装后“确定”即可

利用java开辟留意项目架构（文件夹）

• Mvc开辟模式
  
• Java开辟必须有一个顶层的软件包(com)
  
• Model数据
  
• 数据库操作 dao-àmybatis实现java类到数据库表之间的关系-pojo  
  

   业务: (转帐)包罗多数据库操作  service
  控制:逻辑实现 controller
  布局是通过在java中右键，新建---“软件包”实现
  

Java办理题目的思绪

   

• 先有表,探究表的布局
  
•  有java bean
  
• Pojo层数据库操作
  
• Service层逻辑（一般service和pojo代码相似）
  
• Controller封装逻辑
  
• 前端界面
  

  布局理顺，用户登录和注册

第一步:有用户表

进入到mysql数据库
   

创数据库，打开数据库，创建表，插入数据。

第二步:有java bean

留意类名尽量与表名同等。
第三步:有dao层方法（pojo层的方法）

留意：springboot把pojo都酿成接口，创建时选择interface
Interface不能写具体代码，代码被mybatis实现

在MyUser的java bean参加@Data的lombok注解

接口作用是不能被实现
代码如下

代码mybatis实现.，界说成interface

第四步:有service层，调用mapper层的类的方法，这一层有事务.

留意：@Service注解，@Autowired注入UserMapper
 第五步:有controller层，在这层中，调用service

Controller层新建UserController类 的代码

第六步:前端页面 ：

springboot前端要求必须有一个文件夹。文件夹在resources文件夹下，文件夹名字必须是templates

在templates文件夹下创建前端HTML文件

文件名与Controller中返回的字符串名称同等。

这里没同等，改一下

HTML代码背面美满

根据java流程架构图

Spring boot框架

• 配置文件
  

三部分内容
    数据库连接
   Mybatis 配置sql语句的位置
  前端模板
   名称只能是application.yml
Yml文件是键和值组成,形成数据库参数和值的对应关系

文件内容
数据库的驱动
Mysql5.X 驱动 com.mysql.jdbc.Driver
Mysql8.0驱动 com.mysql.cj.jdbc.Driver       
Mysql5.X 地址

1. jdbc:mysql://localhost:3306/mygaussdb?characterEncoding=utf8&useSSL=false

复制代码

mysql8.0地址

1. jdbc:mysql://localhost:3306/mygaussdb?characterEncoding=utf8&useSSL=false&serverTimezone=UTC

复制代码

1. [/code] 数据库密码是123456,写password: ‘123456’
2. [list=1]
3. [*] [size=3]myBatis的mapper文件xml[/size]
4. [/list]   [align=center][img=865,474]https://i-blog.csdnimg.cn/direct/4e8594a80d6c4f66a42cdeb033bf9a01.png[/img][/align]
5. 创建的文件名与pojo接口文件名同等
6. Xml文件留意的地方：
7. [align=center][img=865,340]https://i-blog.csdnimg.cn/direct/a061a7601bd943bfba866ce036ee40c7.png[/img][/align]
8.  根据查询效果，修改pojo接口文件
9. [align=center][img=864,499]https://i-blog.csdnimg.cn/direct/d15203d9eb9b45dbbb99329169a4dc19.png[/img][/align]
10. 对应Service效果的改变,UserService代码
11. [align=center][img=865,630]https://i-blog.csdnimg.cn/direct/4c6f2d087f3a423496d2461c42815768.png[/img][/align]
12. 前端的网页文件改如下：  
13. [align=center][img=859,734]https://i-blog.csdnimg.cn/direct/7cae955ad2e04a9eae5f76a28f8d205c.png[/img][/align]
14. UserController文件改如下
15. [align=center][img=864,859]https://i-blog.csdnimg.cn/direct/37a124c5f1cb47c9a5506d6cb1b20f13.png[/img][/align]
16. [size=2]运行步伐[/size]
18. 写一个主步伐，主步伐只能在顶层的包里写,这里是com包
19. [align=center][img=865,345]https://i-blog.csdnimg.cn/direct/3cca712141274b08bcd66b821e43bb5b.png[/img][/align]
20. [size=2]提示后回车[/size]
22. SpringBoot的主步伐
23. [align=center][img=864,400]https://i-blog.csdnimg.cn/direct/9c14665ad9864b6187fb919500abe8a9.png[/img][/align]
24. [size=2]报错[/size]
26. [align=center][img=695,638]https://i-blog.csdnimg.cn/direct/db61043e7e8c4b6a93599e7e11cef79c.png[/img][/align]
27. 把右边maven项打开
28. 把依赖项睁开，是否有冲突项
29. [align=center][img=865,583]https://i-blog.csdnimg.cn/direct/5beb1556aa6d45d08b579913c3e07f87.png[/img][/align]
30. 去一个
31. 把pom.xml文件改一下
32. [align=center][img=865,283]https://i-blog.csdnimg.cn/direct/b9e9d214851c492784caa30397e67337.png[/img][/align]
33. 排除后更新
34. [align=center][img=864,533]https://i-blog.csdnimg.cn/direct/91e0e810c2484b1890ce8cf3b5fa9b6c.png[/img][/align]
35. 更新后，只有一个
36. [align=center][img=803,710]https://i-blog.csdnimg.cn/direct/e32add0b70b5485cba6926658fdab8d7.png[/img][/align]
37. 运行乐成显示
38. [align=center][img=864,264]https://i-blog.csdnimg.cn/direct/c35f25678c2c4a03a9f24000858a0c59.png[/img][/align]
39. 显示数据在浏览器器中输入
40. [align=center][img=865,326]https://i-blog.csdnimg.cn/direct/d97d9c03a44a45b7ae48a5eead9782bb.png[/img][/align]
41. 基本布局乐成。
43. [size=5]第一种： 从架构明白[/size]
45. [size=5][align=center][img=865,491]https://i-blog.csdnimg.cn/direct/92c02372a25b4cfb9302efff5e760c61.png[/img][/align][/size]
47. [size=5]第二种从开辟上明白[/size]
49. [size=4]目的：把表数据酿成网页显示[/size]
51. [size=4]两条线：[/size]
53. [size=3]后端线：表------àController控制层实现[/size]
55. [list=1]
56. [*]先有表,探究表的布局
57. [*]有java bean,，类布局与表同等
58. [/list] (3)Pojo层数据库操作，这是接口文件，实现由mybatis共同xml增编削查实现。 
59. [list=1]
60. [*]Service层逻辑（一般service和pojo代码相似），这是java类
61. [*]Controller封装逻辑，返回前端页面和数据
62. [/list] [size=3]前端线[/size]
64. [list=1]
65. [*]页面利用thymeleaf模板
66. [*]接收前端数据${前端变量名 }   ,th:each做循环
67. [*]显示的是java bean当中的每一个属性值
68. [/list] [align=center][img=864,399]https://i-blog.csdnimg.cn/direct/605ba690b9c941b482b103c2c116733e.png[/img][/align]
70. [size=5]详细代码[/size]
72. [code]package com.bean;
74. import lombok.Data;
76. @Data
77. public class MyUser {
78.     private int id;
79.     private String username;
80.     private String password;
81. }

复制代码

1. package com.controller;
3. import com.bean.MyUser;
4. import com.service.UserService;
5. import org.springframework.beans.factory.annotation.Autowired;
6. import org.springframework.stereotype.Controller;
7. import org.springframework.ui.Model;
8. import org.springframework.web.bind.annotation.RequestMapping;
10. import java.util.ArrayList;
11. import java.util.List;
13. @Controller
14. @RequestMapping("/user")
15. public class UserController {
16.     @Autowired
17.     private UserService userservice;
18.     @RequestMapping("/list")
19.     public String ListUser(Model model) {
20.         List<MyUser> users = userservice.selectUser();
21.         System.out.println("users");
22.         model.addAttribute("myusers", users);
23.         return "myuser";
24.     }
25. }

复制代码

1. package com.pojo;
3. import com.bean.MyUser;
4. import org.apache.ibatis.annotations.Mapper;
5. import java.util.List;
7. @Mapper
8. public interface UserMapper {
9.     public List<MyUser> selectUser();
11.     public void addUser(MyUser user);
12. }

复制代码

1. package com.service;
3. import com.bean.MyUser;
4. import com.pojo.UserMapper;
5. import org.springframework.beans.factory.annotation.Autowired;
6. import org.springframework.stereotype.Service;
8. import java.util.List;
10. @Service
11. public class UserService {
12.     @Autowired
13.     private UserMapper usermapper;
14.     public List<MyUser> selectUser(){
15.         return usermapper.selectUser();
16.     }
17. }

复制代码

1. package com;
3. import org.springframework.boot.SpringApplication;
4. import org.springframework.boot.autoconfigure.SpringBootApplication;
6. @SpringBootApplication
7. public class Mymain {
8.     public static void main(String[] args) {
9.         SpringApplication.run(Mymain.class);
10.     }
11. }

复制代码

1. <?xml version="1.0" encoding="UTF-8"?>
2. <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
3.         "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
4. <mapper namespace="com.pojo.UserMapper">
5.     <select id="selectUser" resultType="com.bean.MyUser">
6.         select * from myuser
7.     </select>
8.    
9.     <insert id="addUser" parameterType="com.bean.MyUser">
10.         insert into myuser values (#{id},#{username},#{password})
11.     </insert>
12. </mapper>

复制代码

1. <!DOCTYPE html>
2. <html xmlns:th="http://www.thymeleaf.org">
3. <head>
4.     <meta charset="UTF-8">
5.     <title>显示用户</title>
6. </head>
7. <body>
8. <table>
9.     <tr>
10.         <td>id</td>
11.         <td>用户名</td>
12.         <td>用户密码</td>
13.     </tr>
14.     <tr th:each="item:${myusers}">
15.         <td th:text="${item.id}"></td>
16.         <td th:text="${item.username}"></td>
17.         <td th:text="${item.password}"></td>
18.     </tr>
19. </table>
21. </body>
22. </html>

复制代码

1. spring:
2.   thymeleaf:
3.     prefix: classpath:/templates/
4.     suffix: .html
5.   datasource:
6.     driver-class-name: com.mysql.cj.jdbc.Driver
7.     url: jdbc:mysql://localhost:3306/myguassdb?characterEncoding=utf8&useSSL=false&serverTimezone=UTC
8.     username: root
9.     password: '123456'
11. mybatis:
12.   mapper-locations: classpath:mybatis/*.xml

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。