• JSD-2204-创建Spring项目-Day19

    1.创建Spring项目

     File ->new->Project

     

     点击Spring Initializr，进行配置

    ServerURL修改为：https://start.aliyun.com

    Name修改成项目的名字

    Java改为8

    Project SDK改为：1.8

    选择Web，在SpringWeb那一栏打上对勾 

    让后点击Finish

    进入项目后需要在右边的Maven那一栏点开左上角有一个刷新按钮点击一下，

    如果是第一次创建项目的小伙伴们，下载时间可能稍微长

    2.把之前写的项目部署到Spring项目中

    2.1项目目录

    2.2Java文件

    2.2.1UserController(业务逻辑层)

    1. package com.myboot.myfirstspringboot.controller;
    2.  
    3. import com.myboot.myfirstspringboot.entity.User;
    4. import org.springframework.stereotype.Controller;
    5. import org.springframework.web.bind.annotation.RequestMapping;
    6.  
    7. import javax.servlet.http.HttpServletRequest;
    8. import javax.servlet.http.HttpServletResponse;
    9. import java.io.*;
    10. import java.util.ArrayList;
    11. import java.util.List;
    12.  
    13. /**
    14.  *  我创建的Controller类必须要添加注解@Controller
    15.  *  并且处理某个请求的方法上要使用注解@RequestMapping
    16.  */
    17. @Controller
    18. public class UserController {
    19.     private static File userDir;
    20.     static {
    21.         userDir = new File("./users");
    22.         if(!userDir.exists()){
    23.             userDir.mkdirs();
    24.         }
    25.     }
    26.  
    27.     @RequestMapping("/myweb/showAllUser")
    28.     public void showAllUser(HttpServletRequest request,HttpServletResponse response){
    29.         List<User> userList = new ArrayList<>();
    30.         File[] subs = userDir.listFiles(f -> f.getName().endsWith(".obj"));
    31.         for (File userFile : subs) {
    32.             try (
    33.                     FileInputStream fis = new FileInputStream(userFile);
    34.                     ObjectInputStream ois = new ObjectInputStream(fis);
    35.             ) {
    36.                 User user = (User) ois.readObject();
    37.                 userList.add(user);
    38.             } catch (IOException e) {
    39.                 e.printStackTrace();
    40.             } catch (ClassNotFoundException e) {
    41.                 e.printStackTrace();
    42.             }
    43.         }
    44.  
    45.         System.out.println(userList);
    46.  
    47.         //2将数据拼接到html生成页面
    48.         response.setContentType("text/html;charset=utf-8");
    49.  
    50.         try {
    51.             PrintWriter pw = response.getWriter();
    52.             pw.println("<!DOCTYPE html>");
    53.             pw.println("<html lang=\"en\">");
    54.             pw.println("<head>");
    55.             pw.println("<meta charset=\"UTF-8\">");
    56.             pw.println("<title>用户列表</title>");
    57.             pw.println("</head>");
    58.             pw.println("<body>");
    59.             pw.println("<center>");
    60.             pw.println("<h1>用户列表</h1>");
    61.             pw.println("<table border=\"1\">");
    62.             pw.println("<tr>");
    63.             pw.println("<td>用户名</td>");
    64.             pw.println("<td>密码</td>");
    65.             pw.println("<td>昵称</td>");
    66.             pw.println("<td>年龄</td>");
    67.             pw.println("</tr>");
    68.             for (User user : userList) {
    69.                 pw.println("<tr>");
    70.                 pw.println("<td>" + user.getUsername() + "</td>");
    71.                 pw.println("<td>" + user.getPassword() + "</td>");
    72.                 pw.println("<td>" + user.getNickname() + "</td>");
    73.                 pw.println("<td>" + user.getAge() + "</td>");
    74.                 pw.println("</tr>");
    75.             }
    76.             pw.println("</table>");
    77.             pw.println("</center>");
    78.             pw.println("</body>");
    79.             pw.println("</html>");
    80.         } catch (IOException e) {
    81.             e.printStackTrace();
    82.         }
    83.     }
    84.  
    85.     @RequestMapping("/myweb/login")
    86.     public void login(String username,String password, HttpServletResponse response) {
    87.         if (username == null || password == null|| username.isEmpty()||password.isEmpty()) {
    88.             try {
    89.                 response.sendRedirect("/myweb/login_info_error.html");
    90.             } catch (IOException e) {
    91.                 e.printStackTrace();
    92.             }
    93.             return;
    94.         }
    95.  
    96.         //2
    97.         File userFile = new File(userDir, username + ".obj");
    98.         if (userFile.exists()) {//用户名输入正确
    99.             try (
    100.                     FileInputStream fis = new FileInputStream(userFile);
    101.                     ObjectInputStream ois = new ObjectInputStream(fis);
    102.             ) {
    103.                 //读取该注册用户信息
    104.                 User user = (User) ois.readObject();
    105.                 if (user.getPassword().equals(password)) {//密码正确
    106.                     //登录成功
    107.                     response.sendRedirect("/myweb/login_success.html");
    108.                     return;
    109.                 }
    110.             } catch (IOException | ClassNotFoundException e) {
    111.                 e.printStackTrace();
    112.             }
    113.         }
    114.  
    115.         //如果程序走到这里,情况1:用户名没有输入正确，文件不存在
    116.         //              情况2:用户名对了，但是密码不对
    117.         try {
    118.             response.sendRedirect("/myweb/login_fail.html");
    119.         } catch (IOException e) {
    120.             e.printStackTrace();
    121.         }
    122.  
    123.  
    124.     }
    125.  
    126.     /**
    127.      *  传参方式灵活
    128.      *  传参方式1:可以指定HttpServletRequest和HttpServletResponse作为参数
    129.      *
    130.      *  传参方式2:还可以直接将表单传递过来的参数作为作为方法参数定义出来，需要注意的点:
    131.      *  方法中参数名必须和页面上表单中输入框的名字一致(浏览器传递过来的参数名)
    132.      *
    133.      *  传参方式3:直接将一个对象作为参数，需要注意，该对象中属性名应当和表单提交的数据时
    134.      *           对应输入框的名字要一致!
    135.      *           Sprint MVC框架会使用该类的无参构造器实例化，并利用属性对应的set方法
    136.      *           将表单中对应的数据赋值给该属性。之后就可以将该对象传递进方法了。
    137.      *
    138.      */
    139.     @RequestMapping("/myweb/reg")
    140.     //传参方式3
    141.     public void reg(User user,HttpServletResponse response){
    142.         if(user.getUsername()==null||user.getPassword()==null||
    143.            user.getNickname()==null||user.getUsername().isEmpty()||
    144.            user.getPassword().isEmpty()||user.getNickname().isEmpty()){
    145.             try {
    146.                 response.sendRedirect("/myweb/reg_info_error.html");
    147.             } catch (IOException e) {
    148.                 e.printStackTrace();
    149.             }
    150.             return;
    151.         }
    152.  
    153.         File userFile = new File(userDir,user.getUsername()+".obj");
    154.         if(userFile.exists()){//文件存在则说明是重复用户
    155.             try {
    156.                 response.sendRedirect("/myweb/have_user.html");
    157.             } catch (IOException e) {
    158.                 e.printStackTrace();
    159.             }
    160.             return;
    161.         }
    162.         try (
    163.                 FileOutputStream fos = new FileOutputStream(userFile);
    164.                 ObjectOutputStream oos = new ObjectOutputStream(fos);
    165.         ){
    166.             oos.writeObject(user);
    167.             response.sendRedirect("/myweb/reg_success.html");
    168.         } catch (IOException e) {
    169.             e.printStackTrace();
    170.         }
    171.     }
    172.  
    173.     //传参方式2
    174. //    public void reg(String username,String password,String nickname,int age,HttpServletResponse response){
    175. //        System.out.println(username+","+password+","+nickname+","+age);
    176. //
    177. //    }
    178.  
    179.     //传参方式1
    180. //    public void reg(HttpServletRequest request, HttpServletResponse response){
    181. //        String username = request.getParameter("username");
    182. //        String password = request.getParameter("password");
    183. //        String nickname = request.getParameter("nickname");
    184. //        String ageStr = request.getParameter("age");
    185. //        System.out.println(username+","+password+","+nickname+","+ageStr);
    186. //
    187. //        //后期可以使用spring验证框架来完成
    188. //        if(username==null||password==null||nickname==null||ageStr==null||
    189. //                !ageStr.matches("[0-9]+")){
    190. //            try {
    191. //                response.sendRedirect("/myweb/reg_info_error.html");
    192. //            } catch (IOException e) {
    193. //                e.printStackTrace();
    194. //            }
    195. //            return;
    196. //        }
    197. //        int age = Integer.parseInt(ageStr);
    198. //        User user = new User(username,password,nickname,age);
    199. //    }
    200.  
    201. }

    2.2.2User(实体层)

    1. package com.myboot.myfirstspringboot.entity;//实体
    2.  
    3. import java.io.Serializable;
    4.  
    5. /**
    6.  * User的每一个实例用于表示一个注册用户信息
    7.  */
    8. public class User implements Serializable {
    9.     public static final long serialVersionUID = 1L;
    10.     private String username;
    11.     private String password;
    12.     private String nickname;
    13.     private int age;
    14.  
    15.     public User(){}
    16.  
    17.     public User(String username, String password, String nickname, int age) {
    18.         this.username = username;
    19.         this.password = password;
    20.         this.nickname = nickname;
    21.         this.age = age;
    22.     }
    23.  
    24.     public String getUsername() {
    25.         return username;
    26.     }
    27.  
    28.     public void setUsername(String username) {
    29.         this.username = username;
    30.     }
    31.  
    32.     public String getPassword() {
    33.         return password;
    34.     }
    35.  
    36.     public void setPassword(String password) {
    37.         this.password = password;
    38.     }
    39.  
    40.     public String getNickname() {
    41.         return nickname;
    42.     }
    43.  
    44.     public void setNickname(String nickname) {
    45.         this.nickname = nickname;
    46.     }
    47.  
    48.     public int getAge() {
    49.         return age;
    50.     }
    51.  
    52.     public void setAge(int age) {
    53.         this.age = age;
    54.     }
    55.  
    56.     @Override
    57.     public String toString() {
    58.         return "User{" +
    59.                 "username='" + username + '\'' +
    60.                 ", password='" + password + '\'' +
    61.                 ", nickname='" + nickname + '\'' +
    62.                 ", age=" + age +
    63.                 '}';
    64.     }
    65. }
    66.  
    67.  
    68.  
    69.  
    70.  
    71.  
    72.

    2.2.3MyFirstSpringBootApplication(启动类)

    1. package com.myboot.myfirstspringboot;
    2.  
    3. import org.springframework.boot.SpringApplication;
    4. import org.springframework.boot.autoconfigure.SpringBootApplication;
    5.  
    6. @SpringBootApplication
    7. public class MyFirstSpringBootApplication {
    8.  
    9.     public static void main(String[] args) {
    10.         SpringApplication.run(MyFirstSpringBootApplication.class, args);
    11.     }
    12.  
    13. }

    2.3HTML代码

    2.3.1have_user.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>失败</title>
    6. </head>
    7. <body>
    8.   <center>
    9.     <h1>该用户已存在，请<a href="/myweb/reg.html">重新注册</a></h1>
    10.   </center>
    11. </body>
    12. </html>

    2.3.2index.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>我的首页</title>
    6. </head>
    7. <body>
    8. <!--
    9.      <h1>-<h6>:标题，分为1-6级标题。标题独占一行
    10.      <center>:居中，该标签在HTML5中已经不再建议使用了。没学习样式前临时使用
    11.      <input>:输入组件。它是一套组件，用来在页面上获取用户输入的。
    13.              属性type决定着该组件的样式。
    14.              常见的值有:
    15.                  text:文本框
    16.                  button:按钮
    17.                  checkbox:多选框
    18.                  radio:单选框
    19.                  submit:提交按钮
    20.                  password:密码框
    21.      <a>:超链接，标签中间的文本是超链接对应的文字，属性href用于指定跳转的路径
    22.      <br>:换行
    23.      <table>标签:表格。属性border用于指定边框。
    24.                  <table>标签中包含<tr>标签用于表示行
    25.                  <tr>标签中包含<td>标签用于表示列
    26.                  <td>标签中常见属性:
    27.                  align:对其方式。left左对齐,right右对齐,center剧中对其
    28.                  colspan:跨列合并列，合并是从左向右合并列
    29.                  rowspan:跨行合并列，合并是从上向下合并列
    31.      <img>:图片标签，src属性用于指定图片的路径
    33.      在页面上我们经常会使用路径去定位页面上要使用的额外资源，比如CSS文件，JS文件
    34.      图片文件等。
    35.      例如图片:
    36.      <img src=""> 这里的src就是用于指定图片的路径的
    37.      路径分两种:相对路径和绝对路径
    38.      相对路径常用的:"./",即:当前目录
    39.      在浏览器中和我们在java源代码中"./"位置不是相同的！！！！！！
    40.      原因是页面是被浏览器理解的。
    42.      在页面上"./"的位置浏览器理解的是:URL地址当中抽象路径里的最后一个"/"的位置
    43.      例如:
    44.      请求inde.html时，我们在地址栏上输入的路径为:
    45.      http://localhost:8088/myweb/index.html
    46.      在这个页面上我们使用了<img src="logo.png"> 注:不写"./"默认就是从"./"开始
    47.      此时浏览器判定该图片的实际位置是哪里，就是根据请求当前页面的URL地址决定:
    48.      当前URL地址中抽象路径部分为:/myweb/index.html
    49.      因此"./"理解的就是这里最后一个"/"的位置为:/myweb/
    50.                                                ^
    51.                                             ./的位置
    53.      所以确定了图片的抽象路径部分为:/myweb/logo.png
    54.      因此浏览器实际请求图片的路径为:
    55.      http://localhost:8088/myweb/logo.png
    58.      绝对路径:"/",即:根
    59.      在页面上"/"的位置浏览器理解的是:URL地址当中抽象路径里的第一个"/"的位置
    60.      同样，如果在当前页面上<img src="/myweb/logo.png">
    61.      此时浏览器理解的"/myweb/logo.png"发先路径从"/"开始，即:从根开始。
    62.      请求当前页面路径:http://localhost:8088/myweb/index.html
    63.                                         ^
    64.                                    就是抽象路径的根
    66.      因此该图片实际请求位置:
    67.      http://localhost:8088/myweb/logo.png
    70.      相对路径存在定位不准确情况，常见于服务端转发404时
    71.      例如:请求一个不存在的页面
    72.      http://localhost:8088/myweb/123.html
    73.      服务端发现该页面不存在后，就响应了root目录下的404.html
    74.      而404页面上我们指定图片如果为:<img src="404.png">
    75.      那么浏览器在得到404页面时，理解的404图片实际位置是哪里?
    76.      由于浏览器是请求 http://localhost:8088/myweb/123.html看到的404页面
    77.      因此浏览器会参考该地址中抽象路径部分:/myweb/123.html来分析404图片位置
    78.      由于"./404.png"中的"./"是当前目录，因此浏览器认为该图片的抽象路径应当为:
    79.      "/myweb/404.png"于是请求了:http://localhost:8088/myweb/404.png
    81.      为了定位准确，我们选取绝对路径中的根"/"
    82.      <img src="/root/404.png">
    86.  -->
    87.     <center>
    88.         <!--<h1>百度</h1>-->
    89.         <img src="/myweb/logo.png"><br>
    90.         <input type="text" size="32">
    91.         <input type="button" value="百度一下" onclick="alert('点你妹啊!')">
    92.         <br>
    93.         <a href="/myweb/reg.html">注册</a>
    94.         <a href="/myweb/login.html">登录</a>
    95.         <a href="/myweb/showAllUser">用户列表</a>
    96.         <br>
    97.         <a href="/myweb/writeArticle.html">发表文章</a>
    98.         <br>
    99.         <a href="/myweb/createQR.html">二维码生成器</a>
    100.         <br>
    101.         <a href="http://www.taobao.com">淘宝</a>
    102.         <br>
    103.         <table border="1">
    104.             <tr>
    105.                 <td>第一列</td>
    106.                 <td>第二列</td>
    107.                 <td colspan="2" align="center">第三列</td>
    108.             </tr>
    109.             <tr>
    110.                 <td rowspan="2">第一列</td>
    111.                 <td>第二列</td>
    112.                 <td>第三列</td>
    113.                 <td>第四列</td>
    114.             </tr>
    115.             <tr>
    116.                 <td>第二列</td>
    117.                 <td>第三列</td>
    118.                 <td>第四列</td>
    119.             </tr>
    120.         </table>
    121.     </center>
    122.  
    123. </body>
    124. </html>

    2.3.3reg.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>用户注册</title>
    6. </head>
    7. <body>
    8.     <center>
    9.         <h1>用户注册</h1>
    10.         <!--
    11.             表单组件<form>
    12.             表单用于将用于在页面上输入的信息提交给服务端使用的组件。
    13.             表单上有两个重要的属性:
    14.             action:用于指定表单提交的路径
    15.             method:用于指定表单提交的方式，该方式有两个可选值
    16.                     GET:地址栏形式提交，表单数据会被拼接到URL的抽象路径中
    17.                     POST:打包提交，表单数据会被包含在请求的消息正文中。
    18.                          当表单数据含有用户隐私信息或附件时则需要使用POST形式提交表单。
    19.                     method属性不指定时，默认为GET形式提交表单。
    20.             注意:所有输入组件只有被包含在form表单中并且必须使用name属性为该组件取名字才会被提交！！
    21.                 输入组件取的名字可以任意定义，但是不能有中文(英文数字)。
    23.             http://localhost:8088/myweb/reg?username=fancq&password=123456&nickname=chuanqi&age=22
    24.             表单提交后的URL中抽象路径:
    25.             /myweb/reg?username=fancq&password=123456&nickname=chuanqi&age=22
    27.             URL地址中抽象路径部分可以使用"?"分隔为两块,分别是请求部分和参数部分
    28.             请求部分由表单action决定.参数部分由表单中输入框决定
    29.             格式:
    30.             请求部分?输入框1名字=输入框1信息&输入框2名字=输入框2信息&.....
    31.          -->
    32.         <form action="/myweb/reg" method="get">
    33.             <table border="1">
    34.               <tr>
    35.                 <td>用户名</td>
    36.                 <td><input name="username" type="text"></td>
    37.               </tr>
    38.               <tr>
    39.                 <td>密码</td>
    40.                 <td><input name="password" type="password"></td>
    41.               </tr>
    42.               <tr>
    43.                 <td>昵称</td>
    44.                 <td><input name="nickname" type="text"></td>
    45.               </tr>
    46.               <tr>
    47.                 <td>年龄</td>
    48.                 <td><input name="age" type="text"></td>
    49.               </tr>
    50.               <tr>
    51.                 <td colspan="2" align="center">
    52.                   <input type="submit" value="注册">
    53.                 </td>
    54.               </tr>
    55.             </table>
    56.         </form>
    57.     </center>
    58. </body>
    59. </html>

    2.3.4reg_info_error.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>失败</title>
    6. </head>
    7. <body>
    8.   <center>
    9.     <h1>注册信息输入有误，请<a href="/myweb/reg.html">重新注册</a></h1>
    10.   </center>
    11. </body>
    12. </html>

    2.3.5reg_success.html

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>成功</title>
    6. </head>
    7. <body>
    8.   <center>
    9.     <h1>恭喜您，注册成功了!</h1>
    10.   </center>
    11. </body>
    12. </html>

  • 相关阅读:
    【软考软件评测师】第十六章 性能测试基础
    02.OpenWrt-进入开发板系统
    hping3网络延迟检测工具——筑梦之路
    linux NAT网卡配置static
    多叉树构建和排序
    MAUI android连接sqlserver
    【JavaScript高级】03-JavaScript内存管理和闭包
    关于Transfomer的思考
    基于springboot的景区网页设计与实现
    Nginx 面试 40 问
  • 原文地址：https://blog.csdn.net/TheNewSystrm/article/details/125489320