• 仿牛客论坛项目

    个人记录一下觉得有意思的功能模块

    目录

    1.发送邮件(包括html页面）

    1.1 导入maven依赖

    1.2 修改配置文件

    1.3 编写邮件发送工具类

    1.4 工具类测试

    2.登陆注册功能

    2.1 对用户的信息进行加密处理

    2.2 用户重复注册问题和用户未激活问题

    2.3 确定邮件发送的具体网址信息

    1.发送邮件(包括html页面）

    1.1 导入maven依赖

    发送邮件的功能封装在spring中，可以直接调用，首先导入相应的依赖

    1. 		<dependency>
    2. 			<groupId>org.springframework.bootgroupId>
    3. 			<artifactId>spring-boot-starter-mailartifactId>
    4. 			<version>2.1.5.RELEASEversion>
    5. 		dependency>

    1.2 修改配置文件

    再修改一下application.properties配置文件，加入以下内容

    1. # MailProperties
    2. spring.mail.host=smtp.sina.com
    3. spring.mail.port=465
    4. spring.mail.username=你自己的邮箱地址
    5. spring.mail.password=邮箱的授权码
    6. spring.mail.protocol=smtps
    7. spring.mail.properties.mail.smtp.ssl.enable=true

    1.3 编写邮件发送工具类

    好了，接下来我们开始写一下发送邮件的工具类MailClient

    1. @Component
    2. public class MailClient {
    3.  
    4.     private static final Logger logger = LoggerFactory.getLogger(MailClient.class);
    5.  
    6.     @Autowired
    7.     private JavaMailSender mailSender;
    8.  
    9.     @Value("${spring.mail.username}")
    10.     private String from;
    11.  
    12.     public void sendMail(String to, String subject, String content) {
    13.         try {
    14.             MimeMessage message = mailSender.createMimeMessage();
    15.             MimeMessageHelper helper = new MimeMessageHelper(message);
    16.             helper.setFrom(from);
    17.             helper.setTo(to);
    18.             helper.setSubject(subject);
    19.             helper.setText(content, true);
    20.             mailSender.send(helper.getMimeMessage());
    21.         } catch (MessagingException e) {
    22.             logger.error("发送邮件失败:" + e.getMessage());
    23.         }
    24.     }
    25.  
    26. }

    1.4 工具类测试

    接下来我们测试一下这个工具类

    1. package com.nowcoder.community;
    2.  
    3. import com.nowcoder.community.util.MailClient;
    4. import org.junit.Test;
    5. import org.junit.runner.RunWith;
    6. import org.springframework.beans.factory.annotation.Autowired;
    7. import org.springframework.boot.test.context.SpringBootTest;
    8. import org.springframework.test.context.ContextConfiguration;
    9. import org.springframework.test.context.junit4.SpringRunner;
    10. import org.thymeleaf.TemplateEngine;
    11. import org.thymeleaf.context.Context;
    12.  
    13. @RunWith(SpringRunner.class)
    14. @SpringBootTest
    15. @ContextConfiguration(classes = CommunityApplication.class)
    16. public class MailTests {
    17.  
    18.     @Autowired
    19.     private MailClient mailClient;
    20.  
    21.     @Autowired
    22.     private TemplateEngine templateEngine;
    23. //发送文字消息
    24.     @Test
    25.     public void testTextMail() {
    26.         mailClient.sendMail("949464367@qq.com", "TEST", "Welcome.");
    27.     }
    28. //发送网页(需要事先准备好网页资源)
    29.     @Test
    30.     public void testHtmlMail() {
    31.         //Context为网页正文内容
    32.         Context context = new Context();
    33.         //为正文内容的变量进行赋值
    34.         context.setVariable("username", "sunday");
    35.         //静态资源路径 template/context
    36.         String content = templateEngine.process("/mail/demo", context);
    37.         System.out.println(content);
    38.         //发送邮件
    39.         mailClient.sendMail("949464367@qq.com", "HTML", content);
    40.     }
    41.  
    42. }

    网页版测试结果

     特别给力，这个方法可以用到后面的账号注册激活功能模块里面

    2.登陆注册功能

    通过注册页面，输入账号，密码，邮箱，点击注册后，工程会往注册邮箱发送一份html，点击html中的链接，以实现用户的激活。

    2.1 对用户的信息进行加密处理

    用户的账号，密码的注册，为安全性考虑，不能直接存储进数据库，下场就是学习通，需要进行加密存储。需要编写一个加密工具类，对用户信息进行加密。

    采用MD5加密方法，为防止密码过于简单，导致即便是加密后也容易破解的问题，设置了加密盐，也就是在原密码后，生成n位随机字符串，再进行整体的一个加密。

    工具类如下所示

    1. package com.nowcoder.community.util;
    2.  
    3. import org.apache.commons.lang3.StringUtils;
    4. import org.springframework.util.DigestUtils;
    5.  
    6. import java.util.UUID;
    7.  
    8. public class CommunityUtil {
    9.  
    10.     // 生成随机字符串
    11.     public static String generateUUID() {
    12.         return UUID.randomUUID().toString().replaceAll("-", "");
    13.     }
    14.  
    15.     // MD5加密
    16.     // hello -> abc123def456，这样的弊端就是简单的密码加密之后依旧是容易破解的
    17.     //在原账号的基础上加上随机的字符串，再进行加密，这样不容易被破解
    18.     // hello + 3e4a8 -> abc123def456abc
    19.     public static String md5(String key) {
    20.         //空值不处理
    21.         if (StringUtils.isBlank(key)) {
    22.             return null;
    23.         }
    24.         //spring自带的mp5加密
    25.         return DigestUtils.md5DigestAsHex(key.getBytes());
    26.     }
    27.  
    28. }

    2.2 用户重复注册问题和用户未激活问题

    注册用户的账号，邮箱不能重复注册，账号需要激活以后才能使用，账号不能重复激活。

    不能重复注册实现方式，即去数据库找是否已存在，账号需要激活，不能重复激活，通过定义一组常量，通过它属性的变化，给user赋予相应的值

    1. package com.nowcoder.community.util;
    2.  
    3. public interface CommunityConstant {
    4.  
    5.     /**
    6.      * 激活成功
    7.      */
    8.     int ACTIVATION_SUCCESS = 0;
    9.  
    10.     /**
    11.      * 重复激活
    12.      */
    13.     int ACTIVATION_REPEAT = 1;
    14.  
    15.     /**
    16.      * 激活失败
    17.      */
    18.     int ACTIVATION_FAILURE = 2;
    19.  
    20. }

    user类为如下所示

    1. package com.nowcoder.community.entity;
    2.  
    3. import java.util.Date;
    4.  
    5. public class User {
    6.  
    7.     private int id;
    8. //用户名
    9.     private String username;
    10. //密码
    11.     private String password;
    12. //加密盐
    13.     private String salt;
    14. //邮箱
    15.     private String email;
    16. //用户种类
    17.     private int type;
    18. //用户状态 0为未激活，1为激活
    19.     private int status;
    20. //用户的激活码
    21.     private String activationCode;
    22. //用户的头像地址，获取头像
    23.     private String headerUrl;
    24. //用户的注册时间
    25.     private Date createTime;
    26.  
    27.     public int getId() {
    28.         return id;
    29.     }
    30.  
    31.     public void setId(int id) {
    32.         this.id = id;
    33.     }
    34.  
    35.     public String getUsername() {
    36.         return username;
    37.     }
    38.  
    39.     public void setUsername(String username) {
    40.         this.username = username;
    41.     }
    42.  
    43.     public String getPassword() {
    44.         return password;
    45.     }
    46.  
    47.     public void setPassword(String password) {
    48.         this.password = password;
    49.     }
    50.  
    51.     public String getSalt() {
    52.         return salt;
    53.     }
    54.  
    55.     public void setSalt(String salt) {
    56.         this.salt = salt;
    57.     }
    58.  
    59.     public String getEmail() {
    60.         return email;
    61.     }
    62.  
    63.     public void setEmail(String email) {
    64.         this.email = email;
    65.     }
    66.  
    67.     public int getType() {
    68.         return type;
    69.     }
    70.  
    71.     public void setType(int type) {
    72.         this.type = type;
    73.     }
    74.  
    75.     public int getStatus() {
    76.         return status;
    77.     }
    78.  
    79.     public void setStatus(int status) {
    80.         this.status = status;
    81.     }
    82.  
    83.     public String getActivationCode() {
    84.         return activationCode;
    85.     }
    86.  
    87.     public void setActivationCode(String activationCode) {
    88.         this.activationCode = activationCode;
    89.     }
    90.  
    91.     public String getHeaderUrl() {
    92.         return headerUrl;
    93.     }
    94.  
    95.     public void setHeaderUrl(String headerUrl) {
    96.         this.headerUrl = headerUrl;
    97.     }
    98.  
    99.     public Date getCreateTime() {
    100.         return createTime;
    101.     }
    102.  
    103.     public void setCreateTime(Date createTime) {
    104.         this.createTime = createTime;
    105.     }
    106.  
    107.     @Override
    108.     public String toString() {
    109.         return "User{" +
    110.                 "id=" + id +
    111.                 ", username='" + username + '\'' +
    112.                 ", password='" + password + '\'' +
    113.                 ", salt='" + salt + '\'' +
    114.                 ", email='" + email + '\'' +
    115.                 ", type=" + type +
    116.                 ", status=" + status +
    117.                 ", activationCode='" + activationCode + '\'' +
    118.                 ", headerUrl='" + headerUrl + '\'' +
    119.                 ", createTime=" + createTime +
    120.                 '}';
    121.     }
    122.  
    123. }

    2.3 确定邮件发送的具体网址信息

    注册成功以后，工程会向用户发送激活邮件，点击里面的链接才能成功对用户进行激活。

    加入配置项

    1. # community域名
    2. community.path.domain=http://localhost:8088

    编写service层，实现注册的具体功能，以及邮件收发,UserService

    1. package com.nowcoder.community.service;
    2.  
    3. import com.nowcoder.community.dao.UserMapper;
    4. import com.nowcoder.community.entity.User;
    5. import com.nowcoder.community.util.CommunityConstant;
    6. import com.nowcoder.community.util.CommunityUtil;
    7. import com.nowcoder.community.util.MailClient;
    8. import org.apache.commons.lang3.StringUtils;
    9. import org.springframework.beans.factory.annotation.Autowired;
    10. import org.springframework.beans.factory.annotation.Value;
    11. import org.springframework.stereotype.Service;
    12. import org.thymeleaf.TemplateEngine;
    13. import org.thymeleaf.context.Context;
    14.  
    15. import java.util.Date;
    16. import java.util.HashMap;
    17. import java.util.Map;
    18. import java.util.Random;
    19.  
    20. @Service
    21. public class UserService implements CommunityConstant {
    22.  
    23.     @Autowired
    24.     private UserMapper userMapper;
    25.  
    26.     @Autowired
    27.     private MailClient mailClient;
    28.  
    29.     @Autowired
    30.     private TemplateEngine templateEngine;
    31. //@Value注解，从配置文件中提取值
    32.     @Value("${community.path.domain}")
    33.     private String domain;
    34.     //@Value注解，从配置文件中提取值
    35.     @Value("${server.servlet.context-path}")
    36.     private String contextPath;
    37.  
    38.     public User findUserById(int id) {
    39.         return userMapper.selectById(id);
    40.     }
    41.  
    42.     public Map register(User user) {
    43.         Map map = new HashMap<>();
    44.  
    45.         // 空值处理
    46.         if (user == null) {
    47.             throw new IllegalArgumentException("参数不能为空!");
    48.         }
    49.         if (StringUtils.isBlank(user.getUsername())) {
    50.             map.put("usernameMsg", "账号不能为空!");
    51.             return map;
    52.         }
    53.         if (StringUtils.isBlank(user.getPassword())) {
    54.             map.put("passwordMsg", "密码不能为空!");
    55.             return map;
    56.         }
    57.         if (StringUtils.isBlank(user.getEmail())) {
    58.             map.put("emailMsg", "邮箱不能为空!");
    59.             return map;
    60.         }
    61.  
    62.         // 验证账号
    63.         User u = userMapper.selectByName(user.getUsername());
    64.         if (u != null) {
    65.             map.put("usernameMsg", "该账号已存在!");
    66.             return map;
    67.         }
    68.  
    69.         // 验证邮箱
    70.         u = userMapper.selectByEmail(user.getEmail());
    71.         if (u != null) {
    72.             map.put("emailMsg", "该邮箱已被注册!");
    73.             return map;
    74.         }
    75.  
    76.         // 注册用户
    77.         //加密盐
    78.         user.setSalt(CommunityUtil.generateUUID().substring(0, 5));
    79.         //原注册密码加上加密盐，再用md5进行加密，这样的密码难以破解
    80.         user.setPassword(CommunityUtil.md5(user.getPassword() + user.getSalt()));
    81.         //用户种类
    82.         user.setType(0);
    83.         //是否被激活
    84.         user.setStatus(0);
    85.         //激活码
    86.         user.setActivationCode(CommunityUtil.generateUUID());
    87.         //生成随机头像，参数是网址格式+(图片序号)
    88.         user.setHeaderUrl(String.format("http://images.nowcoder.com/head/%dt.png", new Random().nextInt(1000)));
    89.         user.setCreateTime(new Date());
    90.         userMapper.insertUser(user);
    91.  
    92.         // 激活邮件
    93.         Context context = new Context();
    94.         context.setVariable("email", user.getEmail());
    95.         // http://localhost:8080/community/activation/101/code 项目的访问路径，展示在网页上
    96.         String url = domain + contextPath + "/activation/" + user.getId() + "/" + user.getActivationCode();
    97.         context.setVariable("url", url);
    98.         //将正文内容放到模板引擎中，即可跳转访问template文件夹下mail文件夹下的activation.html资源
    99.         String content = templateEngine.process("/mail/activation", context);
    100.         mailClient.sendMail(user.getEmail(), "激活账号", content);
    101.  
    102.         return map;
    103.     }
    104.  
    105.     public int activation(int userId, String code) {
    106.         User user = userMapper.selectById(userId);
    107.         //重复激活
    108.         if (user.getStatus() == 1) {
    109.             return ACTIVATION_REPEAT;
    110.         }
    111.         //成功激活
    112.         else if (user.getActivationCode().equals(code)) {
    113.             userMapper.updateStatus(userId, 1);
    114.             return ACTIVATION_SUCCESS;
    115.         }
    116.         //激活失败
    117.         else {
    118.             return ACTIVATION_FAILURE;
    119.         }
    120.     }
    121.  
    122. }

    以及对应的Controller层 LoginController

    1. package com.nowcoder.community.controller;
    2.  
    3. import com.nowcoder.community.entity.User;
    4. import com.nowcoder.community.service.UserService;
    5. import com.nowcoder.community.util.CommunityConstant;
    6. import org.springframework.beans.factory.annotation.Autowired;
    7. import org.springframework.stereotype.Controller;
    8. import org.springframework.ui.Model;
    9. import org.springframework.web.bind.annotation.PathVariable;
    10. import org.springframework.web.bind.annotation.RequestMapping;
    11. import org.springframework.web.bind.annotation.RequestMethod;
    12.  
    13. import java.util.Map;
    14.  
    15. @Controller
    16. public class LoginController implements CommunityConstant {
    17.  
    18.     @Autowired
    19.     private UserService userService;
    20.  
    21.     @RequestMapping(path = "/register", method = RequestMethod.GET)
    22.     public String getRegisterPage() {
    23.         return "/site/register";
    24.     }
    25.  
    26.     @RequestMapping(path = "/login", method = RequestMethod.GET)
    27.     public String getLoginPage() {
    28.         return "/site/login";
    29.     }
    30. //注册触发的函数，成功则发送一封邮件
    31.     @RequestMapping(path = "/register", method = RequestMethod.POST)
    32.     public String register(Model model, User user) {
    33.         Map map = userService.register(user);
    34.         //成功
    35.         if (map == null || map.isEmpty()) {
    36.             model.addAttribute("msg", "注册成功,我们已经向您的邮箱发送了一封激活邮件,请尽快激活!");
    37.             model.addAttribute("target", "/index");
    38.             //页面跳转
    39.             return "/site/operate-result";
    40.          }
    41.         //失败
    42.         else {
    43.             model.addAttribute("usernameMsg", map.get("usernameMsg"));
    44.             model.addAttribute("passwordMsg", map.get("passwordMsg"));
    45.             model.addAttribute("emailMsg", map.get("emailMsg"));
    46.             return "/site/register";
    47.         }
    48.     }
    49. //发送激活邮件，通过点击链接触发的函数，通过读取请求地址里面的参数，判定激活码是否有效，判定用户是否成功激活
    50.     // http://localhost:8080/community/activation/101/code
    51.     @RequestMapping(path = "/activation/{userId}/{code}", method = RequestMethod.GET)
    52.     public String activation(Model model, @PathVariable("userId") int userId, @PathVariable("code") String code) {
    53.         int result = userService.activation(userId, code);
    54.         if (result == ACTIVATION_SUCCESS) {
    55.             model.addAttribute("msg", "激活成功,您的账号已经可以正常使用了!");
    56.             model.addAttribute("target", "/login");
    57.         } else if (result == ACTIVATION_REPEAT) {
    58.             model.addAttribute("msg", "无效操作,该账号已经激活过了!");
    59.             model.addAttribute("target", "/index");
    60.         } else {
    61.             model.addAttribute("msg", "激活失败,您提供的激活码不正确!");
    62.             model.addAttribute("target", "/index");
    63.         }
    64.         return "/site/operate-result";
    65.     }
    66.  
    67. }

    注册界面为register.html

    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4. 	<meta charset="utf-8">
    5. 	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    6. 	<link rel="icon" href="https://static.nowcoder.com/images/logo_87_87.png"/>
    7. 	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" crossorigin="anonymous">
    8. 	<link rel="stylesheet" th:href="@{/css/global.css}" />
    9. 	<link rel="stylesheet" th:href="@{/css/login.css}" />
    10. 	<title>牛客网-注册title>
    11. head>
    12. <body>
    13. 	<div class="nk-container">
    14. 		
    15. 		<header class="bg-dark sticky-top" th:replace="index::header">
    16. 			<div class="container">
    17. 				
    18. 				<nav class="navbar navbar-expand-lg navbar-dark">
    19. 					
    20. 					<a class="navbar-brand" href="#">a>
    21. 					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    22. 						<span class="navbar-toggler-icon">span>
    23. 					button>
    24. 					
    25. 					<div class="collapse navbar-collapse" id="navbarSupportedContent">
    26. 						<ul class="navbar-nav mr-auto">
    27. 							<li class="nav-item ml-3 btn-group-vertical">
    28. 								<a class="nav-link" href="../index.html">首页a>
    29. 							li>
    30. 							<li class="nav-item ml-3 btn-group-vertical">
    31. 								<a class="nav-link position-relative" href="letter.html">消息<span class="badge badge-danger">12span>a>
    32. 							li>
    33. 							<li class="nav-item ml-3 btn-group-vertical">
    34. 								<a class="nav-link" href="register.html">注册a>
    35. 							li>
    36. 							<li class="nav-item ml-3 btn-group-vertical">
    37. 								<a class="nav-link" href="login.html">登录a>
    38. 							li>
    39. 							<li class="nav-item ml-3 btn-group-vertical dropdown">
    40. 								<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    41. 									<img src="http://images.nowcoder.com/head/1t.png" class="rounded-circle" style="width:30px;"/>
    42. 								a>
    43. 								<div class="dropdown-menu" aria-labelledby="navbarDropdown">
    44. 									<a class="dropdown-item text-center" href="profile.html">个人主页a>
    45. 									<a class="dropdown-item text-center" href="setting.html">账号设置a>
    46. 									<a class="dropdown-item text-center" href="login.html">退出登录a>
    47. 									<div class="dropdown-divider">div>
    48. 									<span class="dropdown-item text-center text-secondary">nowcoderspan>
    49. 								div>
    50. 							li>
    51. 						ul>
    52. 						
    53. 						<form class="form-inline my-2 my-lg-0" action="search.html">
    54. 							<input class="form-control mr-sm-2" type="search" aria-label="Search" />
    55. 							<button class="btn btn-outline-light my-2 my-sm-0" type="submit">搜索button>
    56. 						form>
    57. 					div>
    58. 				nav>
    59. 			div>
    60. 		header>
    61.  
    62. 		
    63. 		<div class="main">
    64. 			<div class="container pl-5 pr-5 pt-3 pb-3 mt-3 mb-3">
    65. 				<h3 class="text-center text-info border-bottom pb-3">注  册h3>
    66. 				<form class="mt-5" method="post" th:action="@{/register}">
    67. 					<div class="form-group row">
    68. 						<label for="username" class="col-sm-2 col-form-label text-right">账号:label>
    69. 						<div class="col-sm-10">
    70. 							<input type="text"
    71. 								   th:class="|form-control ${usernameMsg!=null?'is-invalid':''}|"
    72. 								   th:value="${user!=null?user.username:''}"
    73. 								   id="username" name="username" placeholder="请输入您的账号!" required>
    74. 							<div class="invalid-feedback" th:text="${usernameMsg}">
    75. 								该账号已存在!
    76. 							div>
    77. 						div>
    78. 					div>
    79. 					<div class="form-group row mt-4">
    80. 						<label for="password" class="col-sm-2 col-form-label text-right">密码:label>
    81. 						<div class="col-sm-10">
    82. 							<input type="password"
    83. 								   th:class="|form-control ${passwordMsg!=null?'is-invalid':''}|"
    84. 								   th:value="${user!=null?user.password:''}"
    85. 								   id="password" name="password" placeholder="请输入您的密码!" required>
    86. 							<div class="invalid-feedback" th:text="${passwordMsg}">
    87. 								密码长度不能小于8位!
    88. 							div>							
    89. 						div>
    90. 					div>
    91. 					<div class="form-group row mt-4">
    92. 						<label for="confirm-password" class="col-sm-2 col-form-label text-right">确认密码:label>
    93. 						<div class="col-sm-10">
    94. 							<input type="password" class="form-control"
    95. 								   th:value="${user!=null?user.password:''}"
    96. 								   id="confirm-password" placeholder="请再次输入密码!" required>
    97. 							<div class="invalid-feedback">
    98. 								两次输入的密码不一致!
    99. 							div>
    100. 						div>
    101. 					div>
    102. 					<div class="form-group row">
    103. 						<label for="email" class="col-sm-2 col-form-label text-right">邮箱:label>
    104. 						<div class="col-sm-10">
    105. 							<input type="email"
    106. 								   th:class="|form-control ${emailMsg!=null?'is-invalid':''}|"
    107. 								   th:value="${user!=null?user.email:''}"
    108. 								   id="email" name="email" placeholder="请输入您的邮箱!" required>
    109. 							<div class="invalid-feedback" th:text="${emailMsg}">
    110. 								该邮箱已注册!
    111. 							div>
    112. 						div>
    113. 					div>
    114. 					<div class="form-group row mt-4">
    115. 						<div class="col-sm-2">div>
    116. 						<div class="col-sm-10 text-center">
    117. 							<button type="submit" class="btn btn-info text-white form-control">立即注册button>
    118. 						div>
    119. 					div>
    120. 				form>				
    121. 			div>
    122. 		div>
    123.  
    124. 		
    125. 		<footer class="bg-dark">
    126. 			<div class="container">
    127. 				<div class="row">
    128. 					
    129. 					<div class="col-4 qrcode">
    130. 						<img src="https://uploadfiles.nowcoder.com/app/app_download.png" class="img-thumbnail" style="width:136px;" />
    131. 					div>
    132. 					
    133. 					<div class="col-8 detail-info">
    134. 						<div class="row">
    135. 							<div class="col">
    136. 								<ul class="nav">
    137. 									<li class="nav-item">
    138. 										<a class="nav-link text-light" href="#">关于我们a>
    139. 									li>
    140. 									<li class="nav-item">
    141. 										<a class="nav-link text-light" href="#">加入我们a>
    142. 									li>
    143. 									<li class="nav-item">
    144. 										<a class="nav-link text-light" href="#">意见反馈a>
    145. 									li>
    146. 									<li class="nav-item">
    147. 										<a class="nav-link text-light" href="#">企业服务a>
    148. 									li>
    149. 									<li class="nav-item">
    150. 										<a class="nav-link text-light" href="#">联系我们a>
    151. 									li>
    152. 									<li class="nav-item">
    153. 										<a class="nav-link text-light" href="#">免责声明a>
    154. 									li>
    155. 									<li class="nav-item">
    156. 										<a class="nav-link text-light" href="#">友情链接a>
    157. 									li>
    158. 								ul>
    159. 							div>
    160. 						div>
    161. 						<div class="row">
    162. 							<div class="col">
    163. 								<ul class="nav btn-group-vertical company-info">
    164. 									<li class="nav-item text-white-50">
    165. 										公司地址：北京市朝阳区大屯路东金泉时代3-2708北京牛客科技有限公司
    166. 									li>
    167. 									<li class="nav-item text-white-50">
    168. 										联系方式：010-60728802(电话)    admin@nowcoder.com
    169. 									li>
    170. 									<li class="nav-item text-white-50">
    171. 										牛客科技©2018 All rights reserved
    172. 									li>
    173. 									<li class="nav-item text-white-50">
    174. 										京ICP备14055008号-4     
    175. 										<img src="http://static.nowcoder.com/company/images/res/ghs.png" style="width:18px;" />
    176. 										京公网安备 11010502036488号
    177. 									li>
    178. 								ul>
    179. 							div>
    180. 						div>
    181. 					div>
    182. 				div>
    183. 			div>
    184. 		footer>
    185. 	div>
    186.  
    187. 	<script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous">script>
    188. 	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous">script>
    189. 	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous">script>
    190. 	<script th:src="@{/js/global.js}">script>
    191. 	<script th:src="@{/js/register.js}">script>
    192. body>
    193. html>

    激活界面activation.html

  • 相关阅读:
    C# OpenCvSharp 基于直线检测的文本图像倾斜校正
    C++初阶 入门
    【mybatis注解开发+二级缓存】
    常见的噪声：高斯、泊松和椒盐噪声
    python curl2pyreqs 生成接口脚本
    从HashMap的执行流程开始 揭开HashMap底层实现
    【数据结构】队列的基本操作——基本实现 | 初始化 | 出入队列
    程序员怎样才能学好算法? 这本书送几本给大家!
    大语言模型量化方法对比：GPTQ、GGUF、AWQ
    第十一章·组合模式
  • 原文地址：https://blog.csdn.net/WC949464367/article/details/126087138