写给自己的一封记忆

无他，主要是方便自己用，所以。。。。。。。。。。

banner.txt

    ,o888888o.    8 8888      88 `8.`8888.      ,8'  8 8888          .8.          
   8888     `88.  8 8888      88  `8.`8888.    ,8'   8 8888         .888.         
,8 8888       `8. 8 8888      88   `8.`8888.  ,8'    8 8888        :88888.        
88 8888           8 8888      88    `8.`8888.,8'     8 8888       . `88888.       
88 8888           8 8888      88     `8.`88888'      8 8888      .8. `88888.      
88 8888           8 8888      88     .88.`8888.      8 8888     .8`8. `88888.     
88 8888   8888888 8 8888      88    .8'`8.`8888.     8 8888    .8' `8. `88888.    
`8 8888       .8' ` 8888     ,8P   .8'  `8.`8888.    8 8888   .8'   `8. `88888.   
   8888     ,88'    8888   ,d8P   .8'    `8.`8888.   8 8888  .888888888. `88888.  
    `8888888P'       `Y88888P'   .8'      `8.`8888.  8 8888 .8'       `8. `88888. 

 修改图标

查询（带条件，key就是之一）

@Service("orderService")
public class OrderServiceImpl extends ServiceImpl<OrderDao, OrderEntity> implements OrderService {

    @Override
    public PageUtils queryPage(Map<String, Object> params) {
        String key = (String) params.get("key");
        IPage<OrderEntity> page = this.page(
                new Query<OrderEntity>().getPage(params),
                new QueryWrapper<OrderEntity>()
                .like(StringUtils.isNotBlank(key),"number",key)
        );

        return new PageUtils(page);
    }

}

---

vue   时间插件

<el-form-item label="预付日期" prop="payTime">
        <template>
          <!--加入时间插件-->
          <el-date-picker
            v-model="dataForm.payTime"
            type="datetime"
            placeholder="选择日期时间"
            value-format="timestamp">
          </el-date-picker>
        </template>
      </el-form-item>

vue   单选按钮

　　显示时

<!--增加状态按钮-->
<template slot-scope="scope">
  <el-tag v-if="scope.row.delivery === false" size="small" type="danger">没支付</el-tag>
  <el-tag v-else size="small" type="success">已支付</el-tag>
</template>

　　增修时

<el-form-item label="支付状态" prop="delivery">
  <!--<el-input v-model="dataForm.delivery" placeholder="支付状态"></el-input>-->
  <el-radio-group v-model="dataForm.delivery">
    <el-radio :label=true>已支付</el-radio>
    <el-radio :label=false>没支付</el-radio>
  </el-radio-group>
</el-form-item>

---

vue项目的api地址

后端    项目目录下/static/config    的   index.js

/**
 * 开发环境
 */
;(function () {
  window.SITE_CONFIG = {};

  // api接口请求地址  --->后台地址
  window.SITE_CONFIG['baseUrl'] = 'http://192.168.10.8:8080/xxxx-fast';
  //window.SITE_CONFIG['baseUrl'] = 'http://localhost:8080/xxxx-fast';

  // cdn地址 = 域名 + 版本号
  window.SITE_CONFIG['domain']  = './'; // 域名
  window.SITE_CONFIG['version'] = '';   // 版本号(年月日时分)
  window.SITE_CONFIG['cdnUrl']  = window.SITE_CONFIG.domain + window.SITE_CONFIG.version;
})();

前端项目的api地址      项目目录下/config/index.js

'use strict'
// Template version: 1.2.5
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require('path')
const devEnv = require('./dev.env')

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    // 代理列表, 是否开启代理通过[./dev.env.js]配置
    proxyTable: devEnv.OPEN_PROXY === false ? {} : {
      '/proxyApi': {
        target: 'http://demo.xxxx.io/xxxx-fast/',
        changeOrigin: true,
        pathRewrite: {
          '^/proxyApi': '/'
        }
      }
    },

    // Various Dev Server settings   ---->感觉是前端的地址
    //host: 'localhost', // can be overwritten by process.env.HOST
    host: '192.168.10.8', // can be overwritten by process.env.HOST
    port: 8001, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: true,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

    // Use Eslint Loader?
    // If true, your code will be linted during bundling and
    // linting errors and warnings will be shown in the console.
    //useEslint: true,
    useEslint: false,
    // If true, eslint errors and warnings will also be shown in the error overlay
    // in the browser.
    showEslintErrorsInOverlay: false,

    /**
     * Source Maps
     */

    // https://webpack.js.org/configuration/devtool/#development
    devtool: 'eval-source-map',

    // If you have problems debugging vue-files in devtools,
    // set this to false - it *may* help
    // https://vue-loader.vuejs.org/en/options.html#cachebusting
    cacheBusting: true,

    // CSS Sourcemaps off by default because relative paths are "buggy"
    // with this option, according to the CSS-Loader README
    // (https://github.com/webpack/css-loader#sourcemaps)
    // In our experience, they generally work as expected,
    // just be aware of this issue when enabling this option.
    cssSourceMap: false,
  },

  build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',

    /**
     * Source Maps
     */

    productionSourceMap: false,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: '#source-map',

    // Gzip off by default as many popular static hosts such as
    // Surge or Netlify already gzip all static assets for you.
    // Before setting to `true`, make sure to:
    // npm install --save-dev compression-webpack-plugin
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],

    // Run the build command with an extra argument to
    // View the bundle analyzer report after build finishes:
    // `npm run build --report`
    // Set to `true` or `false` to always turn it on or off
    bundleAnalyzerReport: process.env.npm_config_report
  }
}

---

 Springboot引入thymeleaf

<!--thymeleaf模板-->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
        </dependency>
        <dependency>
            <groupId>org.thymeleaf.extras</groupId>
            <artifactId>thymeleaf-extras-java8time</artifactId>
        </dependency>

要使用thymeleaf，需要在html文件中导入命名空间的约束，方便提示。

 xmlns:th="http://www.thymeleaf.org"

---

mysql连接依赖

<dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.15</version>
</dependency>

mybatis依赖

<!-- 引入 myBatis，这是 MyBatis官方提供的适配 Spring Boot 的，而不是Spring Boot自己的-->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
            <version>2.1.0</version>
        </dependency>

druid依赖

<!-- https://mvnrepository.com/artifact/com.alibaba/druid -->
<dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>druid</artifactId>
    <version>1.1.12</version>
</dependency>

log4j依赖

 <!-- https://mvnrepository.com/artifact/log4j/log4j -->
        <dependency>
            <groupId>log4j</groupId>
            <artifactId>log4j</artifactId>
            <version>1.2.17</version>
        </dependency>

application.yml配置文件

spring:
  datasource:
    username: root
    password: 123456
    #?serverTimezone=UTC解决时区的报错
    url: jdbc:mysql://localhost:3306/shiro?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8
    driver-class-name: com.mysql.jdbc.Driver
    type: com.alibaba.druid.pool.DruidDataSource

    #Spring Boot 默认是不注入这些属性值的，需要自己绑定
    #druid 数据源专有配置
    initialSize: 5
    minIdle: 5
    maxActive: 20
    maxWait: 60000
    timeBetweenEvictionRunsMillis: 60000
    minEvictableIdleTimeMillis: 300000
    validationQuery: SELECT 1 FROM DUAL
    testWhileIdle: true
    testOnBorrow: false
    testOnReturn: false
    poolPreparedStatements: true

    #配置监控统计拦截的filters，stat:监控统计、log4j：日志记录、wall：防御sql注入
    #如果允许时报错  java.lang.ClassNotFoundException: org.apache.log4j.Priority
    #则导入 log4j 依赖即可，Maven 地址： https://mvnrepository.com/artifact/log4j/log4j
    filters: stat,wall,log4j
    maxPoolPreparedStatementPerConnectionSize: 20
    useGlobalDataSourceStat: true
    connectionProperties: druid.stat.mergeSql=true;druid.stat.slowSqlMillis=500

之后在springboot的配置文件application.properties配置文件集成mybatis

mybatis.type-aliases-package=com.kuang.pojo
mybatis.mapper-locations=classpath:mapper/*.xml

与pojo有关的lombok依赖

<!--快速生成pojo的方法有关的lombok-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.16.10</version>
        </dependency>

 shiro-thymeleaf的整合包

<!-- thymeleaf-shiro整合包 -->
        <dependency>
            <groupId>com.github.theborakompanioni</groupId>
            <artifactId>thymeleaf-extras-shiro</artifactId>
            <version>2.0.0</version>
        </dependency>

xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro"