圣人男的博客

原创 Vue.js开发中面向对象开发总结

如果子组件的压面控件多余或者有不同于父组件的地方，怎么办呢？只能在父组件中添加数据字段，在页面显示的时候加以判断，进行不同的布局显示。在Vue.js开发中，组件编写时添加和编辑功能页面布局一直，区别在于编辑时需要数据还原填充。但是这样有一个缺陷，就是编辑组件不能在页面上添加任何控件，否则会对父组件进行重写覆盖，在面向对象思想里只需要编辑组件继承添加组件即可，那么Vue中怎么操作呢。这样组件B就可以根据的需要对组件A页面进行部分覆写。各组件的数据传递 view-组件B-组件A。对，用到了Vue.的插槽功能。

原创 服务器Nginx安装实战

因为Vue项目发布在Tomcat中出现跨域为，所以需要Nginx进行反向代理，所以特此在云服务器中安装Nginx，本文章记录安装过程及解决安装过程中的错误处理。安装即可 ，make命令是编译 make install 是安装，安装很快，完成之后要从当前的nginx-1.20.0 目录中退出来，执行./configure 命令就可以默认安装，如果我们需要的一些例如ssl https等模块，输入make命令开始安装，如果出现错误提示，比如pcre，执行命令安装pcre。至此nginx安装完毕，可以正常使用了！

原创 Vue.js 生产打包上线实战

vue项目打包、发布；跨域访问错误处理，Nginx反向代理设置。

原创 阿里云服务器MySQL开启远程访问操作

GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'roo密码';1.登录服务器->确定MySQL运行->登录：mysql -uroot -p。3.刷新权限表，使配置生效: flush privileges;5.查看3306端口是否开启成功：netstat -talnp。6.因为root账户权限太大，创建新账户用户远程访问MySQL。刷新权限表，使配置生效: flush privileges;4.配置访问规则->入方向->开启3306端口。

原创 项目使用他人IDEA工程端口占用处理方法

一.使用他人IDEA工程时，操作步骤1.删除.idea文件夹2.配置maven file ->setting 3.配置JDKfile->Projectstructure->Platform Settings->SDKS4.更改MySQL 连接密码二、错误处理1.netstat -aon|findstr 8081（查找自己项目占用的端口号） 2.找到对应的端口对应的PID 输入指令找到对应的进程 3. 杀掉该进程 再次启动项目工程4.配置数据URL 5.配置resource点

原创 Vue.js 加入高德地图的实现方法

1.根据输入内容进行模糊查询，选择地址后在地图上插上标记，并更新经纬度坐标显示。2.初始化成功后、添加事件监听：地图点击、模糊查询。1.在mounted（）中调用 initMap ()初始化地图。2.在地图点击后，根据回传的左边更新地址信息和坐标显示。2.在应用管理中 获得key 和安全密钥。四、防止在使用中AMap无法识别问。1.申请高德地图账号，创建应用。三、在webstorm中安装。在文件中导入 map.js方法。5.封装好的js文件方法。

原创 Autojs uicollection 控件click函数不能触发处理

描述：var listData = className("android.widget.TextView").find()for (var i = 0;ivar item = listData[i]text(item.text()).click()}调试不能触发，在python中是没有问题，通过在auto.js悬浮窗口中查看控件信息，看到控件属性clickable=false，这是造成不能触发的关键。解决办法：通过控件的坐标进行触发var listData = classNa

原创 WEditor OSError: [Errno 48]

错误信息kangxgdeMacBook-Pro:~ kangxg$ python3 -m weditorUnknown error: ReadTimeout(ReadTimeoutError("HTTPConnectionPool(host='localhost', port=17310): Read timed out. (read timeout=2.0)",),)listening on http://192.168.0.14:17310Traceback (most recent cal

原创 WEditor USB device is offline

手动关闭atx-agent 服务后，启动weditor 一直提示WEditor USB device 192.168.xxx.xxxis offline d

原创 Arduino温度传感器之继电器控制风扇程序代码

//模拟信号端口int tempPin= 1;//数字输出端口int outpoint = 8;//温度预定值int temperature = 30;void setup(){ Serial.begin(9600); pinMode(outpoint,OUTPUT);}void loop(){ int val; val =analogRead(tempPin); float cel=val/9.31; float farh=(cel*9)/5+32; Se.

原创 Arduino温度传感器之继电器控制风扇

一、介绍通过Arduino R3开放板读取LM35温度传感器参数，将参数转换成温度值，根据温度值开发板发出高电平，将继电器常开开关打开，使风扇处于通电状态，风扇自动转动；当温度低于设定时，发出低电平，将继电器常开开关恢复，风扇停止转动。二、使用材料1、Arduino 开发板+扩展板+微型面包板 各一个2、LM35温度传感器 一个3、杜邦线：公对公5条、公对母3条4、1路继电器一个5、普通电风扇一个6、插头一个7、圆头电源一个（用于开发 板供电）三、设备说明继电

原创 Try to run this command from the system terminal. Make sure that you use the correct version of ‘pip

Pycharm 安装 Pymysql模块错误处理

原创 Mac Pycharm安装pandas

原创 Arduino R3 红外接收控制小坦克程序

轮子驱动#include <IRremote.h>//#include <Stepper.h>//#define STEPS 200////Stepper stepper(STEPS,8,9,10,11);//void setup() {// // put your setup code here, to run once:// stepper.setSpeed(60);// Serial.begin(9600);//}...

原创 java 后台Map toString() java.lang.NullPointerException: null 错误处理

public RespBean mobileForgetPassword( Map parameters){ String phone = parameters.get("phone").toString();}出现错误java.lang.NullPointerException: null解决办法 String phone = String.valueOf(parameters.get("phone"));

原创 Controller返回view错误处理

错误提示：1.avax.servlet.ServletException: Circular view path [privacy]: would dispatch back to the current handler URL [/app/web/privacy] again. Check your ViewResolver setup! (Hint: This may be the result of an unspecified view, due to default view name gen

原创 Alamofire “error“ : “Unsupported Media Type“, “status“ : 415 错误处理

自己的Java后台接口是这个样子的：@PostMapping("/app/all/position/list") public RespBean getAllPositionList(@RequestBody AllSearchModel model){ RespBean bean = allService.getAllPositionList(model); return bean; } 移动端swift 代码 s...

原创 BCryptPasswordEncoder 用户登录密码加密后对比错误处理

将用户登录将密码加密后与数据库中的用户加密 密码对比始终是错误的代码如下： BCryptPasswordEncoder encoder = new BCryptPasswordEncoder(); String pwd = encoder.encode(user.getPassword()); if(user1.getPassword().equals(pwd) == false){ return "密码错误"; }处理方法 BCryp.

原创 Kingfisher withUnsafeBytes 错误处理

1.错误信息withUnsafeBytes' is deprecated: use `withUnsafeBytes<R>(_: (UnsafeRawBufferPointer) throws -> R) rethrows -> R` instead2.错误位置修改为extension String: KingfisherCompatible { }extension Kingfisher where Base == String { p...

原创 xcode11.5 适配 iOS13以下版本的App

用xcode11.5 创建的swift 工程，用模拟器运行一切正常，真机是iOS10 的系统版本，发现运行不了，报了一堆的错这是因为现在多了一个SceneDelegate.swift，启动完成后在这里创建应用视图1.解决视图报错，SceneDelegate.swift 头部添加@available(iOS 13.0, *)@available(iOS 13.0, *)class SceneDelegate: UIResponder, UIWindowSceneDelegate {..

原创 xcode11.5 增加启动页

很久没设置启动页了，再次添加的时候发现大变样了，启动页使用了网上说明是xcode11.3后变动后引起的现在的版本 是xcode11.5设置方法：一.配置二.设置在工程 targets--Build Settings 搜索 Asset Catalog Launch Image Set Name 然后设置创建的启动页名字即可如下图所示。再在 targets中删除 Launch screen interface file base name 并添加 LaunchIm..

原创 Vue 富文本编译器 vue2editor

1.官网https://www.vue2editor.com/2.参考博文https://zhuanlan.zhihu.com/p/100985112

原创 Vue-Echarts 页面开发及后台实现实例

一、介绍用走势图展示用户数据二、实现图解三、Vue技术要点 1.头部布局采用Element ¶Layout 布局基础布局el-row 2.cart采用Element el-card组件 由于el-card 组件头部插槽影响布局效果需要去除<el-card :header="false" class="card"> 3.时间选取El...

原创 Java 爬虫实战二

一、项目需要对某类网站的数据进行数据采集 对主要数据采集点每天定时开启任务 对部分数据采用周六日开启任务采集 将数据写入数据库 对已经采集对信息进行更新处理二、采用技术项目框架Spring Boot 爬虫工具：webmagic 数据库：Mysql 定时器：@Scheduled 开启 cron在心解析地址：http://cron.qqe2.com/ 网页分析：...

原创 Java 爬虫实战

一、项目需要对某类网站的数据进行数据采集 采用每天定时开启任务 将数据写入数据库 对已经采集对信息进行跟新处理二、采用技术项目框架Spring Boot 爬虫工具：webmagic 数据库：Mysql 定时器：@Scheduled 开启 cron在心解析地址：http://cron.qqe2.com/ 网页分析：Goole Chrome 语句解析采用：XP...

原创 sql 分类统计及连接分组查询

一、数据表1.zuser 表 2.platform 表.3.zuser 表中外键是pid关联到platform 表中的 id二、查询需求1.统计platform表中个字段值在zuer表中的总数2.按日期查询 zuer 表中的每日pid 类别总数三、查询名利1.连接查询各分类总数select platform.*,(select coun...

原创 Vue单页面开发图形库vue-echarts安装配置

vue-echarts 是Echarts的Vue组件封装使用起来更加方便一、Echarts官网地址https://www.echartsjs.com/zh/feature.html#chart-types二、vue-echarts 学习地址https://github.com/ecomfe/vue-echarts三、安装npm install echarts vue-ech...

原创 Vue单页面开发图形库之Echarts安装

一、官网地址https://www.echartsjs.com/zh/feature.html#chart-types二、安装1.npm install Echarts -s 如果出现错误2.出现第一种方法中的错误，采取这种方式 cnpm install echarts -S三、引入Echarts Vue.prototype.$echarts ...

原创 org.springframework.http.converter.HttpMessageNotReadableException: Required request body 错误处理

[org.springframework.http.converter.HttpMessageNotReadableException: Required request body is missing这是因为@RequestBody 不支持get方法所致@GetMapping("/doQuery")public RespPageBean getUsersByPage(@Reques...

原创 Vue单页面开发实例之数据列表+分页+时间筛选+类型选择及后台实现

一、描述 页面主要功能是： 通过列表展示用户意见反馈信息， 通过类型查询数据 通过时间筛选查询数据 点击缩略图展示大图二、Element--Ui组件的选用 el-table:数据展 el-select : 类型选择 el-data-picker ：筛选时间日期 el-image:图片加载 el-dialog：查看大...

原创 关闭 el-dialog 视图后，网页不能滑动问题处理

1.问题出现的原因 组件内用el-table 组件显示多条数据，网页 可滑动浏览，点击列表内某一个图片，用el-dialog模态组件展示大图。关闭后el-dialog组件后，页面不能滑动，多余部分被裁剪。2.这个原并不是页面代码的问题，用Chrome浏览器检查页面元素， 没有打开el-dialog 组件前是： 关闭组件后body 变成了 overflow：...

原创 Failed to convert from type [java.lang.String] to type [java.util.Date] for value 错误处理

Vue 前端向Java后台传递时间格式数据，进行数据查询，出现这个错误信息Resolved [org.springframework.web.method.annotation.MethodArgumentTypeMismatchException: Failed to convert value of type 'java.lang.String' to required type 'jav...

原创 MyBatis 映射文件元素记录

一.<sql>:抽取多个sql语句的相同字段，以供需要的地方引用 //定义可重用的SQL代码片段 <sql id="Base_Column_List" > id, name </sql> //引用 <select id="selectByPrimaryKey" resultMap="BaseResultMap" ...

原创 Vue 模态视图创建

本文的里的模态视图创建，加载在子组件上可成为模态视图，加载 在主组件上可成为子组件。通过创建模态视图的例子，首先总结学到几个Vue方面的技术点：一、总结要点1.模态视图创建的显示位置的CSS布局设置//主背景 position: fixed;//显示涂层 position: absolute;2.组件间的数据传递//父组件向子组件传递1.子组件通过props ...

原创 请求绑定注解

注解 说明 实例 @RequestParam 将请求参数绑定到你控制器的方法参数上 public ModelAndView test16(@RequestParam("name")String name) @PathVariable 接收请求路径中占位符的值 1.@RequestMapping("/{id}") public R...

原创 check the manual that corresponds to your MySQL server version for the right syntax to use near 错误处理

Error updating database. Cause: java.sql.SQLSyntaxErrorException: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near...

原创 Vue 创建自己的js工具类及导入

Vue 开发中有很多地方用到同一种方法调用，把方法做成工具类，使用起来会更方便快捷。1.创建js 文件 datapro.jsexport const deepClone = (data) => { return data}2.导入到Vue工程main.js 上操作import {deepClone} from './utils/datapro'Vue.pr...

原创 Vue数据深拷贝方法

Vue项目 父组件向子组件传递数据，子组件采用el-form 对数据进行绑定，因为数据绑定是双向的，对数据 进行更改后，造成了其他依赖数据的组件显示不正确的情况，所以考虑对数据进行深拷贝，方法如下function judgeType (obj) { // tostring会返回对应不同的标签的构造函数 const toString = Object.prototype.toStri...

原创 Invalid prop: type check failed

错误出处：1.子组件export default { name: 'EditApp', props: { form: { type: Object, required: true, default: Object } }}2.父组件export default { name: 'Home', c...

原创 开发技术学习地址

名称 网址 备注 Vue.js https://cn.vuejs.org/v2/guide/list.html 前端开发技术，官网地址 CSS3 https://www.runoob.com/cssref/css3-pr-align-items.html css 学习官方地址 Element-UI https://element.eleme.c...