【SpringBoot】如何创建SpringBoot项目？以及SpringBoot的项目结构；html基础；URL – 统一资源定位；表单的使用；Controller的创建

项目根包：
        SpringBoot项目要求我们将来定义的类和包必须放在这个包下

项目启动类：
        SpringBoot项目自动生成，里面包含 main方法，用来启动

静态资源目录：
        用来保存当前 web 应用(我们的网站)中所有的静态资源(页面，图片和其他素材)

三、html基础

HTML是超文本标记语言，用来构成一个“网页“的语言。由W3C(万维网)制定。

1、构成一个 页面的基本 结构：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
</head>
<body>

</body>
</html>

html 标签是 html 页面的根标签，里面包含两个子标签 head 和 body

head 标签是头信息，用来指定页面的元数据，这里定义的东西都是给浏览器看的。
（包括后期用到的CSS，JS的加载）

b od y 标签是体信息，里面定义的内容都会呈现在浏览器中给用户看到。

2、html常用标签 介绍：

<h1-h6> 标签：标题
每级标题的字体大小不同，标题独占一行（分1-6种大小，1最大）

<center>标签：将标签中间的内容全部基于浏览器居中显示。
                        （HTML5中已经不在建议使用了）

<input> 标签：输入组件，用于获取用户在浏览器上输入的信息
                  输入组件有多种样是，由属性typr决定。
              属性 typr 常见的输入组件有：
                        type=”text” ：默认值，表示一个文本输入框
                        type=”password” ：密码输入框
                        type=”button” ：按钮
                        ty pe=”radio”   ：单选框
                        type=”checkbox” ：复选框，多选框
                        type=”submit” ：提交表单按钮

<br>   标签：换行

<a></a>标签：超链接
                        标签中间的文本是超链接上提示的文字，
                        属性 href 用于指定点击该超链接后跳转的路径（精确到从http：开始）

<table> 标签：表格
 <table>标签中包含<tr> 表格里嵌套行，行里嵌套列。
                        属性 border=”” 用于指定：边框
                        ” “里用数字可控制边框粗细
                        （HTML5中已经不在建议使用了，后期使用样式去控制）

<tr> 标签：行    <tr>标签中包含<td> 行里嵌套列。

<td>    标签：列
<td>标签中常见属性:
align        ：对其方式。left左对齐,right右对齐,center剧中对其
colspan ：跨列合并列，合并是从左向右合并列
row span ：跨行合并列，合并是从上向下合并列

<td>&nbsp;</td>
     &nbsp; 表示一个空格

<img>标签：图片
                     属性src：用于指定图片的路径

四、URL – 统一资源定位

UPL:统一资源定位  
DNS:域名解析服务      
                              协议名称   主机地址信息    资源的抽象路径
在本电脑开启服务器，在浏览器输入http://  localhost: 8080  /index.html 
即可进入你制作的网页
                              协议名称      IP     端口   /resources/static/... 里的文件名字

1、请求 服务端页面时，浏览器地址栏上输入URL地址的规则：

根据 UR L的主机地址信息我们可以找到我们的服务器(Tom cat)，
抽象路径部分最开始的”/”则是让服务器去项目的static 目录下找对应的资源文件

2、在页面上指定其他资源的路径时的规则：

我们在 html 页面上经常会使用超链接或者图片组件，这时我们需要指定路径，这里的路径都是从”/”开始的

这里的”/”就是 URL 地址中抽象路径部分最开始的”/”

五、表单的使用：

<form>标签：表单

用于将用户在页面上输入的信息提交给服务端使用的组件。

form 表单中应当包含若干的输入组件.

注意：
只有包含早form标签中间的输入组件中用户输入的信息才会提交给服务端!!

form上有两个重要的属性:

action ：用于指定表单提交的路径，（该路径需要服务端配合处理）

method ：表单提交的形式，有两个可选项：get、post

get ：地址栏形式提交，表单数据会拼接到地址栏的URL（抽象路径）中传递

post：表单数据会被包含在请求的消息正文中被提交

PS：

当表单数据含有用户隐私信息或附件上传时应当使用POST。

method属性不指定时，默认是GET请求提交。

表单中应当包含一个提交按钮，该按钮点击后会将这个表单进行提交。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
    <body>
        <center>
              <h1>用户注册</h1>
              <!--
                        <form>标签：表单
                                   用于将用户在页面上输入的内容提交给服务器的组件。
                              注意：只有被form标签包含的输入框中用户输入的内容才会被提交。

                         form表单上有两个重要的属性：
                              action: 用于指定表单提交的 位置（该位置是服务端指定的）
                              method: 用于指定表单提交的 方式 ，有两个可选值：get、post
                                    get : 表单数据的提交会被包含在提交的请求路径中的抽象路径部分
                                    post: 表单数据的提交会被包含在请求的消息正文中后（后面讲）

                         表单提交后的路径：
                                http://localhost:8080/regUser?username=%E8%B5%B5%E8%80%81%E9%AA%9A&amp;password=123&amp;nickname=sao&amp;age=99
                         在该路径中，资源的抽象路径部分为:
                                /regUser?username=%E8%B5%B5%E8%80%81%E9%AA%9A&amp;password=123&nickname=sao&age=99
                                URL格式中，对于抽象路径可以包含两部分，请求资源的路径和附带的参数。要求他们之间用"?"隔开
                            其中:
                                /regUser   请求资源的路径（这个名字是你在form表单中属性action创建的那个名字）
                                username=%E8%B5%B5%E8%80%81%E9%AA%9A&password=123&nickname=sao&age=99  附带的参数

                                请求资源的路径在表单提交时它的内容就是表单上指定的action的值。
                                附带的参数就是表单中所有输入框中的信息，
                         具体格式:
                                输入框1的名字=输入框1中用户输入的信息&输入框2的名字=输入框2的内容&...
                                                                ^                        ^
                                                                &用于分割每一个参数
                  -->
              <form action="/regUser" method="get">
                  <table border="2">
                        <tr>
                          <td>用户名</td>
                          <td><input name="username" type="text"></td>
                        </tr>
                        <tr>
                          <td>密码</td>
                          <td><input name="password" type="password"></td>
                        </tr>
                        <tr>
                          <td>昵称</td>
                          <td><input name="nickname" type="text"></td>
                        </tr>
                        <tr>
                          <td>年龄</td>
                          <td><input name="age" type="text"></td>
                        </tr>
                        <tr>
                          <td colspan="2" align="center">
                              <!--
                                    提交按钮：type="submit"
                                       作用：当用户点击这个按钮时，会将包含该按钮的表单进行提交
                                -->
                              <input type="submit" value="注册">
                          </td>
                        </tr>
                  </table>
              </form>
        </center>
    </body>
</html>

六、Controller的创建：

Controller是所有处理业务请求的类的统称，
我们可以创建一个包controller，（与启动类在同一包中）

保存实际处理业务的所有Controller类。

注意三个细节：
细节1：本java文件一定要在src/main/java/com/tedu/springboot2211/controller
       文件包下，与启动类在同一包中
细节2：一定要有两个@注解：类上@Controller,方法上@RequestMapping("/regUser")
细节3：@RequestMapping("/regUser")  
      ()里的参数决定能不能收到表单，所以应当与表单名字一致（建议复制）

需要注意几个事项：

1、controller包需要放在项目的根包下

2、Controller上要定义@Controller注解，否则Spring MVC框架不识别该类

3、处理 业务的方法要定义@RequestMap ping 注解，且参数要与页面表单中action的值一致

4、获取表单信息

使用请求对象：request.getParameter()获取，
这里方法参数为一个字符串要与表单中输入框名字一致

package com.tedu.springboot2211.controller;

import com.tedu.springboot2211.entity.User;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.ObjectOutputStream;

/**
 * 用于处理本网站中和用户相关的操作
 *
 * 注意 细节：
 * 细节1：本java文件一定要在src/main/java/com/tedu/springboot2211/controller文件包下，与启动类在同一包中
 * 细节2：一定要有两个@注解（类上@Controller、方法上@RequestMapping("/regUser")）
 * 细节3：@RequestMapping("/regUser")  ()里的参数决定能不能收到表单，所以应当与表单名字一致（建议复制）
 */
@Controller
public class UserController {
    //该File对象表示保存所有用户信息的目录：users
    private static File userDir;
    static {
        userDir =new File("./users");
        if (!userDir.exists()) {//如果该目录不存在
            userDir.mkdirs();
        }
    }

    /**
     * 用于处理用户注册操作
     * @param request   请求对象
     *                  请求对象中包含了浏览器发送过来的所有信息
     * @param response  响应对象
     *                  响应对象表示的是服务端要给浏览器回复的内容
     */
    @RequestMapping("/regUser")
    //HttpServletRequest、HttpServletResponse 接收表单的方法的固定参数 请求与响应
    public void reg(HttpServletRequest request,  HttpServletResponse response){
        System.out.println("开始处理用户注册！！！");
        /*
            1：获取注册页面上表单提交的用户信息
            2：将该用户信息保存
            3：响应给用户一个注册结果页面
         */
        /* 1：获取注册页面上表单提交的用户信息
            当我们向获取表单提交上来的信息时，这里getParameter方法要传入对应输入框的名字
            输入框上name属性指定的名字：<input  name="username"  type="text">
         */
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String nickname = request.getParameter("nickname");
        String ageStr = request.getParameter("age");//临时用的变量名，不要太在意
        System.out.println(username+"," +password+ "," +nickname+ ","+ageStr);

        //必要的数据验证工作
        /*
            当我们调用请求对象的getParameter()方法获取某个客户端传递的参数，
            返回值:
                如果为null:说明客户端没有传递该参数
                举例：
                /regUser?password=xxxx&nickname=xxxx&age=xxxx (参数不包含username)
                String username = request.getParameter("username")
                如果返回值为null，说明客户端没有传递username这个参数

                如果为空字符串:说明该参数没有值
                举例:
                用户在注册页面上用户名输入框空着不填
                /regUser?username=&password=xxxx&nickname=xxxx&age=xxxx
                String username = request.getParameter("username");
                返回值就是空字符串
         */
        if ( username==null || username.isEmpty() ||
             password==null || password.isEmpty() ||
             nickname==null || nickname.isEmpty() ||
             ageStr == null || ageStr . isEmpty()){
            try {
                response.sendRedirect("/reg_info_error.html");//返回提示用户，再创建一个错误界面
                return; //既然都错了，就到此为止， 返回  重新来过
            } catch (IOException e) {
                e.printStackTrace();
            }
        }

        /* 2:将该用户信息保存
            先将该转int的转一下，之后创建集合将需要放的东西都添加进去，最后在文件包里创建该用户的文件
         */
        int age = Integer.parseInt(ageStr);//转成int类型 用包装类转成整数型  这里的age为了表达的更清楚，应当在意
        User user = new User(username,password,nickname,age);
        //重载的File构造器，参数1：所在的父目录  参数2：该File对象表示的文件或目录
        File file = new File(userDir,username+".obj");

        //如果写文件前，发现该文件已经存在了，说明之前已经有用户使用该用户名（重复用户）
        if (file.exists()) {
            try {
                response.sendRedirect("/have_user.html");
                return;
            } catch (IOException e) {
                e.printStackTrace();
            }
        }


        try (
                FileOutputStream fos = new FileOutputStream(file);      //因为其使用完并关闭会自动调用.close()
                ObjectOutputStream oos = new ObjectOutputStream(fos);   //所以我们放在try中直接判断后并关闭，最合适
        ){
            //将该注册用户信息以User对象形式保存在文件中
            oos.writeObject(user);

            // 3：将注册成功页面响应
            response.sendRedirect("/reg_success.html");
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}