采用SSM框架实现登录拦截，分页，批量删除的功能

news2024/11/17 21:44:38

本案列采用的技术有后端spring/springmvc/mybatis/jquery等技术，前端采用bootstrap+jsp

项目结构如下图
在这里插入图片描述

依赖pom.xml文件

 <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>5.1.47</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis</artifactId>
      <version>3.5.9</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.1.0</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>javax.servlet.jsp-api</artifactId>
      <version>2.3.3</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>4.3.18.RELEASE</version>
      <!--      <optional>true</optional>-->
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-beans</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-jdbc</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-tx</artifactId>
      <version>4.3.18.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.mybatis</groupId>
      <artifactId>mybatis-spring</artifactId>
      <version>2.0.6</version>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>

    <dependency>
      <groupId>commons-dbcp</groupId>
      <artifactId>commons-dbcp</artifactId>
      <version>1.4</version>
    </dependency>
    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.4</version>
    </dependency>


    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>2.0.4</version>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.1.10</version>
    </dependency>

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid-spring-boot-starter</artifactId>
      <version>1.2.9</version>
    </dependency>
<!--    分页-->
    <dependency>
      <groupId>com.github.pagehelper</groupId>
      <artifactId>pagehelper</artifactId>
      <version>5.3.0</version>
    </dependency>
<!--    json依赖-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.7.9</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.6.7</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.6.7</version>
    </dependency>

applicationContext.xml配置文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:tx="http://www.springframework.org/schema/tx" xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                        http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
                        http://www.springframework.org/schema/tx
                        http://www.springframework.org/schema/tx/spring-tx.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

<!--    加载properties文件PPC-->
    <bean class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
       <property name="location" value="classpath:jdbc.properties"/>
    </bean>

<!--    配置数据源 DDS-->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource">
        <property name="driverClassName" value="${driver}"/>
        <property name="url" value="${url}"/>
        <property name="username" value="${username}"/>
        <property name="password" value="${password}"/>
    </bean>
<!--    配置mybatis与spring的整合 SSFB-->
    <bean id="sqlSessionFactoryBean" class="org.mybatis.spring.SqlSessionFactoryBean">
<!--        关联数据源-->
        <property name="dataSource"  ref="dataSource"/>
<!--        配置别名-->
        <property name="typeAliasesPackage" value="com.mvc.entity"/>
<!--        扫描sqp映射文件-->
        <property name="mapperLocations" value="classpath:mapper/*.xml"/>
<!--        配置分页拦截器-->
        <property name="plugins">
            <array>
                <bean class="com.github.pagehelper.PageInterceptor">
                    <property name="properties">
                        <value>
                            helperDialect=mysql
                            reasonable=true
                        </value>
                    </property>
                </bean>
            </array>
        </property>
    </bean>

<!--    mapper动态处理，扫描dao接口MSC-->
    <bean id="scannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactoryBean"/>
<!--        扫描dao接口-->
        <property name="basePackage" value="com.mvc.mapper"/>
    </bean>

<!--    事务管理 DSTM-->
    <bean class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>



</beans>

spring-mvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                        http://www.springframework.org/schema/beans/spring-beans-3.1.xsd
                        http://www.springframework.org/schema/tx
                        http://www.springframework.org/schema/tx/spring-tx.xsd
                         http://www.springframework.org/schema/context
                         http://www.springframework.org/schema/context/spring-context.xsd
                         http://www.springframework.org/schema/mvc
                         http://www.springframework.org/schema/mvc/spring-mvc.xsd">

<!--        开启spring的扫描-->
<context:component-scan base-package="com.mvc"/>
<!--    开启springmvc的注解-->
<mvc:annotation-driven/>

    <!--    配置拦截器-->
    <mvc:interceptors>
        <mvc:interceptor>
            <mvc:mapping path="/**/"/>
            <bean class="com.mvc.utils.LoginInterCerptor"/>
        </mvc:interceptor>
    </mvc:interceptors>

<!--    配置视图路径-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
<!--        配置页面前缀-->
    <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>


</beans>

jdbc.properties文件


```cpp
driver=com.mysql.jdbc.Driver
url=jdbc:mysql://127.0.0.1:3306/spring?characterEncoding=utf8
username=root
password=12345678

web.xml 配置文件


```c
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">

  <!--  配置监听器-->
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <!--  配置spring核心文件，自动加载-->
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:applicationContext.xml</param-value>
  </context-param>
  <!--  处理乱码-->
  <filter>
    <filter-name>CharacterEncodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>utf-8</param-value>
    </init-param>
    <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>CharacterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

  <!--  配置处理器-->
  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!--    指定springmvc核心文件-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring-mvc.xml</param-value>
    </init-param>
    <!--    启动服务器就自动加载-->
    <load-on-startup>1</load-on-startup>
    <async-supported>true</async-supported>
  </servlet>
  <!--  配置请求路径的映射-->
  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

</web-app>

数据库脚本

DROP TABLE IF EXISTS `user`;
CREATE TABLE `user`  (
  `userid` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  `userpwd` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL,
  PRIMARY KEY (`userid`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 13 CHARACTER SET = utf8 COLLATE = utf8_general_ci ROW_FORMAT = Compact;

-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES (4, '小李', '123');
INSERT INTO `user` VALUES (7, '小陈', '123');
INSERT INTO `user` VALUES (8, '小王', '123');
INSERT INTO `user` VALUES (9, '小波波', '123');
INSERT INTO `user` VALUES (10, '小红', '123');
INSERT INTO `user` VALUES (11, '小黄', '123');
INSERT INTO `user` VALUES (12, '小黑', '123');

用户实体类 user
在这里插入图片描述
dao接口类
在这里插入图片描述
接口对应的SQL映射文件 UserMapper.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.mvc.mapper.UserMapper">

<!--  查询所有-->
    <select id="selectAll" resultType="user">
        select * from user
    </select>
<!-- 批量删除-->
    <delete id="delAll">
        delete from user where userid in
        <foreach collection="ides" item="id" open="(" separator="," close=")">
            #{id}
        </foreach>
    </delete>
<!--    登录-->
    <select id="login" resultType="user">
        select * from user where username=#{username} and userpwd=#{userpwd}
    </select>

</mapper>

service接口类
在这里插入图片描述
service接口实现类 UserServiceImpl
在这里插入图片描述
登录拦截器类LoginInterCerptor


mport com.mvc.entity.User;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

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

/**
 * 登录拦截器
 */

public class LoginInterCerptor implements HandlerInterceptor {
    @Override

    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object o) throws Exception {
        //获取请求路径中的uri
        String uri = request.getRequestURI();
        HttpSession session = request.getSession();
        //获取登录的对象
        User user = (User) session.getAttribute("loginuser");
        if (uri.indexOf("/login")==0){//放开登录请求
            //放行
            return true;
        }
        if (user!=null){
            return true;
        }
        //不符合条件的
        request.setAttribute("error","请先登录！！！！");
        request.getRequestDispatcher("/login").forward(request,response);
        return false;
    }

    @Override
    public void postHandle(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, ModelAndView modelAndView) throws Exception {

    }

    @Override
    public void afterCompletion(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Object o, Exception e) throws Exception {

    }
}

Json数据格式返回统一格式类

```c
package com.mvc.utils;

import com.fasterxml.jackson.databind.ObjectMapper;

public class Result {
    // 定义jackson对象
    private static final ObjectMapper MAPPER = new ObjectMapper();
    // 响应业务状态
    private Integer status;
    // 响应消息
    private String msg;
    // 响应中的数据
    private Object data;

    public Result() {
    }

    public Result(Integer status, String msg, Object data) {
        this.status = status;
        this.msg = msg;
        this.data = data;
    }

    public Result(Object data) {
        this.status = 0;
        this.msg = "OK";
        this.data = data;
    }

    public static Result ok() {
        return new Result(null);
    }

    public static Result ok(Object data) {
        return new Result(data);
    }

    public static Result build(Integer status, String msg) {
        return new Result(status, msg, null);
    }

    public static Result build(Integer status, String msg, Object data) {
        return new Result(status, msg, data);
    }

    public static ObjectMapper getMAPPER() {
        return MAPPER;
    }

    public Integer getStatus() {
        return status;
    }

    public void setStatus(Integer status) {
        this.status = status;
    }

    public String getMsg() {
        return msg;
    }

    public void setMsg(String msg) {
        this.msg = msg;
    }

    public Object getData() {
        return data;
    }

    public void setData(Object data) {
        this.data = data;
    }
}

Controller控制层类 UserController

package com.mvc.controller;

import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.mvc.entity.User;
import com.mvc.service.UserService;
import com.mvc.utils.Result;

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 org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;
import java.util.List;

@Controller
public class UserController {
    @Autowired
    private UserService userService;


    @RequestMapping("/login")
    public String login(String username, String userpwd, HttpServletRequest request){
        User user = userService.login(username, userpwd);
        if (user!=null){
            //把user保存到session
            HttpSession session = request.getSession();
            session.setAttribute("loginuser",user);
            //重定向执行列表请求
            return "redirect:/all";
        }else {
            //登录失败返回登录界面
            return "login";
        }

    }

    @RequestMapping("/all")
    public String selectAll(@RequestParam(value = "pageNum",defaultValue = "1") Integer pageNum,
                            Model model){

        //开始分页
        PageHelper.startPage(pageNum,3);
        //获取数据
        List<User> users = userService.selectAll();
        //包装数据，连续显示3页
        PageInfo<User> pageInfo = new PageInfo<>(users, 3);
        //保存数据
        model.addAttribute("pageInfo",pageInfo);
        return "list";

    }

    //批量删除
    @RequestMapping("/delAll")
    @ResponseBody
    public Result delAll(String ides){
        //把string类型的数组转换成int类型的
        String[] str_id = ides.split(",");
        int[] int_id = new int[str_id.length];
        for (int i = 0;i<str_id.length;i++) {
            int_id[i]=Integer.parseInt(str_id[i]);
        }
        //调用业务方法
        userService.delAll(int_id);
        return Result.build(200,"ok");

    }




}

前端页面结构如下，分别有index.jsp/login.jsp/list.jsp页面
在这里插入图片描述

jsp index.jsp文件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<h2>景区登录</h2>
<div>
    <form action="/login" method="post" id="login">
        <table>
            <tr>
                <td>用户名</td>
                <td>
                    <input name="username" id="username">
                </td>
            </tr>
            <tr>
                <td>密码</td>
                <td>
                    <input name="userpwd" id="userpwd">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" id="btn" value="登录">
                    <input type="reset" value="重置">
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
<script>
    $(function () {
        //给登录按钮绑定单击事件
        $("#btn").on("click",function () {
            var errormsg = "";
            var flag = true;
            //获取用户名
            var username = $("#username").val();
            var userpwd = $("#userpwd").val();
            if (username==""||userpwd==""){
                errormsg="用户名或密码不能为空";
                alert(errormsg);
                flag=false;
                return
            }else {
                //提交登录
                $("#login").submit();
            }

        })
    })
</script>
</html>

数据展示页面list.jsp

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2023/6/9 0009
  Time: 19:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
    <div>
        <div class="container">
            <button class="btn btn-danger" id="deluser">删除</button>
            <table class="table" border="1" width="567px">
                <tr align="center">
                    <td>编号</td>
                    <td>
                        全选<input type="checkbox" id="all">
                    </td>
                    <td>姓名</td>
                    <td>密码</td>
                    <td>操作</td>
                </tr>
                <c:forEach items="${pageInfo.list}" var="user">
                    <tr align="center">
                        <td>${user.userid}</td>
                        <td>
                            <input type="checkbox" class="userid" value="${user.userid}">
                        </td>
                        <td>${user.username}</td>
                        <td>${user.userpwd}</td>
                        <td>
                            <button><a href="del?userid=${user.userid}">删除</a></button>
                        </td>
                    </tr>
                </c:forEach>
            </table>
        </div>
        <div class="container">
            <ul class="pagination pagination-lg">
                <li class="page-item"><a class="page-link" href="all?pageNum=1">首页</a></li>
                <li class="page-item"><a class="page-link" href="all?pageNum=${pageInfo.pageNum-1}">上一页</a></li>
                <c:forEach items="${pageInfo.navigatepageNums}" var="page">
                    <li class="page-item"><a class="page-link" href="all?pageNum=${page}">${page}</a></li>
                </c:forEach>

                <li class="page-item"><a class="page-link" href="all?pageNum=${pageInfo.pageNum+1}">下一页</a></li>
                <li class="page-item"><a class="page-link" href="all?pageNum=${pageInfo.pages}">末页</a></li>
            </ul>

        </div>
    </div>
</body>
  <script>
      $(function () {

            //给全选按钮绑定单击事件
          $("#all").click(function () {//全选
                $(".userid").prop("checked",this.checked)

          });
          $(".userid").click(function () {
              if ($(".userid").length==$(".userid:checked").length){
                  $("#all").prop("checked",true)
              }else {
                  $("#all").prop("checked",false)
              }
          })
          //删除
          $("#deluser").click(function () {
              var ides = "";
              var userides = $(".userid:checked")
              for(var i =0;i<userides.length;i++){
                  ides+=userides[i].value+","
              }
             $.ajax({
                 url:"/delAll?ides="+ides,
                 type:"post",
                 dataType:"json",
                 success:function (result) {
                     var msg = result.msg;
                     if (msg=="ok"){
                         window.location.href="/all"
                     }

                 }
             })
          })
      })
  </script>
</html>

login.jsp页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<h2>景区登录</h2>
<div>
    <form action="/login" method="post" id="login">
        <table>
            <tr>
                <td>用户名</td>
                <td>
                    <input name="username" id="username">
                </td>
            </tr>
            <tr>
                <td>密码</td>
                <td>
                    <input name="userpwd" id="userpwd">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="button" id="btn" value="登录">
                    <input type="reset" value="重置">
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
<script>
    $(function () {
        //给登录按钮绑定单击事件
        $("#btn").on("click",function () {
            var errormsg = "";
            var flag = true;
            //获取用户名
            var username = $("#username").val();
            var userpwd = $("#userpwd").val();
            if (username==""||userpwd==""){
                errormsg="用户名或密码不能为空";
                alert(errormsg);
                flag=false;
                return
            }else {
                //提交登录
                $("#login").submit();
            }

        })
    })
</script>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/636492.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

怎样的低代码平台才算是一个好用的低代码平台？

怎样的低代码平台才算是一个好用的低代码平台？

随着数字化转型的加速&#xff0c;低代码平台已经成为了企业数字化转型的一个重要工具。低代码近几年是一个很热门的概念&#xff0c;市场对低代码的需求也不断增加&#xff0c;但到底什么样的低代码平台才算是一个好用的低代码平台&#xff1f; 一个好用的低代码平台应具备以…
阅读更多...
Python源码:火柴棒摆数字有6根火柴棒，列出所有能摆出的自然数

Python源码:火柴棒摆数字有6根火柴棒，列出所有能摆出的自然数

题&#xff1a;用自定义函数&#xff0c;火柴棒摆数字有6根火柴棒&#xff0c;列出所有能摆出的自然数&#xff0c; 要求火柴棒正好摆完 解析&#xff1a; 1、0-9这十个数字&#xff0c;每个数字分别需要的火柴根数如下 2、用6根火柴摆出的最小数字是&#xff1a;0 用6根火柴…
阅读更多...
深入理解CSS字符转义行为

深入理解CSS字符转义行为

深入理解CSS字符转义行为 深入理解CSS字符转义行为 前言为什么要转义&#xff1f;CSS 转义什么是合法css的表达式 左半部分右半部分 练习参考链接 前言 在日常的开发中&#xff0c;我们经常写css。比如常见的按钮: <button class"btn"></button>&am…
阅读更多...
YOLO输出大中小目标的AP值

YOLO输出大中小目标的AP值

在进行实验的过程中&#xff0c;博主一直使用的是COCO数据集&#xff0c;其评价指标如下所示&#xff0c;包含大中小目标的AP值与AR值。博主选用了yolov5与yolov7进行实验&#xff0c;其中yolov5成功&#xff0c;yolov7却出现了问题。 随后博主在进行对比实验时使用了YOLO模型&…
阅读更多...
烟草仓库监控有多重要？给你支一招

烟草仓库监控有多重要？给你支一招

随着全球烟草行业的发展&#xff0c;烟草仓库监控变得越来越重要。烟草作为一种易燃、易损和有害物质&#xff0c;需要特殊的保管和监控措施&#xff0c;以确保烟草的质量、安全和合规性。 烟草仓库监控的目的是实时监测和管理烟草仓库内的环境参数&#xff0c;如温度、湿度、气…
阅读更多...
一些有趣的兼容性测试事实和技巧

一些有趣的兼容性测试事实和技巧

兼容性测试是一种重要的测试方法&#xff0c;可以确定软件或应用程序是否能够在不同的操作系统、浏览器、设备上正常运行。以下是一些有趣的兼容性测试事实和技巧。 事实1&#xff1a;同样的代码在不同的浏览器中会产生不同的结果。 由于不同的浏览器对相同代码的解释不同&…
阅读更多...
【微信公众平台对接】有关【创建发票卡券模板】调用示例

【微信公众平台对接】有关【创建发票卡券模板】调用示例

1、微信开放平台接口说明&#xff1a; 2、代码示例 /*** 创建发票卡券模板** param token* return*/PostMapping("createCard")public String createCard(String token) {return wechatOpenService.createCard(token);}String resp null;try {String url String.fo…
阅读更多...
电路板电镀中4种特殊的电镀方法

电路板电镀中4种特殊的电镀方法

本文主要介绍的是电路板焊接中的4中特殊电镀方法。 第一种&#xff0c;指排式电镀 常常需要将稀有金属镀在板边连接器、板边突出接点或金手指上以提供较低的接触电阻和较高的耐磨性&#xff0c;该技术称为指排式电镀或突出部分电镀。常将金镀在内层镀层为镍的板边连接器突出触…
阅读更多...
武职301班-day01

武职301班-day01

实现永和小票页面 效果图 问题分析 把一个大的开发任务&#xff0c;先进行任务分析&#xff0c;把完成这个任务需要的技术点和开发步骤写出来。 开发分析 特点&#xff1a; htmlcss实现 1&#xff09;小票有宽度限制 2&#xff09;字体大小不一样&#xff0c;大部分字体大小…
阅读更多...
FTSE-250 CMC Markets投资StrikeX Technologies，巩固战略伙伴关系，革新数字资产行业

FTSE-250 CMC Markets投资StrikeX Technologies，巩固战略伙伴关系，革新数字资产行业

StrikeX非常高兴地宣布与屡获殊荣的FTSE 250金融服务提供商CMC Markets成功完成投资和战略合作伙伴关系。CMC Markets已经收购了StrikeX Technologies 33%的股份&#xff0c;并将其两位高级执行官纳入StrikeX董事会&#xff0c;为公司带来了丰富的专业知识和经验。这对于两家公…
阅读更多...
Linux第一章之环境搭建

Linux第一章之环境搭建

目录 一、什么是Linux 1.1前端VS后端 1.2企业为何选择使用Linux作为后台服务器 1.3国内企业后台和用户使用Linux现状 1.4就个人找工作/能力提升来说&#xff0c;该如何看待Linux 1.5求职相关 ​1.6Linux好玩的指令 1.7Linux基本代码编写 1.8内存/CPU/硬盘/外设等硬件&…
阅读更多...
pm2原理与使用

pm2原理与使用

目录 pm2是什么以及好处 原理 Node Cluster pm2工作流程 常用命令 安装 启动进程 查看进程 重启/删除 日志 pm2是什么以及好处 pm2是一个内建了负载均衡器的node进程管理工具&#xff0c;可以利用它来简化很多node应用管理的繁琐任务&#xff0c;如自动监控进程状态…
阅读更多...
Spring Boot - 自定义 banner

Spring Boot - 自定义 banner

自定义 banner 在Spring Boot中&#xff0c;你可以通过定制Banner来个性化你的应用程序启动时的输出。Banner是一个在应用程序启动时显示的ASCII艺术字形式的标志&#xff0c;用于增加应用程序的识别度和个性化。 以下是一些定制Banner的方法&#xff1a; 创建自定义Banner文…
阅读更多...
Echarts5.x词云图报错[ECharts] Unkown series wordCloud

Echarts5.x词云图报错[ECharts] Unkown series wordCloud

问题原因 echarts2.0版本之后不再在引入的echarts中支持wordCloud,需单独引入。引入原js或者min都可以 预期效果 解决方法 https://github.com/ecomfe/echarts-wordcloud/blob/master/dist/echarts-wordcloud.min.js 复制这份文件到utils 然后再使用词云图的页面 import /u…
阅读更多...
随机生成验证码

随机生成验证码

1.servlet代码 /** * 随机生成验证码 * 1.获取Image对象 * 2.1填充背景色 2.2画边框 生成随机角标 2.3写验证吗 2.4 画干扰线 *3.将图片输出到页面 */ package cn.itcast.web.servlet;import javax.imageio.ImageIO; import javax.servlet.*; import javax.servlet.http.*; im…
阅读更多...
0基础学习VR全景平台篇第40篇：场景功能-场景加密

0基础学习VR全景平台篇第40篇：场景功能-场景加密

功能位置示意 一、本功能将用在哪里&#xff1f; ​ 单密码访问功能&#xff0c;常用于暂未确定的场景内容或暂未交付的项目&#xff0c;使用密码访问保护作品数据的私密性&#xff1b; 或为满足不同情境下的推广需求使用。 二、如何使用本功能&#xff1f; ​ 1、使用加…
阅读更多...
CSS3_01：玩转文字渐变特效动画，这篇文章满足你，实现方式+案例完整源码

CSS3_01：玩转文字渐变特效动画，这篇文章满足你，实现方式+案例完整源码

这里后面会陆续出一个关于css动画系列文章&#xff0c;关注布衣前端&#xff0c;实时获取。 在前端开发过程中&#xff0c;有时候需要特别显示页面某个文字特效&#xff0c;这时普通的文字颜色或者阴影已经无法满足需求。此时&#xff0c;css的线性渐变就派上用场了。 文字渐…
阅读更多...
Difference of Normals Based Segmentation

Difference of Normals Based Segmentation

文章目录 例子官网的可视化图片流程C cmakelist 参考 记录翻译一下pcl中的例子 实现的“法线差”功能&#xff0c;用于基于比例的无组织点云分割。 例子 官网的可视化图片流程 C 代码流程&#xff1a; 设置输入点云相关参数。图片左上设置两个半径求取法相量点云&#xff0c…
阅读更多...
安装VastBase G100 v2.2 Build 12

安装VastBase G100 v2.2 Build 12

1、防火墙设置 1.1 关闭防火墙和selinux 1.1.1 关闭防火墙 systemctl status firewalld.service systemctl stop firewalld.service systemctl disable firewalld1.1.2 关闭selinux vim /etc/selinux/config1.2 修改hosts文件,添加实际的IP地址和主机名 vi /etc/hosts 1.3…
阅读更多...
【状态估计】卡尔曼滤波器、扩展卡尔曼滤波器、双卡尔曼滤波器和平方根卡尔曼滤波器研究（Matlab代码实现）

【状态估计】卡尔曼滤波器、扩展卡尔曼滤波器、双卡尔曼滤波器和平方根卡尔曼滤波器研究（Matlab代码实现）

&#x1f4a5;&#x1f4a5;&#x1f49e;&#x1f49e;欢迎来到本博客❤️❤️&#x1f4a5;&#x1f4a5; &#x1f3c6;博主优势&#xff1a;&#x1f31e;&#x1f31e;&#x1f31e;博客内容尽量做到思维缜密&#xff0c;逻辑清晰&#xff0c;为了方便读者。 ⛳️座右铭&a…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023