2. 程式人生 > 實用技巧 >Display、Visibility 和 Opacity 的區別

Display、Visibility 和 Opacity 的區別

阿新 • • 發佈：2020-09-10

新增依賴：

<?xml version="1.0" encoding="UTF-8"?>

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>com.qf</groupId>
 
  <artifactId>PlatformPro</artifactId>
  <version>1.0-SNAPSHOT</version>
  <packaging>war</packaging>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
 
  </properties>
  <dependencies>

      <!-- springMVC -->
      <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>5.1.6.RELEASE</version>
      </dependency>

      <dependency>
 
        <!-- jstl 支援 -->
        <groupId>javax.servlet</groupId>
        <artifactId>jstl</artifactId>
        <version>1.2</version>
      </dependency>
      <dependency>
        <!-- servlet編譯環境 -->
        <groupId>javax.servlet</groupId>
        <artifactId>javax.servlet-api</artifactId>
        <version>3.1.0</version>
        <scope>provided</scope>
      </dependency>
      <dependency>
        <!-- jsp編譯環境 -->
        <groupId>javax.servlet</groupId>
        <artifactId>jsp-api</artifactId>
        <version>2.0</version>
        <scope>provided</scope>
      </dependency>

      <!-- FastJson -->
      <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>fastjson</artifactId>
        <version>1.2.54</version>
      </dependency>

      <!-- Spring -->
      <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-context</artifactId>
        <version>5.1.6.RELEASE</version>
      </dependency>
      <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-aspects</artifactId>
        <version>5.1.6.RELEASE</version>
      </dependency>
      <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-test</artifactId>
        <version>5.1.6.RELEASE</version>
      </dependency>
      <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-jdbc</artifactId>
        <version>5.1.6.RELEASE</version>
      </dependency>

      <!-- Spring整合mybatis -->
      <dependency>
        <groupId>org.mybatis</groupId>
        <artifactId>mybatis-spring</artifactId>
        <version>1.3.1</version>
      </dependency>

      <!-- MyBatis -->
      <dependency>
        <groupId>org.mybatis</groupId>
        <artifactId>mybatis</artifactId>
        <version>3.4.5</version>
      </dependency>

      <!-- mysql驅動 依賴 -->
      <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>5.1.25</version>
        <scope>runtime</scope>
      </dependency>

      <!-- 連線池 -->
      <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>druid</artifactId>
        <version>1.1.12</version>
      </dependency>

      <!-- Junit -->
      <dependency>
        <groupId>junit</groupId>
        <artifactId>junit</artifactId>
        <version>4.12</version>
      </dependency>

      <!-- 分頁外掛 -->
      <dependency>
        <groupId>com.github.pagehelper</groupId>
        <artifactId>pagehelper</artifactId>
        <version>5.1.10</version>
      </dependency>

    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.4</version>
    </dependency>

    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.3</version>
      <exclusions>
        <exclusion>
          <groupId>javax.servlet</groupId>
          <artifactId>servlet-api</artifactId>
        </exclusion>
      </exclusions>
    </dependency>
    <dependency>
      <groupId>com.github.penggle</groupId>
      <artifactId>kaptcha</artifactId>
      <version>2.3.2</version>
      <exclusions>
        <exclusion>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
        </exclusion>
      </exclusions>
    </dependency>
      <dependency>
          <groupId>commons-beanutils</groupId>
          <artifactId>commons-beanutils</artifactId>
          <version>1.7.0</version>
      </dependency>

  </dependencies>
    <build>
        <!-- 更改maven編譯規則 -->
        <resources>
            <resource>
                <!-- 資源目錄 -->
                <directory>src/main/java</directory>
                <includes>
                    <include>*.xml</include><!-- 預設（新新增自定義則失效） -->
                    <include>**/*.xml</include><!-- 新新增 */代表1級目錄 **/代表多級目錄 -->
                </includes>
                <filtering>true</filtering>
            </resource>
        </resources>
    </build>
</project>
web.xml檔案：
<?xml version="1.0" encoding="UTF-8"?>
<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_4_0.xsd"
         version="4.0">
  <display-name>Archetype Created Web Application</display-name>
  <!--配置核心控制器-->
  <servlet>
    <servlet-name>mvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!--讀取配置檔案-->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
    <!--配置建立時間-->
    <load-on-startup>1</load-on-startup>
  </servlet>
  <!--配置攔截要求-->
  <servlet-mapping>
    <servlet-name>mvc</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <!--設定過濾器解決亂碼-->
  <filter>
    <filter-name>econding</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>
  </filter>
  <!--設定攔截條件-->
  <filter-mapping>
    <filter-name>econding</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>

  <!--設定監聽器讀取spring配置檔案-->
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:spring-context.xml</param-value>
  </context-param>

  <!--配置驗證碼外掛-->
  <servlet>
    <servlet-name>cap</servlet-name>
    <servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
    <init-param>
      <param-name>kaptcha.border</param-name>
      <param-value>no</param-value>
    </init-param>
    <init-param>
      <param-name>kaptcha.textproducer.char.length</param-name>
      <param-value>4</param-value>
    </init-param>
    <init-param>
      <param-name>kaptcha.textproducer.char.string</param-name>
      <param-value>abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWSYZ0123456789</param-value>
    </init-param>
    <init-param>
      <param-name>kaptcha.background.clear.to</param-name>
      <param-value>211,229,237</param-value>
    </init-param>
    <init-param>
      <param-name>kaptcha.session.key</param-name>
      <param-value>captcha</param-value>
    </init-param>
  </servlet>
  <servlet-mapping>
    <servlet-name>cap</servlet-name>
    <url-pattern>/captcha</url-pattern>
  </servlet-mapping>
</web-app>
spring-context檔案：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:aop="http://www.springframework.org/schema/aop"
       xmlns:tx="http://www.springframework.org/schema/tx"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                           http://www.springframework.org/schema/beans/spring-beans.xsd
                           http://www.springframework.org/schema/aop
                           http://www.springframework.org/schema/aop/spring-aop.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">
    <!--資料庫資訊檔案位置-->
    <context:property-placeholder location="classpath:db.properties"></context:property-placeholder>

    <!--資料庫連線池druid配置-->
    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource"
          init-method="init" destroy-method="close">
        <!--通過設定注入給屬性賦值-->
        <!--基本配置-->
        <property name="driverClassName" value="${jdbc.driverClass}"></property>
        <property name="url" value="${jdbc.url}"></property>
        <property name="username" value="${jdbc.username}"></property>
        <property name="password" value="${jdbc.password}"></property>
        <!--初始化連線數量，最小空閒量  最大活躍數量-->
        <property name="initialSize" value="${jdbc.init}"></property>
        <property name="minIdle" value="${jdbc.minIdle}"></property>
        <property name="maxActive" value="${jdbc.maxActive}"></property>
        <!--配置獲取超時連線的時間-->
        <property name="maxWait" value="60000"></property>
        <!--配置檢查時間間隔：檢查需要關閉的空閒時間間隔-->
        <property name="timeBetweenEvictionRunsMillis" value="60000"></property>
        <!--配置連線池中最小的生存時間-->
        <property name="minEvictableIdleTimeMillis" value="30000"></property>
    </bean>

    <!--建立mybatis操作資料庫需要的sqlSessionFactory-->
    <bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
        <!--為其注入屬性值-->
        <property name="dataSource" ref="dataSource"></property>
        <!--告知mybatis介面對應的對映檔案位置-->
        <property name="mapperLocations">
            <list>
                <value>classpath:com/qf/ssm/dao/*.xml</value>
            </list>
        </property>

        <!--配置實體類的別名-->
        <property name="typeAliasesPackage" value="com.qf.ssm.domain"></property>

        <!--配置分頁-->
        <property name="plugins">
            <array>
                <bean class="com.github.pagehelper.PageInterceptor">
                    <property name="properties">
                        <props>
                            <!--頁號  調整到合理的值-->
                            <prop key="reasonable">true</prop>
                        </props>
                    </property>
                </bean>
            </array>
        </property>
    </bean>

    <!--配置MapperCannerConfigurer  在dao中通過此配置就可以得到sqlSession-->
    <bean id="mapperScannerConfigurer" class="org.mybatis.spring.mapper.MapperScannerConfigurer">
        <!--dao所在的包，如果介面在多個包中，可以使用逗號進行分割-->
        <property name="basePackage" value="com.qf.ssm.dao"></property>
        <!--配置得到sqlSession需要的SQLSessionFactory
            【說明】引入另一個物件時，需要使用ref引入，但此處使用value引入
        -->
        <property name="sqlSessionFactoryBeanName" value="sqlSessionFactory"></property>
    </bean>

    <!--配置事務管理器-->
    <bean id="tx" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"></property>
    </bean>

    <!--掃描設定包的子包-->
    <!--掃描包中，使用過濾器刨出controller所有包，springmvc的配置在去掃描控制包-->
    <context:component-scan base-package="com.qf.ssm" use-default-filters="true">
        <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>
    <!--設定註解@Transactional實現事務,使用何種配置器-->
    <tx:annotation-driven transaction-manager="tx"></tx:annotation-driven>
    <!--啟動Aop-->
    <aop:aspectj-autoproxy></aop:aspectj-autoproxy>
</beans>
springmvc配置檔案：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<beans     xmlns="http://www.springframework.org/schema/beans"
          xmlns:context="http://www.springframework.org/schema/context"
          xmlns:mvc="http://www.springframework.org/schema/mvc"
          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
          xsi:schemaLocation="http://www.springframework.org/schema/beans
                     http://www.springframework.org/schema/beans/spring-beans.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">
    <!--springMVC掃描的父包：只掃描controller中的包-->
    <context:component-scan base-package="com.qf.ssm" use-default-filters="false">
        <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
    </context:component-scan>

    <!--springMVC掃描的父包：只掃描controller中的包-->
    <mvc:annotation-driven>
        <!--安裝FastJson,轉換器 -->
        <mvc:message-converters>
            <bean class="com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter">
                <!--宣告轉換型別-->
                <property name="supportedMediaTypes">
                    <list>
                        <value>application/json</value>
                    </list>
                </property>
            </bean>
        </mvc:message-converters>
    </mvc:annotation-driven>

    <!--配置 檢視分析器：解釋控制器方法的返回的字串所對應的檢視位置-->
    <beans>
        <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="prefix" value="/"></property>
            <property name="suffix" value=".jsp"></property>
        </bean>
        <!--配置靜態資源放行-->
        <mvc:default-servlet-handler></mvc:default-servlet-handler>
    </beans>
</beans>
dbproperties檔案：
jdbc.driverClass=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/platform?useSSL=false&characterEncoding=utf8
jdbc.username=root
jdbc.password=123456
jdbc.init=1
jdbc.minIdle=1
jdbc.maxActive=3

相關推薦

Display、Visibility 和 Opacity 的區別

<style> .d1{ display: none; } .d2{ visibility: visible; } .d3{ opacity: 0; } </style> <div class="d1" onclick="clickEvent(\'display: none;\')"></div>

display:none visibility:hidden opacity:0 區別

display: none; DOM 結構：瀏覽器不會渲染 display 屬性為 none 的元素，不佔據空間；

Sass、Less 和 Stylus區別

1.基本語法 /*less*/ h1{ color:red; } /*sass*/ a color:red /* stylus */ h1 { color: #0982C1; } h1 color: #0982C1;

if語句使用break、continue和return區別

if語句 if語句分別使用return、continue、break的區別 return public static void main(String[] args) {

var、let和const區別

一、歷史 在ES6（ES2015）出現之前，JavaScript中宣告變數就只有通過var關鍵字，函式宣告是通過function關鍵字，而在ES6之後，宣告的方式有var、let、const、function、class 。

RGB、YUV、HSV和HSL區別和關聯

RGB、YUV、HSV和HSL區別和關聯 近期在做的一個需求和顏色轉換有關係，所以本篇將開發過程中比較常見的 四種顏色 進行一番梳理。

分析比較 opacity: 0、visibility: hidden、display: none 優劣和適用場景

結構： display:none: 會讓元素完全從渲染樹中消失，渲染的時候不佔據任何空間, 不能點選，visibility: hidden:不會讓元素從渲染樹消失，渲染元素繼續佔據空間，只是內容不可見，不能點選opacity: 0: 不會讓元素從渲

display:'none'與visibility:hidden的區別,position,opacity 和 rgba區別

4.display: none;與visibility: hidden;的區別 　　display: none;與visibility: hidden   功能：隱藏元素

MySQL中欄位型別char、varchar和text的區別

在MySQL中，char、varchar和text型別的欄位都可以用來儲存字元型別的資料，char、varchar都可以指定最大的字元長度，但text不可以。

Python列表刪除元素del、pop()和remove()的區別小結

前言 在python列表的元素刪除操作中,del,pop(),remove()很容易混淆,下面對三個語句/方法作出解釋

java String、StringBuilder和StringBuffer的區別詳解

1.共同點： 三者都是字串類。StringBuilder和StringBuffer都是繼承AbstractStringBuilder類，儲存字串都是使用陣列進行儲存的。

JavaScript中break、continue和return的用法區別例項分析

本文例項講述了JavaScript中break、continue和return的用法區別。分享給大家供大家參考，具體如下：

StringUtils中的isEmpty、isNotEmpty、isBlank和isNotBlank的區別詳解

一、StringUtils中的isEmpty方法 1、StringUtils中的isEmpty方法中的原始碼如下： 注：由原始碼可知(判斷某字串是否為空，為空的標準是str==null或str.length()==0)

select、poll和epoll之間的區別

在深入理解select、poll和epoll之間的區別之前，首先要了解什麼是IO多路複用模型。

秒懂drop、truncate和delete的區別

（1）DELETE語句執行刪除的過程是每次從表中刪除一行，並且同時將該行的刪除操作作為事務記錄在日誌中儲存以便進行進行回滾操作。

js中onkeyup、onkeydown和onkeypress的區別

onkeyup、onkeydown與onkeypress三者在事件的響應上各有不同：onkeydown 、onkeypress事件響應時，輸入的字元並沒有被系統接受，而響應onkeyup時，輸入流已經被系統接受

詳解mybatis #{}和${}的區別、傳參、基本語法

1 #{}和${}的區別、及注入問題 (1) 區別： 首先清楚一點，動態 SQL 是 mybatis 的強大特性之一，在 mapper 中定義的引數傳到 xml 中之後，在查詢之前 mybatis 會對其進行動態解析，#{} 和 ${} 在預編譯中的處理是不

String、StringBuffer和StringBuilder的區別

String String類是不可變類，即一旦一個String物件被建立以後，包含在這個物件中的字元序列是不可改變的，直至這個物件被銷燬

簡述JAVA同步、非同步、阻塞和非阻塞之間的區別

同步和非同步，阻塞和非阻塞是大家經常會聽到的概念，但是它們是從不同維度來描述一件事情，常常很容易混為一談。

cookies、sessionStorage和localStorage解釋及區別

HTML4本地儲存: 一.cookies: cookie和session都是用來跟蹤瀏覽器使用者身份的會話方式。