sprint boot 书写一个简单得员工信息编辑web应用

最新推荐文章于 2020-12-30 21:36:13 发布

sorry_for_lu

最新推荐文章于 2020-12-30 21:36:13 发布

阅读量393

点赞数

本文链接：https://blog.csdn.net/sorry_for_lu/article/details/106571522

版权

spring boot 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

sprint boot 书写一个简单得员工信息编辑web应用

说明：本文为在b站学习尚硅谷spring boot课程得学习笔记，仅供学习参考

系统环境：windows

代码编辑：Intellij IDEA

语言：java

一. 功能简介：

登录功能：输入不为空得用户名，密码为123（未连接数据库不进行验证）跳转至主页面

在这里插入图片描述

跳转成功：
在这里插入图片描述

跳转失败：

在这里插入图片描述

员工管理：

跳转，点击员工管理，跳转到了员工列表界面

在这里插入图片描述

添加，点击员工添加，跳转到员工添加页面
在这里插入图片描述

修改，点击每一个员工对应得右边修改按钮，进入修改页面

在这里插入图片描述

员工删除，点击每个员工得右边删除按钮，进行员工删除，同时刷新跳转到了员工列表页面。

二. 新建项目，初始化

1.在idea之中创建一个Spring Initializr项目。

在这里插入图片描述

创建完成右下角会显示Maven项目得提示，点击自动输出 Enable Auto-Import。

2.spring文件目录得解析

在这里插入图片描述

① com.teaching.demo为主文件夹，里面默认包含了DemoApplication.java 为该项目得启动文件，运行⑥可将该web项目启动起来，同时我们在该文件夹里面编写我的业务逻辑，从而实现功能。点击⑥或者⑦ 均可以启动该项目，在⑦向右第四个按钮，在运行开始之后为红色方块按钮点击可结束运行。默认项目网址为 localhost:/8080登录出现如下

在这里插入图片描述

表示页面启动成功，当前为一个空页面，什么都没有。

②static为静态文件夹，用来储存css js img文件，分别为前端得样式静态资源文件等

③templates为储存前端模板页面得文件夹，存储html文件

④application.properties为主配置文件，主要用来配置一些项目得基础配置

⑤pom.xml 负责引入一些依赖，用以当前项目使用，其下面得External Libraries 为一些资源包，初始化会有一些在里面，引入新的依赖以后会自动下载添加到里面

test文件用来进行测试，不用管，其他一些文件夹暂时不管。

启动该项目则将在本机当作服务器，在本机通过访问网址，实现自然运行。

3.引入静态资源，并导入相关得依赖

1.静态资源。

本文得静态资源来自于尚硅谷，同时也是官方文档得项目，进行简要得学习与交流。

在这里插入图片描述

dao 与 entities为员工列表和部门名称初始化得一些文件夹，里面包含了一些员工类各个属性，以及部门类得属性，粘贴到com.teaching.demo文件夹下面，如下

在这里插入图片描述

在dao文件夹下面得DepartmentDao中有一些之前代码问题，按上图得方式删除或导入，就没有问题了

html文件粘贴到templates文件夹下面就ok。

assert中css js img 文件粘贴到static文件下，粘完如下所示

在这里插入图片描述

2.导入依赖，

问题一：对于我们引入得静态资源，springboot项目如何查找，怎么样才可以进行搜索？

问题二：我们导入了css js得样式文件，springboot如何识别？

问题三：springboot项目分为前后端，分离在前端提交得请求，spring boot如何识别并在后端进行处理？

这是我们就需要导入依赖，对于三个问题分别为 webjars bootstrap thymeleaf依赖，因为我们在项目开始点击了自动添加，所以我们仅需要在pom.xml中粘贴对应代码即可，回自动下载添加资源包到External Libraries中。其中thymeleaf要切换到版本3才能发挥其功能。

        <!--切换thymeleaf版本-->
        <thymeleaf-spring5.version>3.0.9.RELEASE</thymeleaf-spring5.version>
        <!-- 布局功能的支持程序  thymeleaf3主程序  layout2以上版本 -->
        <!-- thymeleaf2   layout1-->
        <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>


		<!--引入webjars-->
        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>jquery</artifactId>
            <version>3.3.1</version>
        </dependency>

        <!--引入thymeleaf-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

        <!--引入bootstrap-->

        <dependency>
            <groupId>org.webjars</groupId>
            <artifactId>bootstrap</artifactId>
            <version>4.5.0</version>
        </dependency>

在这里插入图片描述

在External Libraries中我们发现Maven资源包被自动下载

三. 编写业务逻辑代码

1.让主页定向到登录页面

方法一：①文件夹下面，建立controller文件夹，用来存放一些处理逻辑得代码。访问首页面建立一个HelloController.java 来处理根目录得请求，将其返回登陆页面

package com.teaching.demo.Controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HelloController {

    @RequestMapping({"/","/index.html"})//无论访问根目录还是/index 都让其跳转登录页面
    public String index(){
        System.out.println("跳转成功");//打印在后台
        return "index";

    }
}

方法二：重定向。对于springMVC很多功能都已经自动配置好了，要修改主页，首先我们要接管SpringMVC，将其中一些功能进行重行得编写。

在①文件下面，我们编写一个config来存储我们自己编写得文件 MyMvcConfig.java

/**
 * 使用这个方法来扩展sringmvc得功能
 */
@Configuration
public class MyMvcConfig extends WebMvcConfigurerAdapter {
 	@Bean
    public WebMvcConfigurerAdapter webMvcConfigurerAdapter(){
        WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {
            @Override
            public void addViewControllers(ViewControllerRegistry registry) {
                //添加映射
                registry.addViewController("/").setViewName("login");
                
            }
	return adapter;

}