个人简单的邮箱网站(SpringBoot环境搭建)

2024-01-21 16:39:28

一个个人邮箱网站（基于SpringBoot环境搭建）

目前只能达到发送一些简单的内容，如果有啥好的建议可以发评论！！

本人还在学习中

源码地址：https://gitee.com/mehao123/sendMail/tree/master

效果

登录前的主界面

登录界面

登录后的主界面

发送邮箱界面

项目的概述

1.这个项目目前只能实现固定的发送邮箱，接受邮箱者是可以改变的。

2.目前功能只有发送一些简单的标题、内容这样子后续我会慢慢加点功能上去。

3.这个项目是在网站上实现的，界面布局和效果你们都可以随意按照你们的想法去改。

4.核心的代码主要是在后台这一块，有SpringBoot+SpringSecurity、Springboot+Mybatis、Springboot+thymeleaf、异步任务、Druid。

5.可以实现发送邮件的简单日志，还有一个带附件发送的半成品的一些代码。

核心功能代码

后端

数据库的连接

spring:
  datasource:
    username: root
    password: 123456
    url: jdbc:mysql://localhost:3306/meweb?serverTimezone=UTC&userUnicode=true&characterEncoding=utf-8
    driver-class-name: com.mysql.cj.jdbc.Driver
    type: com.alibaba.druid.pool.DruidDataSource

#下面这一块是一些Durid的设置不设置也是可以的
    #Spring Boot 默认是不注入这些属性值的，需要自己绑定
    #druid 数据源专有配置
    initialSize: 5
    minIdle: 5
    maxActive: 20
    maxWait: 60000
    timeBetweenEvictionRunsMillis: 60000
    minEvictableIdleTimeMillis: 300000
    validationQuery: SELECT 1 FROM DUAL
    testWhileIdle: true
    testOnBorrow: false
    testOnReturn: false
    poolPreparedStatements: true
    #配置监控统计拦截的filters，stat:监控统计、log4j：日志记录、wall：防御sql注入
    #如果允许时报错  java.lang.ClassNotFoundException: org.apache.log4j.Priority
    #则导入 log4j 依赖即可，Maven 地址：https://mvnrepository.com/artifact/log4j/log4j
    filters: stat,wall,log4j
    maxPoolPreparedStatementPerConnectionSize: 20
    useGlobalDataSourceStat: true
    connectionProperties: druid.stat.mergeSql=true;druid.stat.slowSqlMillis=500

mybatis配置

# 配置mybatis
# 扫描包的位置
mybatis.type-aliases-package=com.me.pojo
# 实现mapper接口配置mapper和接口的绑定
mybatis.mapper-locations=classpath:mapper/*.xml

邮箱的一些配置

# 邮箱
spring.mail.username=2336164407@qq.com  
# 邮箱密码的明文	
spring.mail.password=xxxxxxxxxx		
# 我使用的是QQ邮箱
spring.mail.host=smtp.qq.com			
# 开启加密验证
spring.mail.properties..mail.smtp.ssl.enable=true  # QQ邮箱独有的加密验证

发送邮箱的业务

// 封装成了一个方法
@Service
public class SendMailService {

    @Autowired
    JavaMailSenderImpl mailSender;

    @Async
    public void sendMail(String subject, String text, String to, String from) {
        SimpleMailMessage simpleMailMessage = new SimpleMailMessage();
        simpleMailMessage.setSubject(subject);
        simpleMailMessage.setText(text);

        simpleMailMessage.setTo(to);
        simpleMailMessage.setFrom(from);
        mailSender.send(simpleMailMessage);
    }

}

SpringSecurity这块的功能代码

@EnableWebSecurity // 用来开启SpringSecurity的注解
public class SecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests().antMatchers("/","index").permitAll()    // permitAll() 这个代表谁都可以访问
                .antMatchers("/mail/**").hasAnyRole("mail");// hasAnyRole() 这个代表要有指定的角色才可以访问的,比如有mail这个角色

        // 这一块是用于自定义的登录页面
        http.formLogin()
                .usernameParameter("username")  // 里面的username必须和前端表单传递的name要一致
                .passwordParameter("password")	// 里面的password必须和前端表单传递的name要一致
                .loginPage("/toLogin")			// 设置登录页面的地址
                .loginProcessingUrl("/login");	// 登录页面表单提交的地址
        http.csrf().disable();					// 禁用csrf
        http.logout().logoutSuccessUrl("/");	// 设置当注销用户时跳转的页面
        http.rememberMe().rememberMeParameter("remeber");	// 设置当前用户是否记住我默认保留14天
    }

    @Override
    protected void configure(AuthenticationManagerBuilder auth) throws Exception {

        // 我使用的是通过在代码中硬性设置账号和密码来实现的,如果要通过数据库的来实现账号和密码验证的话可以在网上找找资料！
        // passwordEncoder()密码加密方式,我这里用到的是 new BCryptPasswordEncoder()加密
        auth.inMemoryAuthentication().passwordEncoder(new BCryptPasswordEncoder()) 
                .withUser("me").password(new BCryptPasswordEncoder().encode("123456")).roles("mail")
                .and()
                .withUser("admin").password(new BCryptPasswordEncoder().encode("123456")).roles("mail");
    }

}

前端

主页面代码

<!DOCTYPE html>
<html lang="zh_cn" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/css/index.css}">
    <!--这个是用来设置浏览器访问的小图标的-->
    <link rel="icon" th:href="@{/image/1.png}" sizes="16x16"> 
    <script th:src="@{/js/index.js}"></script>
    <title>ME中心</title>
</head>
<body>
    <div id="index">  
        <div ><h1>欢迎来到ME的零度空间<span id="time" ></span></h1>
            <div>
                <div sec:authorize="!isAuthenticated()">
                    <a th:href="@{/toLogin}" class="zhuxiao" >登录</a>
                </div>
                <div sec:authorize="isAuthenticated()">
                    <a th:href="@{/logout}" class="zhuxiao" >注销</a>
                </div>
            </div>
            <a th:href="@{/mail/mailView}" class="but" style="text-align: center;">发送邮件</a>
            <a th:href="@{/mail/mailView}" class="but" style="text-align: center;">发送带附件的邮件</a>
            <a href="" class="but" style="text-align: center;pointer-events: none;">待开发</a>
            <a href="" class="but" style="text-align: center;pointer-events: none;">待开发</a>
            <a href="" class="but" style="text-align: center;pointer-events: none;">待开发</a>
            <a href="" class="but" style="text-align: center;pointer-events: none;">待开发</a>
            <a href="" class="but" style="text-align: center;pointer-events: none;">...</a>
        </div>
    </div>
</body>
</html>

登录页面代码

<!DOCTYPE html>  
<html lang="zh_cn" xmlns:th="http://www.thymeleaf.org">
<head>  
    <meta charset="UTF-8">  
    <title>登录</title>  
    <link rel="stylesheet" th:href="@{/css/login.css}">
    <link rel="icon" th:href="@{/css/login.css}" sizes="16x16">
</head>  
<body>  
    <div id="login">  
        <h1>登录</h1>  
        <form th:action="@{/login}"  method="post">
            <input type="text" required="required" placeholder="用户名" name="username"></input>
            <input type="password" required="required" placeholder="密码" name="password"></input>
            <span class="remember">记住我</span><input type="checkbox" name="remember" style="width: 50px"></input>
            <button class="but" type="submit">登录</button>
        </form>  
    </div>  
</body>  
</html>

发送邮件页面代码

<!DOCTYPE html>
<html lang="zh_cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/css/sendMail.css}">
    <link rel="icon" th:href="@{/image/1.png}" sizes="16x16">
    <title>发送邮件</title>
</head>
<body>
    <div id="mail">  
        <h1>发送邮件</h1>  
        <div ><span class="msg" th:text="${msg}"></span><a th:href="@{/index}"  class="fanhuei">返回主页</a></div>
        <form th:action="@{/mail/snedMail}" method="post">
            <div><span class="text">标题：</span><input type="text" required="required" placeholder="标题" name="subject"></input></div>  
            <div><span class="text">内容：</span><input type="text" required="required" placeholder="内容" name="text"></input></div>  
            <div><span class="text">接受者邮箱：</span><input type="email" required="required" placeholder="接受者邮箱" name="to"></input></div>  
            <div><span class="text">发送者邮箱：</span><input type="email" required="required" placeholder="发送者邮箱" name="from"></input></div>   
            <button class="but" type="submit">发送</button>  
        </form>  
    </div>  
</body>
</html>