分类学习笔记下的文章 - TeohZY

登录

找到 21 篇与学习笔记相关的结果

TeoTag：在typecho中使用和butterfly一样的外挂标签

TeoTag：在typecho中使用和butterfly一样的外挂标签 {% label 声明： red %} 绝大部分的样式都是hexo butterfly的原生样式，本人只是将功能在typecho中做了相应的移植。 {% link Butterfly,Butterfly,https://butterfly.js.org/ %} 我只是站在了巨人的肩膀上为什么会有TeoTag 在此之前，博客使用了Hexo框架和Butterfly主题，文章内有很多样式都使用了Butterfly主题的写作语法；这两天将博客迁移到了typecho下，导致文章的很多非MarkDown格式内容都没法和原来一样正常显示，重新修改起来也比较麻烦，就想着把之前在Butterfly下的格式全部般过来，便有了TeoTag这个插件。 {% link TeoTag,github,https://github.com/mstzf/TeoTags %} 现有功能 Note Tabs label timeline link hideToggle 语法和渲染结果和Butterfly一样的用法 Butterfly Note {% note simple %} 默认提示块标签 {% endnote %} {% note default simple %} default 提示块标签 {% endnote %} {% note primary simple %} primary 提示块标签 {% endnote %} {% note success simple %} success 提示块标签 {% endnote %} {% note info simple %} info 提示块标签 {% endnote %} {% note warning simple %} warning 提示块标签 {% endnote %} {% note danger simple %} danger 提示块标签 {% endnote %} {% note simple %} 默认提示块标签 {% endnote %} {% note default simple %} default 提示块标签 {% endnote %} {% note primary simple %} primary 提示块标签 {% endnote %} {% note success simple %} success 提示块标签 {% endnote %} {% note info simple %} info 提示块标签 {% endnote %} {% note warning simple %} warning 提示块标签 {% endnote %} {% note danger simple %} danger 提示块标签 {% endnote %} Tabs {% tabs test1 %}  **This is Tab 1.**   **This is Tab 2.**   **This is Tab 3.**  {% endtabs %}{% tabs test1 %} This is Tab 1. This is Tab 2. This is Tab 3. {% endtabs %} {% tabs test2, 3 %}  **This is Tab 1.**   **This is Tab 2.**   **This is Tab 3.**  {% endtabs %}{% tabs test2, 3 %} This is Tab 1. This is Tab 2. This is Tab 3. {% endtabs %} {% tabs test3, -1 %}  **This is Tab 1.**   **This is Tab 2.**   **This is Tab 3.**  {% endtabs %}{% tabs test3, -1 %} This is Tab 1. This is Tab 2. This is Tab 3. {% endtabs %} {% tabs test4 %}  **tab名字为第一个Tab**   **只有图标没有Tab名字**   **名字+icon**  {% endtabs %}{% tabs test4 %} tab名字为第一个Tab 只有图标没有Tab名字名字+icon {% endtabs %} label 臣亮言：{% label 先帝 %}创业未半，而{% label 中道崩殂 blue %}。今天下三分，{% label 益州疲敝 pink %}，此诚{% label 危急存亡之秋 red %}也！然侍衞之臣，不懈于内；{% label 忠志之士 purple %}，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气；不宜妄自菲薄，引喻失义，以塞忠谏之路也。宫中、府中，俱为一体；陟罚臧否，不宜异同。若有{% label 作奸 orange %}、{% label 犯科 green %}，及为忠善者，宜付有司，论其刑赏，以昭陛下平明之治；不宜偏私，使内外异法也。臣亮言：{% label 先帝 %}创业未半，而{% label 中道崩殂 blue %}。今天下三分，{% label 益州疲敝 pink %}，此诚{% label 危急存亡之秋 red %}也！然侍衞之臣，不懈于内；{% label 忠志之士 purple %}，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气；不宜妄自菲薄，引喻失义，以塞忠谏之路也。宫中、府中，俱为一体；陟罚臧否，不宜异同。若有{% label 作奸 orange %}、{% label 犯科 green %}，及为忠善者，宜付有司，论其刑赏，以昭陛下平明之治；不宜偏私，使内外异法也。 timeline {% timeline 2022 %}  这是测试页面  {% endtimeline %}{% timeline 2022 %} 这是测试页面 {% endtimeline %} {% timeline 2022,pink %}  这是测试页面  {% endtimeline %}{% timeline 2022,pink %} 这是测试页面 {% endtimeline %} 颜色可取： blue pink red purple orange green link 这部分使用的是 (张洪Heo - 分享设计与科技生活 (zhheo.com)) 的样式 {% link 获取网站的Favicon图标并显示在你的网页上,owen0o0,https://github.com/owen0o0/getFavicon %}{% link 获取网站的Favicon图标并显示在你的网页上,owen0o0,https://github.com/owen0o0/getFavicon %} {% link TeohZY,TeohZY,https://blog.teohzy.com %}{% link TeohZY,TeohZY,https://blog.teohzy.com %} hideToggle {% hideToggle 标题 %} 内容1 内容2 内容3 {% endhideToggle %}{% hideToggle 标题 %} 内容1 内容2 内容3 {% endhideToggle %}

软件 CSS 学习笔记 typecho自定义 # Typecho # Tags

Mango 2年前

0 100 0

堆叠轮播图（color ui原生小程序代码优化)

堆叠轮播图（color ui原生小程序代码优化) {% note info simple %} 界面内容并非本人原创，只是适配了原生小程序代码 {% endnote %} 最近找了一些小程序的组件库，发现了Color UI界面和色彩搭配都比较符合我的需求，但是在进一步了解的时候发现这个项目已经停更了很长时间，有一部分功能已经无法正常使用。感兴趣的可以到作者仓库看看 {% link coloruicss,github,https://github.com/weilanwl/coloruicss?tab=readme-ov-file %} 项目中的堆叠轮播图挺好看，但是没有原生小程序代码，故此进行了简单的适配这里封装成了组件，组件属性根据自己需求修改 tower-swiper.json { "component": true, "usingComponents": {} }tower-swiper.wxml <view> <view class="tower-swiper" bindtouchmove="TowerMove" bindtouchstart="TowerStart" bindtouchend="TowerEnd"> <view class="tower-item {{item.zIndex==1?'none':''}}" wx:for="{{swiperList}}" wx:key="index" style="transform: scale(calc(0.5 + {{item.zIndex}} / 10));--index: {{item.zIndex}};margin-left: calc({{item.mLeft}} * 100rpx - 150rpx); z-index: {{item.zIndex}};"> <view class="swiper-item"> <image src="{{item.url}}" mode="aspectFill" wx:if="{{item.type=='image'}}"></image> <video src="{{item.url}}" autoplay loop muted data-show-play-btn="false" objectFit="cover" wx:if="{{item.type == 'video'}}"></video> </view> </view> </view> </view>tower-swiper.wxss .tower-swiper { height: 420rpx; position: relative; max-width: 750rpx; overflow: hidden; } .tower-swiper .tower-item { position: absolute; width: 300rpx; height: 380rpx; top: 0; bottom: 0; left: 50%; margin: auto; transition: all 0.2s ease-in 0s; opacity: 1; } .tower-swiper .tower-item .none { opacity: 0; } .tower-swiper .tower-item .swiper-item { width: 100%; height: 100%; border-radius: 6rpx; overflow: hidden; }tower-swiper.js Component({ /** * 组件的属性列表 */ properties: { swiperList:{ type:Array, value:[{ id: 0, type: 'image', url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big84000.jpg' }, { id: 1, type: 'image', url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg', }, { id: 2, type: 'image', url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big39000.jpg' }, { id: 3, type: 'image', url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg' }, { id: 4, type: 'image', url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big25011.jpg' }, { id: 5, type: 'image', url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big21016.jpg' }, { id: 6, type: 'image', url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg' }] }, towerStart:{ type:Number, value:0 } }, /** * 组件的初始数据 */ data: { timer:null, towerStart: 0, direction: 'left' }, lifetimes:{ attached(){ this.TowerSwiper(); this.direction = 'left'; this.setData({ direction: "left" }) this.swiperOn() } }, /** * 组件的方法列表 */ methods: { swiperOn(){ const _this = this let timer = this.data.timer if(!timer){ timer = setInterval(()=>{ _this.TowerEnd() },1000) this.setData({ timer }) } }, // 初始化towerSwiper TowerSwiper() { let list = this.data.swiperList; for (let i = 0; i < list.length; i++) { list[i].zIndex = parseInt(list.length / 2) + 1 - Math.abs(i - parseInt(list.length / 2)) list[i].mLeft = i - parseInt(list.length / 2) } this.setData({ swiperList: list }) }, // towerSwiper触摸开始 TowerStart(e) { const pageWidth = wx.getSystemInfoSync().windowWidth this.setData({ towerStart: e.touches[0].pageX, direction: e.touches[0].pageX < pageWidth/2 ? 'right':'left' }) }, // towerSwiper计算方向 TowerMove(e) { this.setData({ direction: e.touches[0].pageX - this.data.towerStart > 0 ? 'right' : 'left' }) }, // towerSwiper计算滚动 TowerEnd() { let direction = this.data.direction; let list = this.data.swiperList; if (direction == 'right') { let mLeft = list[0].mLeft; let zIndex = list[0].zIndex; for (let i = 1; i < this.data.swiperList.length; i++) { list[i - 1].mLeft = list[i].mLeft list[i - 1].zIndex = list[i].zIndex } list[list.length - 1].mLeft = mLeft list[list.length - 1].zIndex = zIndex } else { let mLeft = list[list.length - 1].mLeft; let zIndex = list[list.length - 1].zIndex; for (let i = list.length - 1; i > 0; i--) { list[i].mLeft = list[i - 1].mLeft list[i].zIndex = list[i - 1].zIndex } list[0].mLeft = mLeft; list[0].zIndex = zIndex; } this.setData({ direction, swiperList: list }) }, } })

软件 CSS 学习笔记 # CSS # 堆叠轮播图

Mango 3年前

0 79 0

使用MySql触发器简化各表数据操作

使用MySql触发器简化各表数据操作触发器基本语法生成一个触发器 CREATE TRIGGER 触发器名触发事件(BEFORE|AFTER INSERT|UPDATE|DELETE) ON 表名 FOR EACH ROW 触发器激活后需要执行的语句一些注意事项同一个数据库中不能创建同名触发器在同一张表中不能出现触发条件相同的触发器使用NEW和OLD来获取数据变化前后的记录值如果激活后只有一条操作，可以直接写，如果需要复杂操作则需要使用BEGIN...END;语句包围查看触发器 SHOW TRIGGERS ; 删除触发器 DROP TRIGGER 触发器名; 修改触发器将已有触发器删除后再重新创建😂 一个简单的触发器示例 CREATE TRIGGER update_userinfo_trigger AFTER UPDATE ON user FOR EACH ROW BEGIN IF NEW.user_name <> OLD.user_name THEN UPDATE task_my SET user_name = NEW.user_name WHERE user_id = NEW.id; UPDATE table1 SET user_name = NEW.user_name WHERE user_id = NEW.id; UPDATE table2 SET user_name = NEW.user_name WHERE user_id = NEW.id; END IF; END;该触发器实现了，在更新user表中的name时，可以同时联动着将其他表中的name也更新掉，实现用户数据的统一

软件学习笔记 MySql # MySql # 触发器

Mango 3年前

0 65 0

CSS实现水波纹扩散效果主要CSS animation transform: scale() opacity nth-child() 效果展示代码 <div> <style> .ripple { width: 200px; height: 200px; position: absolute; top: calc(50% - 100px); left: calc(50% - 100px); border-radius: 50%; background-color: blueviolet; } /* 根据需求自定义 */ .content{ position: absolute; z-index: 99; /* 与.ripple的top和left相同 */ top: calc(50% - 100px); left: calc(50% - 100px); width: 200px; height: 200px; border-radius: 50%; background-color: rgb(42, 42, 180); font-size: 20px; font-weight: bold; color: #FFF; text-align: center; line-height: 200px; } .ripple:nth-child(2){ animation: wave 1s linear infinite; } .ripple:nth-child(3){ animation: wave 2s linear infinite; } .ripple:nth-child(4){ animation: wave 3s linear infinite; } .ripple:nth-child(5){ animation: wave 4s linear infinite; } @keyframes wave { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.5); } } </style> <div class="box"> <div class="content">内容</div> <div class="ripple"></div> <div class="ripple"></div> <div class="ripple"></div> <div class="ripple"></div> <div class="ripple"></div> </div> </div>实现的逻辑就是通过animation动画重复将这些元素放大1.5倍，同时将元素变为完全透明，从而达到波纹扩散的效果

软件 CSS 学习笔记 # CSS

Mango 3年前

1 99 0

NextCloud无法上传大文件问题解决

NextCloud无法上传大文件问题解决 NextCloud无法上传大文件问题解决限制NextCloud上传大文件的主要因素有两个，一个就是上传文件的大小，以及文件上传超时时间。修改PHP文件上传限制查看PHP配置文件路径 php -i |grep php.iniimage-20230524173357726图片修改文件中的upload_max_filesize限制上传文件大小可根据自己的需求设置，我这里设置了16G upload_max_filesize = 16Gimage-20230524173638063图片修改文件上传超时时间max_execution_time以及页面数据接收超时时间max_input_time max_execution_time = 3600 max_input_time = 600image-20230524174058635图片修改post表单接收最大值post_max_size post_max_size = 16Gimage-20230524174302142图片修改Nginx文件上传限制修改Nginx配置文件/etc/nginx/nginx.conf 在http或者location下添加 client_max_body_size 0;0表示无限制 image-20230524174801439图片内网穿透多Nginx配置如果做内网穿透使用HTTPS并且使用了多个Nginx，每个Nginx下都要做文件上传限制配置

软件学习笔记 Linux # nextcloud # php

Mango 3年前

0 116 0

SSM开发环境搭建（小白自用）

SSM开发环境搭建（小白自用）前言将SSM作为后端的的一个项目即将完工，在开发过程中踩了很多坑，与此同时也学习到了新知识，有了不小收获。在遇到麻烦和解决麻烦的路上，受到了很多分享教程博主的帮助。为了将帮助延续下去，我也将自己SSM环境配置的过程做了简单的纪录、分享。系统软件版本 Windows 10 专业版 22H2 IntelliJ IDEA 2022.3.3 MySQL 8.0.32 Java 19.0.2 Spring 6.0.6 MyBatis 3.5.13 Tomcat 11.0.0 （软件系统版本不用完全一致，不同版本之间可能会出现一定程度的兼容性问题，可在有问题时在寻找对应版本的解决办法）新建项目及项目配置新建项目使用IDEA新建一个空的默认Maven项目，并新建Java包完善SSM项目架构。在新建controller包（表现层）、dao包（持久层）、service包（业务层）在resources下新建db（存放数据库相关配置文件）、log（存放日志相关配置文件）、spring（存放与spring与其他整合相关配置文件） image-20230507141558542图片修改Maven配置文件使用默认Maven配置文件，在下载包时会比较慢，我们可以修改配置文件使用国内镜像来加速下载 IDEA内修改路径为File->Settings->Builde,Execution,Deployment->Maven 可以修改默认的文件，也可以重新使用一个自定义的配置文件，笔者这里使用了重新新建一个配置文件的方法。 image-20230507142114670图片其中settings.xml文件中内容如下： <?xml version="1.0" encoding="UTF-8"?>   <settings xmlns="http://maven.apache.org/SETTINGS/1.2.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.2.0 http://maven.apache.org/xsd/settings-1.2.0.xsd">     <pluginGroups>  </pluginGroups>  <proxies>  </proxies>  <servers>   </servers>  <mirrors>  <mirror> <id>aliment</id> <name>aliyah maven</name> <url>https://maven.aliyun.com/nexus/content/groups/public/</url> <mirrorOf>central</mirrorOf> </mirror> <mirror> <id>uk</id> <mirrorOf>central</mirrorOf> <name>Human Readable Name for this Mirror.</name> <url>https://uk.maven.org/maven2/</url> </mirror> <mirror> <id>CN</id> <name>OSChina Central</name> <url>https://maven.oschina.net/content/groups/public/</url> <mirrorOf>central</mirrorOf> </mirror> <mirror> <id>nexus</id> <name>internal nexus repository</name>  <url>https://repo.maven.apache.org/maven2</url> <mirrorOf>central</mirrorOf> </mirror> </mirrors>  <profiles>   </profiles>  </settings> 只是修改了mirrors部分，使用了阿里云镜像加速国内下载速度。设置项目所需包修改pom.xml文件，以下内容为本人使用成功的配置文件内容，仅作参考 <?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.mango</groupId> <artifactId>ssmTest</artifactId> <version>1.0-SNAPSHOT</version> <properties>  <maven.compiler.source>19</maven.compiler.source> <maven.compiler.target>19</maven.compiler.target> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>  <spring.version>6.0.6</spring.version> <slf4j.version>2.0.5</slf4j.version> <mysql.version>8.0.32</mysql.version> <mybatis.version>3.5.13</mybatis.version> </properties> <dependencies>  <dependency> <groupId>org.aspectj</groupId> <artifactId>aspectjweaver</artifactId> <version>1.9.19</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aop</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-web</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-test</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>${spring.version}</version> </dependency>  <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.13.2</version> <scope>compile</scope> </dependency>  <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>${mysql.version}</version> </dependency>  <dependency> <groupId>c3p0</groupId> <artifactId>c3p0</artifactId> <version>0.9.1.2</version> <type>jar</type> <scope>compile</scope> </dependency>  <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet.jsp</groupId> <artifactId>jsp-api</artifactId> <version>2.0</version> <scope>provided</scope> </dependency> <dependency> <groupId>jstl</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency>  <dependency> <groupId>javax.annotation</groupId> <artifactId>javax.annotation-api</artifactId> <version>1.3.2</version> </dependency>  <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis</artifactId> <version>${mybatis.version}</version> </dependency>  <dependency> <groupId>org.springframework</groupId> <artifactId>spring-orm</artifactId> <version>6.0.6</version> </dependency>  <dependency> <groupId>org.mybatis</groupId> <artifactId>mybatis-spring</artifactId> <version>3.0.1</version> </dependency>  <dependency> <groupId>org.apache.logging.log4j</groupId> <artifactId>log4j</artifactId> <version>2.20.0</version> <type>pom</type> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-api</artifactId> <version>${slf4j.version}</version> </dependency> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-log4j12</artifactId> <version>${slf4j.version}</version> </dependency>   <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-annotations</artifactId> <version>2.14.2</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>2.14.2</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.14.2</version> </dependency> <dependency> <groupId>com.fasterxml.jackson.jr</groupId> <artifactId>jackson-jr-all</artifactId> <version>2.14.2</version> </dependency> <dependency> <groupId>com.alibaba</groupId> <artifactId>fastjson</artifactId> <version>2.0.25</version> </dependency> <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>1.2.16</version> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-webflux</artifactId> <version>3.0.4</version> </dependency> </dependencies> <build> <resources> <resource> <directory>src/main/java</directory> <includes> <include>**/*.properties</include> <include>**/*.xml</include> </includes> <filtering>false</filtering> </resource> <resource> <directory>src/main/resources</directory> </resource> </resources> </build> </project> 添加Web模块 File->Project Structure->Modules 如图操作 image-20230507143328815图片添加后内容保持默认，确认后即可导入web模块安装Tomcat 可以参考以下教程 {% link Wxy1122.,[IntelliJ IDEA中配置Tomcat（超详细）_idea配置tomcat_Wxy1122.的博客-CSDN博客,https://blog.csdn.net/Wxy971122/article/details/123508532 %} SSM配置文件 jdbc配置文件在resources->db下新建jdbc.properties文件，其中内容参考如下 jdbc.driver = com.mysql.cj.jdbc.Driver jdbc.url = jdbc:mysql://localhost:3306/xxx?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=GMT jdbc.username = root jdbc.password = root由于使用的MySQL版本为8，所以驱动才使用为com.mysql.cj.jdbc.Driver，由于没有在MySQL中做过测试，不能确定在MySQL 5中也能正常使用 jdbc.url中的xxx用自己数据库名称替换新建mybatis控制文件在db下新建mybatis.xml文件由于大部分和MyBatis相关配置文件都会和Spring的配置文件整合到一起，这里的Mybatis控制文件只起到辅助作用，参考代码如下： <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"> <configuration>  <settings> <setting name="lazyLoadingEnabled" value="true"/>  <setting name="cacheEnabled" value="true"/> </settings> </configuration> Spring整合MyBatis 在resources->spring下新建applicationContext.xml文件，将Spring和MyBatis配置文件整合在一起，参考代码如下： <?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:context="http://www.springframework.org/schema/context" xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx" 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/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">  <context:component-scan base-package="com.mango">  <context:exclude-filter type="annotation" expression="org.springframework.stereotype.Controller"/> </context:component-scan>  <bean id="propertyConfigurer" class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer"> <property name="location" value="classpath:db/jdbc.properties" /> </bean>   <bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource"> <property name="driverClassName" value="${jdbc.driver}"/> <property name="url" value="${jdbc.url}"/> <property name="username" value="${jdbc.username}"/> <property name="password" value="${jdbc.password}"/> </bean>  <bean id="sessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">  <property name="dataSource" ref="dataSource"/>  <property name="configLocation" value="classpath:db/mybatis.xml"/>  <property name="typeAliasesPackage" value="com.mango.entity"/> </bean>  <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">  <property name="basePackage" value="com.mango.dao"/> </bean>    <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"> <property name="dataSource" ref="dataSource"></property> </bean>  <tx:advice id="txAdvice" transaction-manager="transactionManager"> <tx:attributes> <tx:method name="find*" propagation="SUPPORTS" read-only="true"/> <tx:method name="*" isolation="DEFAULT"/> </tx:attributes> </tx:advice>  <aop:config>   <aop:pointcut expression="execution(* com.mango.service.impl.*.*(..))" id="pt1"/>  <aop:advisor advice-ref="txAdvice" pointcut-ref="pt1"/> </aop:config> </beans> Springmvc配置文件在resources->spring下新建springmvc.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: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-4.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">  <context:component-scan base-package="com.mango.controller" />  <context:component-scan base-package="com.mango" use-default-filters="false">  <context:include-filter type="annotation" expression="org.springframework.stereotype.Controller" />  <context:include-filter type="annotation" expression="org.springframework.web.bind.annotation.ControllerAdvice" /> </context:component-scan>  <mvc:annotation-driven />  <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter"> <property name="messageConverters"> <list> <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>text/html;charset=UTF-8</value> <value>text/plain;charset=UTF-8</value> <value>application/json;charset=UTF-8</value> </list> </property> </bean> </list> </property> </bean>  <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/jsp/"/> <property name="suffix" value=".jsp"/> </bean> </beans> web模块控制文件编辑web->WEB-INF->web.xml文件，内容如下 <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">  <servlet> <servlet-name>springmvc</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>  <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/springmvc.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>  <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener>  <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring/applicationContext.xml</param-value> </context-param> </web-app> 日志配置在resources->log下新建log4j.properties log4j.rootLogger=DEBUG, stdout log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appender.stdout.layout.ConversionPattern=%5p %d %C: %m%n log4j.logger.java.sql.ResultSet=INFO log4j.logger.org.apache=INFO log4j.logger.java.sql.Connection=DEBUG log4j.logger.java.sql.Statement=DEBUG log4j.logger.java.sql.PreparedStatement=DEBUG 测试在test->java下更具需求新建测试类新建测试数据库test，其中有表student（id，name，age）在之前新建的entity包中新建Student的实现类(getter、setter方法以省略) package com.mango.entity; public class Student { private int id; private String name; private String age; @Override public String toString() { return "Student{" + "id=" + id + ", name='" + name + '\'' + ", age='" + age + '\'' + '}'; } } 对Spring和MyBatis整合配置测试在包dao中新建学生接口StudentDao.java package com.mango.dao; import com.mango.entity.Student; import java.util.List; public interface StudentDao { public List<Student> findAll(); }在同样位置新建同名mapper文件StudentDao.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.mango.dao.StudentDao">  <select id="findAll">SELECT * FROM Student</select> </mapper>在service包中新建service接口和实现类 image-20230507154913975图片学生业务层接口StudentService.java package com.mango.service; import com.mango.entity.Student; import org.springframework.stereotype.Service; import java.util.List; //千万不要忘记添加Service注解 @Service public interface StudentService { public List<Student> findAll(); }实现类StudentServiceImpl.java package com.mango.service.impl; import com.mango.dao.StudentDao; import com.mango.entity.Student; import com.mango.service.StudentService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import java.util.List; @Service public class StudentServiceImpl implements StudentService { @Autowired private StudentDao studentDao; public List<Student> findAll(){ return studentDao.findAll(); } }在test中新建Spring和MyBatis整合测试代码SpringMyBatis.java import com.mango.entity.Student; import com.mango.service.StudentService; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.test.context.ContextConfiguration; import org.springframework.test.context.junit4.SpringJUnit4ClassRunner; import java.util.List; @RunWith(SpringJUnit4ClassRunner.class) @ContextConfiguration(locations="classpath:spring/applicationContext.xml") public class SpringMyBatis { @Autowired private StudentService studentService; @Test public void test(){ List<Student> studentList=studentService.findAll(); for (Student student:studentList){ System.out.println(student.toString()); } } } image-20230507161529932图片测试成功 Spring整合SpringMVC测试在Controller包中新建StudentController.java package com.mango.controller; import com.mango.service.StudentService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.ResponseBody; //千万不要忘记@Controller @Controller @RequestMapping public class StudentController { @Autowired private StudentService studentService; @RequestMapping(value = "/test" ,method = RequestMethod.GET) @ResponseBody public Object test(){ return studentService.findAll(); } } 将项目打包File->Project Structure->Artifacts image-20230507162236159图片如果有出现部分包不完全可以下图操作 image-20230507162342826图片修改Tomcat配置（已正确安装Tomcat的情况下） image-20230507162648849图片 image-20230507162740440图片启动Tomcat后在浏览器中访问localhost:8080/test 不报错有返回值，说明Spring整合SpringMVC配置成功。 image-20230507163245993图片

软件学习笔记 Java # Java # SSM

Mango 3年前

0 96 0

ESP32通过SmartConfig扫码配网

ESP32通过SmartConfig扫码配网前引对于ESP配网方式和SmartConfig的介绍，在ESP-IDF编程指南中已经介绍得很详细了，这里就不在赘述。 {% link ESP配网API,ESPRESSIF,https://docs.espressif.com/projects/esp-idf/zh_CN/latest/esp32/api-reference/provisioning/index.html %} 这里主要来介绍一下在Arduino中怎么使用SmartConfig来实现微信扫码配网，配网失败的一些解决办法，主要代码参考了CSDN上的一篇文章（不能确定是不是原作者，对贡献代码的人都表示感谢） {% link ESP8266/ESP32 SmartConfig一键配网+自动重连+微信扫码配网,lw1997的博客-CSDN博客_esp32蓝牙配网,https://blog.csdn.net/u014091490/article/details/105178037 %} 正文我只是在代码的原基础上做了简单的添加，指定了SmartConfig的Type #include "WiFi.h" void SmartConfig() { WiFi.mode(WIFI_AP_STA); Serial.println("\r\nWait for Smartconfig..."); WiFi.beginSmartConfig(SC_TYPE_ESPTOUCH_AIRKISS); //我做了修改的部分添加了“SC_TYPE_ESPTOUCH_AIRKISS” while (1) { Serial.print("."); delay(500); // wait for a second if (WiFi.smartConfigDone()) { Serial.println("SmartConfig Success"); Serial.printf("SSID:%s\r\n", WiFi.SSID().c_str()); Serial.printf("PSW:%s\r\n", WiFi.psk().c_str()); break; } } } bool AutoConfig() { WiFi.begin(); //如果觉得时间太长可改 for (int i = 0; i < 20; i++) { int wstatus = WiFi.status(); if (wstatus == WL_CONNECTED) { Serial.println("WIFI SmartConfig Success"); Serial.printf("SSID:%s", WiFi.SSID().c_str()); Serial.printf(", PSW:%s\r\n", WiFi.psk().c_str()); Serial.print("LocalIP:"); Serial.print(WiFi.localIP()); Serial.print(" ,GateIP:"); Serial.println(WiFi.gatewayIP()); return true; } else { Serial.print("WIFI AutoConfig Waiting......"); Serial.println(wstatus); delay(1000); } } Serial.println("WIFI AutoConfig Faild!" ); return false; } void setup() { Serial.begin(115200); delay(100); if (!AutoConfig()) { SmartConfig(); } } void loop() { // put your main code here, to run repeatedly: }在使用作者源代码的时候，微信扫码和ESPTouch APP都没有成功，然后看到说要指定连接的类型，就可以解决 image-20230205231815105图片根据自己的需求选合适的类型就行。关于连接工具微信扫码官方给的工具网址为：https://iot.espressif.cn/configWXDeviceWiFi.html 可以利用网址链接转二维码工具生成二维码，像我生成的二维码： QRcode_SP — 2图片利用ESPTouch 可以到ESP官网下载软件，有Android和iOS版本 {% link 资源 | 乐鑫科技,ESPRESSIF,https://www.espressif.com.cn/zh-hans/products/software/esp-touch/resources %} 乐鑫信息科技微信公众号 image-20230205235550535图片 image-20230205235507900图片

学习笔记硬件 # SmartConfig扫码配网 # ESP32

Mango 3年前

0 93 0

Linux安装指定版本Nodejs

Linux安装指定版本Nodejs 安装nodejs 通过Linux自带软件库安装的nodejs往往版本较老可以通过设置代理更新nodejs软件版本 curl -sL https://deb.nodesource.com/setup_18.x | sudo bash -需要安装哪个版本就设置setup_18.x对应版本数字 sudo apt-get install -y nodejs nodejs -v 查看版本号，测试安装成功npm更换淘宝镜像 npm config set registry https://registry.npm.taobao.org

学习笔记 Linux # Linux # Nodejs

Mango 4年前

0 62 0

双系统时间不一致问题解决（Win和Linux）

双系统时间不一致问题解决（Win和Linux） {% note info simple %} 本文内容只为方便自己平时查找使用，并非原创性内容 {% endnote %} 在Linux中使用命令 sudo timedatectl set-local-rtc 1将Linux系统时间和BIOS时间同步。 sudo timedatectl statusimage-20221216161944936图片是最简单，命令最少的一种方法，亲测有效

学习笔记 Linux # 双系统时间不一致

Mango 4年前

0 55 0

DHT11模块 Arduino代码补充

DHT11模块 Arduino代码补充前引 Arduino中已经有关于DHT11的库，但是为了理解模块的运行原理，而写了这个代码，代码中的不足之处还请多多指正。关于DHT11的原理，在之前的文章中已经提到过，就不再赘述。 {% link DHT11温湿度模块部分代码实例,Mstzf,https://mstzf.cn/posts/dhtcode %} 代码部分 #define DHT11 15 void setup() { Serial.begin(115200); } void loop() { dht(); delay(2000); } void dht(){ double hum,tem; pinMode(DHT11,OUTPUT); digitalWrite(DHT11,HIGH); delay(2); digitalWrite(DHT11,LOW); delay(25); digitalWrite(DHT11,HIGH); delayMicroseconds(30); pinMode(DHT11,INPUT); if(!digitalRead(DHT11)){ Serial.println("ok"); while(!digitalRead(DHT11)); delayMicroseconds(10); while(digitalRead(DHT11)); int humInt=getData(); int humDec=getData(); int temInt=getData(); int temDec=getData(); int Check=getData(); if((humInt+humDec+temInt+temDec)==Check){ if(humDec<10){ hum=humInt+humDec/10.0; }else if(humDec<100){ hum=humInt+humDec/100.0; } if(temDec<10){ tem=temInt+temDec/10.0; }else if(temDec<100){ tem=temInt+temDec/100.0; } Serial.print("温度："); Serial.print(tem); Serial.println(); Serial.print("湿度："); Serial.print(hum); Serial.println(); } } else{ Serial.println("error"); } } int getData(){ byte Data; byte temp; for(int i=0 ;i<8;i++){ while(!digitalRead(DHT11)); delayMicroseconds(35); if(digitalRead(DHT11)){ temp=0x01; }else{ temp=0x00; } Data<<=1; Data|=temp; while(digitalRead(DHT11)); delayMicroseconds(10); } return Data; }

学习笔记硬件 # DHT11 # 温湿度传感器

Mango 4年前

0 52 0

SSL