2021年8月

package cn.rivamed.config.security;

import org.springframework.context.annotation.Configuration;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;

@Configuration
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
   
   @Override
   protected void configure(HttpSecurity http) throws Exception {
      http.csrf().disable()
         .authorizeRequests()
         .anyRequest().permitAll()
         .and().logout().permitAll();
   }
   
}

CSS Grid可轻松构建复杂的Web设计。它的工作原理是将HTML元素转换为具有行和列的网格容器，以便将子元素放置在网格中所需的位置。

通过将元素的父级设置display: grid;转化为网格布局。
html代码

<div class="grid-wrap">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
  <div class="grid-item">5</div>
  <div class="grid-item">6</div>
</div>

css代码

.grid-wrap {
  display: grid;
}

请输入图片描述

  • 设置列

grid-template-columns 将网格划分为n列，并设置一个宽度，属性的参数数量就是划分为具体的多少列
CSS代码

.grid-wrap {
  display: grid;
  grid-template-columns: 50px 200px 80px;
}

请输入图片描述

  • 设置行

grid-template-rows 设置网格的每一行的高度

css代码

.grid-wrap {
  display: grid;
  grid-template-columns: 50px 200px 80px;
  grid-template-rows: 50px 80px;
}

请输入图片描述

  • 通过单位更改行和列的宽和高

fr 自适应单位，根据剩余的宽度分配所占比例

auto 将元素设置为自身的宽高

% 根据容器的宽和高去计算百分比

下边示例设置为2列3行，第一列为80px，第二列的宽度=容器总宽度-第一列宽度；第一行的高度为50px，第二行的高度=容器总高度-第一行高度-第三行高度，第三行高度为容器的30%

css代码

.grid-wrap {
  display: grid;
  grid-template-columns: 80px auto;
  grid-template-rows: 50px 1fr 30%;
  width: 330px;
  height: 400px;
}

请输入图片描述

  • 设置每列与每行之间的空隙

grid-column-gap 设置每列之间的空隙

grid-row-gap 设置每行之间的空隙

css代码

.grid-wrap {
  display: grid;
  grid-template-columns: 80px 200px 1fr;
  grid-template-rows: 50px 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 5px;
  width: 330px;
  height: 150px;
}

请输入图片描述

封装
/**

  • 封装request
    */
class Request {
  constructor (parms) {
    this.withBaseURL = parms.withBaseURL
    this.baseURL = parms.baseURL
  }
  get (url, data) {
    return this.request('GET', url, data)
  }
  post (url, data) {
    return this.request('POST', url, data)
  }
  put (url, data) {
    return this.request('PUT', url, data)
  }
  request (method, url, data) {
    const vm = this
    return new Promise((resolve, reject) => {
      wx.request({
        url: vm.withBaseURL ? vm.baseURL + url : url,
        data,
        method,
        header: {
          'content-type': 'application/json' // 默认值
         },
        success (res) {
          resolve(res)
        },
        fail () {
          reject({
            msg: '请求失败',
            url: vm.withBaseURL ? vm.baseURL + url : url,
            method,
            data
          })
        }
      })
    })
  }
}

const request = new Request({
  baseURL: 'http://127.0.0.1',//本地环境
  // baseURL: 'http://127.0.0.1',//线上
  withBaseURL: true
})

module.exports = request

使用办法

在page上面加上这个

var libs = require('../../utils/request')

//get请求

libs.get('/aaa', {
  a: 0,
  b: 1
}).then(res => {
  console.log(res)
}).catch(e => {
  console.log(e)
})

//post请求

libs.post('/aaa', {
  a: 0,
  b: 1
}).then(res => {
  console.log(res)
}).catch(e => {
  console.log(e)
})

举一反三。

JB软件打开->settings->Plugins->点那个小齿轮->Manage Plugin Repositories...
在里面加上 https://plugins.zhile.io 这个地址

上面完成后

搜索插件->IDE Eval Reset 搜索这个插件点击 install 安装完事ok

如果以上操作还不会你学你妈逼 编程，老老实实找个工厂上班吧。

  1. 1
  2. 2