导入模板后——开始创建一个springboot项目——实战

已于 2022-01-25 15:36:03 修改
阅读量313 收藏
点赞数
分类专栏： SpringBoot 文章标签： spring boot java spring
于 2022-01-25 15:34:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45596062/article/details/122686296
版权

实战

首页配置：

  1. 注意点，所有页面的静态资源都需要使用thymeleaf接管。使用@符号来配置

    <html lang="en" xmlns:th="http://www.thymeleaf.org">

  2. Url：@{ }

    <link rel="stylesheet" th:href="@{/vendor/bootstrap/css/bootstrap.css}" />

登陆页面：

在这里插入图片描述

首页：

在这里插入图片描述

页面国际化：

  1. 我们需要配置i18n文件，用于中英文的相互切换

在这里插入图片描述

  1. 我们如果需要在项目中进行自动切换，我们需要自定义一个组件LocaleResolver

    package com.na.config;

import org.springframework.web.servlet.LocaleResolver;
import org.thymeleaf.util.StringUtils;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;


public class MyLocaleResolver implements LocaleResolver {

    //解析请求
    @Override
    public Locale resolveLocale(HttpServletRequest httpServletRequest) {

        String language = httpServletRequest.getParameter("l");

        //System.out.println("Dubug===>"+language);

        Locale locale = Locale.getDefault();//如果没有就使用默认的

        //如果请求到链接携带了国际化的参数，就需要判断
        if(!StringUtils.isEmpty(language)){
            //zh_Ch
            String[] split = language.split("_");
            //国家，地区
            locale = new Locale(split[0],split[1]);

        }
        return locale;

    }

    @Override
    public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

    }
}

在这里插入图片描述

  1. 记得将自己写的组件配置到spring容器中 @Bean

    @Configuration
public class MyMvcConfig implements WebMvcConfigurer {

//    @Override
//    public void addViewControllers(ViewControllerRegistry registry) {
//        registry.addViewController("/").setViewName("index");
//        registry.addViewController("/index.html").setViewName("index");
//    }

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("pages-signin");
        registry.addViewController("/pages-signin.html").setViewName("pages-signin");
        registry.addViewController("/main.html").setViewName("index");
    }

    //这样自定义的国际化组件就生效了！
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }

在这里插入图片描述

  1. #{ }

登录+拦截器

  • 拦截器
package com.na.config;

import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class LoginHandlerInterceptor implements HandlerInterceptor {

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {

        //登陆成功之后，应该有用户的sessoin;
        Object loginUser = request.getSession().getAttribute("loginUser");

        //拦截器
        if (loginUser==null){//没有登陆成功
            request.setAttribute("msg","没有权限，请先登录");
            request.getRequestDispatcher("/pages-signin.html").forward(request,response);
            return false;
        }else{
            return true;
        }
    }
}

在这里插入图片描述

  • 注入到Bean
package com.na.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

import java.util.Locale;


@Configuration
public class MyMvcConfig implements WebMvcConfigurer {

//    @Override
//    public void addViewControllers(ViewControllerRegistry registry) {
//        registry.addViewController("/").setViewName("index");
//        registry.addViewController("/index.html").setViewName("index");
//    }

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("pages-signin");
        registry.addViewController("/pages-signin.html").setViewName("pages-signin");
        registry.addViewController("/main.html").setViewName("index");
    }

    //这样自定义的国际化组件就生效了！
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor())
                .addPathPatterns("/*")
                .excludePathPatterns("/pages-signin.html","/","/user/login","///css/*","///js/*","/images/*");
    }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pEaCwEbF-1643095827550)(C:\Users\22724\AppData\Roaming\Typora\typora-user-images\image-20211220162344489.png)]

修改登录用户名

<span class="name">[[${session.loginUser}]]</span>

在这里插入图片描述

GRUD(增删改查)

继承沉余代码

  • 提取公共页面

  • sidebar：为自命名

  • tables-basic:为继承的页面

<nav id="menu" class="nav-main" role="navigation" th:fragment="sidebar">

<div th:insert="~{tables-basic::sidebar}"></div>
...
  • 如果要传递参数，可以直接使用 （）传参，接收判断即可！

在这里插入图片描述

即：重复部分

controller层

package com.na.controller;

import com.na.dao.EmployeeDao;
import com.na.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Collection;

@Controller
//Controller 正确的是调用service层，这边为了快速测试，所以调用的是Dao层
public class EmployeeController {

    @Autowired
    EmployeeDao employeeDao;

    @RequestMapping("/emps")
    public  String list(Model model){
        Collection<Employee> employees = employeeDao.getAll();
        model.addAttribute("emps",employees);
        return "emp/index";
    }
}

在这里插入图片描述

继承页面

tables-basic(父页面)

在这里插入图片描述

index(子页面)

在这里插入图片描述

继承效果：

在这里插入图片描述

继承部分：

<!--侧边栏-->
<div class="nano">
   <div class="nano-content">
      <nav id="menu" class="nav-main" role="navigation" th:fragment="sidebar">

         <ul class="nav nav-main">
            <li>
               <a href="emp/index.html">
                  <i class="fa fa-home" aria-hidden="true"></i>
                  <span>Dashboard</span>
               </a>
            </li>
            <li>
               <a href="mailbox-folder.html">
                  <span class="pull-right label label-primary">182</span>
                  <i class="fa fa-envelope" aria-hidden="true"></i>
                  <span>Mailbox</span>
               </a>
            </li>
            <li class="nav-parent">
               <a>
                  <i class="fa fa-copy" aria-hidden="true"></i>
                  <span>Pages</span>
               </a>
               <ul class="nav nav-children">
                  <li>
                     <a href="pages-signup.html">
                         Sign Up
                     </a>
                  </li>
                  <li>
                     <a href="../pages-signin.html">
                         Sign In
                     </a>
                  </li>
                  <li>
                     <a href="pages-recover-password.html">
                         Recover Password
                     </a>
                  </li>
                  <li>
                     <a href="pages-lock-screen.html">
                         Locked Screen
                     </a>
                  </li>
                  <li>
                     <a href="pages-user-profile.html">
                         User Profile
                     </a>
                  </li>
                  <li>
                     <a href="pages-session-timeout.html">
                         Session Timeout
                     </a>
                  </li>
                  <li>
                     <a href="pages-calendar.html">
                         Calendar
                     </a>
                  </li>
                  <li>
                     <a href="pages-timeline.html">
                         Timeline
                     </a>
                  </li>
                  <li>
                     <a href="pages-media-gallery.html">
                         Media Gallery
                     </a>
                  </li>
                  <li>
                     <a href="pages-invoice.html">
                         Invoice
                     </a>
                  </li>
                  <li>
                     <a href="pages-blank.html">
                         Blank Page
                     </a>
                  </li>
                  <li>
                     <a href="pages-404.html">
                         404
                     </a>
                  </li>
                  <li>
                     <a href="pages-500.html">
                         500
                     </a>
                  </li>
                  <li>
                     <a href="pages-log-viewer.html">
                         Log Viewer
                     </a>
                  </li>
                  <li>
                     <a href="pages-search-results.html">
                         Search Results
                     </a>
                  </li>
               </ul>
            </li>
            <li class="nav-parent">
               <a>
                  <i class="fa fa-tasks" aria-hidden="true"></i>
                  <span>UI Elements</span>
               </a>
               <ul class="nav nav-children">
                  <li>
                     <a href="ui-elements-typography.html">
                         Typography
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-icons.html">
                         Icons
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-tabs.html">
                         Tabs
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-panels.html">
                         Panels
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-widgets.html">
                         Widgets
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-portlets.html">
                         Portlets
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-buttons.html">
                         Buttons
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-alerts.html">
                         Alerts
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-notifications.html">
                         Notifications
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-modals.html">
                         Modals
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-lightbox.html">
                         Lightbox
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-progressbars.html">
                         Progress Bars
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-sliders.html">
                         Sliders
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-carousels.html">
                         Carousels
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-accordions.html">
                         Accordions
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-nestable.html">
                         Nestable
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-tree-view.html">
                         Tree View
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-grid-system.html">
                         Grid System
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-charts.html">
                         Charts
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-animations.html">
                         Animations
                     </a>
                  </li>
                  <li>
                     <a href="ui-elements-extra.html">
                         Extra
                     </a>
                  </li>
               </ul>
            </li>
            <li class="nav-parent">
               <a>
                  <i class="fa fa-list-alt" aria-hidden="true"></i>
                  <span>Forms</span>
               </a>
               <ul class="nav nav-children">
                  <li>
                     <a href="forms-basic.html">
                         Basic
                     </a>
                  </li>
                  <li>
                     <a href="forms-advanced.html">
                         Advanced
                     </a>
                  </li>
                  <li>
                     <a href="forms-validation.html">
                         Validation
                     </a>
                  </li>
                  <li>
                     <a href="forms-layouts.html">
                         Layouts
                     </a>
                  </li>
                  <li>
                     <a href="forms-wizard.html">
                         Wizard
                     </a>
                  </li>
                  <li>
                     <a href="forms-code-editor.html">
                         Code Editor
                     </a>
                  </li>
               </ul>
            </li>
            <li class="nav-parent nav-expanded nav-active">
               <a>
                  <i class="fa fa-table" aria-hidden="true"></i>
                  <span>管理</span>
               </a>
               <ul class="nav nav-children">
                  <li class="nav-active">
                     <a th:href="@{/emps}">
                         员工管理
                     </a>
                  </li>
                  <li>
                     <a href="tables-advanced.html">
                         Advanced
                     </a>
                  </li>
                  <li>
                     <a href="tables-responsive.html">
                         Responsive
                     </a>
                  </li>
                  <li>
                     <a href="tables-editable.html">
                         Editable
                     </a>
                  </li>
                  <li>
                     <a href="tables-ajax.html">
                         Ajax
                     </a>
                  </li>
                  <li>
                     <a href="tables-pricing.html">
                         Pricing
                     </a>
                  </li>
               </ul>
            </li>
            <li class="nav-parent">
               <a>
                  <i class="fa fa-map-marker" aria-hidden="true"></i>
                  <span>Maps</span>
               </a>
               <ul class="nav nav-children">
                  <li>
                     <a href="maps-google-maps.html">
                         Basic
                     </a>
                  </li>
                  <li>
                     <a href="maps-google-maps-builder.html">
                         Map Builder
                     </a>
                  </li>
                  <li>
                     <a href="maps-vector.html">
                         Vector
                     </a>
                  </li>
               </ul>
            </li>
            <li class="nav-parent">
               <a>
                  <i class="fa fa-columns" aria-hidden="true"></i>
                  <span>Layouts</span>
               </a>
               <ul class="nav nav-children">
                  <li>
                     <a href="layouts-default.html">
                         Default
                     </a>
                  </li>
                  <li>
                     <a href="layouts-boxed.html">
                         Boxed
                     </a>
                  </li>
                  <li>
                     <a href="layouts-menu-collapsed.html">
                         Menu Collapsed
                     </a>
                  </li>
                  <li>
                     <a href="layouts-scroll.html">
                         Scroll
                     </a>
                  </li>
               </ul>
            </li>
            <li class="nav-parent">
               <a>
                  <i class="fa fa-align-left" aria-hidden="true"></i>
                  <span>Menu Levels</span>
               </a>
               <ul class="nav nav-children">
                  <li>
                     <a>First Level</a>
                  </li>
                  <li class="nav-parent">
                     <a>Second Level</a>
                     <ul class="nav nav-children">
                        <li class="nav-parent">
                           <a>Third Level</a>
                           <ul class="nav nav-children">
                              <li>
                                 <a>Third Level Link #1</a>
                              </li>
                              <li>
                                 <a>Third Level Link #2</a>
                              </li>
                           </ul>
                        </li>
                        <li>
                           <a>Second Level Link #1</a>
                        </li>
                        <li>
                           <a>Second Level Link #2</a>
                        </li>
                     </ul>
                  </li>
               </ul>
            </li>
            <li>
               <a href="" target="_blank">
                  <i class="fa fa-external-link" aria-hidden="true"></i>
                  <span>Front-End <em class="not-included">(Not Included)</em></span>
               </a>
            </li>
         </ul>
      </nav>

      <hr class="separator" />

      <div class="sidebar-widget widget-tasks">
         <div class="widget-header">
            <h6>Projects</h6>
            <div class="widget-toggle">+</div>
         </div>
         <div class="widget-content">
            <ul class="list-unstyled m-none">
               <li><a href="#">Porto HTML5 Template</a></li>
               <li><a href="#">Tucson Template</a></li>
               <li><a href="#">Porto Admin</a></li>
            </ul>
         </div>
      </div>

      <hr class="separator" />

      <div class="sidebar-widget widget-stats">
         <div class="widget-header">
            <h6>Company Stats</h6>
            <div class="widget-toggle">+</div>
         </div>
         <div class="widget-content">
            <ul>
               <li>
                  <span class="stats-title">Stat 1</span>
                  <span class="stats-complete">85%</span>
                  <div class="progress">
                     <div class="progress-bar progress-bar-primary progress-without-number" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;">
                        <span class="sr-only">85% Complete</span>
                     </div>
                  </div>
               </li>
               <li>
                  <span class="stats-title">Stat 2</span>
                  <span class="stats-complete">70%</span>
                  <div class="progress">
                     <div class="progress-bar progress-bar-primary progress-without-number" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
                        <span class="sr-only">70% Complete</span>
                     </div>
                  </div>
               </li>
               <li>
                  <span class="stats-title">Stat 3</span>
                  <span class="stats-complete">2%</span>
                  <div class="progress">
                     <div class="progress-bar progress-bar-primary progress-without-number" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
                        <span class="sr-only">2% Complete</span>
                     </div>
                  </div>
               </li>
            </ul>
         </div>
      </div>
   </div>

</div>
._相依ゎ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot创建项目模板
javadogYuan的博客
11-12 1180
springboot创建项目模板1、使用IDEA创建项目1.1 File->new->project->Spring Initializr1.2 next1.3 next1.4 next2、常用配置2.1 项目整体目录2.2 application.yml2.3 log4j2.yml2.4 pom.xml2.5 分层以后各层的代码2.5.1 DemoApplication.jav...
SpringBoot项目的创建（二）：通过Spring官网提供的模板创建Spring boot项目，模板地址：https://start.spring.io/.（需联网，下载好模板后再导入到IDEA）
记录和分享属于我的“IT”时光
11-09 702
SpringBoot项目的创建（二）：通过Spring官网提供的模板创建Spring boot项目，模板地址：https://start.spring.io/.（需联网，下载好模板后再导入到IDEA）
基于spring boot创建项目模板
weixin_34357267的博客
06-12 131
为什么80%的码农都做不了架构师？>>> ...
一份 Spring Boot 项目搭建模板
sky198989的博客
10-30 111
转载：https://zhuanlan.zhihu.com/p/269879253
springboot+mybatis+mysql框架搭建模板样例
06-10
框架是完整的，结算项目还没开发完成，放到这上面仅是为了保存和在其它计算机接着开发
springboot 模板项目
09-20
标题中的"springboot 模板项目"意味着这是一个已经预设好基本结构的项目，可以作为新项目的基础，帮助开发者节省时间，避免从零开始设置环境和配置。这种模板通常包含必要的依赖、配置文件、启动类以及一些基础的...
Python基于Django的实战项目源码——美多商城.zip
05-08
Python基于Django的实战项目源码——美多商城 Python基于Django的实战项目源码——美多商城 Python基于Django的实战项目源码——美多商城 Python基于Django的实战项目源码——美多商城 Python基于Django的...
springboot-web-starter:创建一个Hello World Web Springboot项目
03-09
创建一个 "Hello World" Web SpringBoot 项目，首先你需要确保安装了 JDK 和 Maven，因为 SpringBoot 基于 Java 并使用 Maven 或 Gradle 进行构建。接下来，按照以下步骤操作： 1. **初始化项目**： 使用 Spring ...
一匹飞奔的马——适合个人总结的ppt模板.rar
09-08
"一匹飞奔的马——适合个人总结的ppt模板.rar" 是一个专为个人工作总结设计的PPT模板，其主题形象生动，利用“一匹飞奔的马”作为设计元素，寓意着前进的动力与进取的精神，旨在帮助用户高效地呈现自己的工作成果和...
Spring Boot 项目创建的详细步骤(图文)
08-26
2. 利用 IDEA 工具里面的 Spring Initializr 创建并初始化一个项目。 使用 IDEA 创建 Spring Boot 项目的步骤： * 访问 Spring Boot 官网上进行项目的创建，配置项目信息，配置好之后点击 Generate Project 按钮...
springboot模板-完整maven-mybatis项目
02-02
springboot完整maven项目,包括打成的war包以及所需jar包,涵盖redis数据库,eacache缓存,quartz任务调度,登录拦截器filter,跨域处理,默认首页设置,template模板初始化
搭建Spring Boot 项目
CQRNB的博客
02-16 5316
详细介绍搭建完整的Spring Boot项目 使用mybatis-plus链接数据库 通过swagger生成接口文档 测试接口
springboot学习03（从搭建到熟悉）
Smallcloudy的博客
04-10 418
springboot中的组件学习thymeleaf魔板引擎 thymeleaf魔板引擎 首先静态资源在项目中的存储位置 在网页文件中，首先的引入thymeleaf的声明： <html lang="en" xmlns:th=http://www.thymeleaf.org> 之后利用thymeleaf的语法对模板中的部分组件进行改写，并对应好静态资源路径，使用适合其语法。 thymeleaf语法总结：链接: thymeleaf语法总结. 如果遇到thymeleaf不起作用，可以试着清理浏览器
Thymeleaf 3.0 自定义标签方言属性，简单实例。快速学习！
热门推荐
Qensq的博客
02-16 1万+
此篇文章内容仅限于 描述 thy3.0 自定义标签的说明，所以你在看之前，请先会使用它。 直奔主题，以下代码是如何引用 第三方标签的。说明： shrioDialect 是Shiro 官方为thy开发的自定义标签工具。和jsp的一样 RiskDialect 是我写的自定义标签
thymeleaf自定义工具对象
jonathan的专栏
11-02 7311
Thymeleaf还提供了一系列Utility对象，通过#来访问，比如strings，dates等等，但在一些特殊的情况下，内置的对象并不能满足我们的使用。所以本文主要介绍下如何自定义工具对象表达式。
springboot报错org/thymeleaf/util/LoggingUtils
4396的博客
10-24 2612
这个问题和html页面有关 新建的页面要加这个东西 本机没问题 但服务器上就报这个错了 用thymeleaf的th标签就要引入下面图片这行代码 这是我猜测的原因 希望有大佬能详细解释下 拜谢 ...
Thymeleaf 表达式工具类
zhengun的专栏
04-12 1873
Thymeleaf默认提供了丰富的表达式工具类，这里列举一些常用的工具类。 Objects工具类 1 2 3 4 5 6 7 8 /* * 当obj不为空时，返回obj，否则返回default默认值 * 其同样适用于数组、列表或集合 */ ${#objects.nullSafe(obj,default)} ${#objects.arrayNull...
thymeleaf 基础教程-阅读官方教程（二）
程序员小奎的博客
11-07 1万+
通过thymeleaf 基础教程-搭建杂货铺项目环境（一）我们把官方提供的示例项目进行部署 接下来我们跟着官方文档进行thymeleaf 学习。 我们这里从 2.1 版本的文档进行演示https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html。 下面是通过游览器的翻译插件进行翻译教程api 1介绍Thymeleaf 1.1 ...
基于thymeleaf的页面静态化技术
哈
01-20 901
原理 静态化是指把动态生成的HTML页面变为静态内容保存，以后用户的请求到来，直接访问静态页面，不再经过服务的渲染。静态的HTML页面可以部署在nginx中，从而大大提高并发能力，减小tomcat压力。 工具类 import org.springframework.stereotype.Component; import org.thymeleaf.TemplateEngine; import org.thymeleaf.context.Context; import javax.annotation.R
创建一个SpringBoot项目
最新发布
07-28
创建一个SpringBoot项目有两种方式。第一种方式是通过官网生成SpringBoot项目，然后导入IDEA中。具体步骤如下：首先，在官网上创建一个SpringBoot项目。然后，将项目导入到IDEA中。\[1\]第二种方式是直接通过IDEA...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值