咩咩君

python打包exe,将冰墩墩送给你爱的人

2022-02-10T03:35:02.000Z

最近大家都有冰墩墩，抢不到就去 github 拉一个

# 一、拉项目（略）

# 二、pip 安装 pyinstaller

pip3 install pyinstaller

# 三、使用 pyinstaller 打包成 exe 发送给你爱的人

打包命令

Pyinstaller -F setup.py 打包exe
Pyinstaller -F -w setup.py 不带控制台的打包
Pyinstaller -F -i xx.ico setup.py 打包指定exe图标打包

# 成果

使用黑群晖搭建旁路由

2022-02-09T01:41:28.000Z

家里购置了 switch 自然是需要全家富强才可以更舒适的使用

# 一、安装虚拟机套件

这里我选择安装旧版虚拟机套件，因为新版需要 vip 才可以开启 cpu 兼容

可以看到我这里安装了 2.31 版

# 二、下载旁路由镜像

这里我选择下载恩山大佬第一的镜像，下载地址 https://openwrt.mpdn.fun:8443

# 三、导入镜像

打开虚拟机软件，选择新增，导入 pc 镜像等待上传完毕即可

# 四、启动镜像

首先选择虚拟机 - 导入

导入刚才上传的镜像
1、然后启动并连接。在跳出来的窗口界面输入命令，vi etc/config/network ，修改一下软路由的 IP。
2、在 option ipaddr 后面把 IP 修改成为和主路由一个网段的，可以按 i 键进行修改，比如我设置成 192.1168。1.10，修改完后按 Esc 退出，接着输入命令：wq ，保存刚才的修改。
3、再输入 passwd 修改一下密码，修改的时候密码不会显示，不用担心，输完按回车就行，要连续输入两次。
4、最后输入命令 reboot 进行重启就 OK 了。
5、在浏览器输入刚才咱们修改过的 IP，这时候已经可以进入 Openwrt 的登陆界面了，填上自己设置的密码就可以进系统了

# 五、Openwrt 系统配置

系统装完了，要想正常使用还得配置一下，找到左侧菜单网络 — 接口，选择 LAN 的接口进行修改。

网关和 dns 填自己的网关（忽略此接口处打上勾，不让旁路由提供 DHCP 服务，避免和主路由冲突。）

# 六、修改上网设备 ip

此时将上网设备的 ip 和 dns 改为我们旁路由的地址即可，我这里是改了小米路由器做二级路由

此时连接了小米路由器的设备都可以通过旁路由来设置策略了

swagger2 常用注解整理

2022-01-25T09:18:32.000Z

最近用到 swagger 想着整理一下常用注解 (只能说是真的不好用，写一堆注解头痛)

@Api：用在请求的类上，表示对类的说明
    tags="说明该类的作用，可以在UI界面上看到的注解"
    value="该参数没什么意义，在UI界面上也看到，所以不需要配置"
 
 
@ApiOperation：用在请求的方法上，说明方法的用途、作用
    value="说明方法的用途、作用"
    notes="方法的备注说明"
 
 
@ApiImplicitParams：用在请求的方法上，表示一组参数说明
    @ApiImplicitParam：用在@ApiImplicitParams注解中，指定一个请求参数的各个方面
        name：参数名
        value：参数的汉字说明、解释
        required：参数是否必须传
        paramType：参数放在哪个地方
            · header --> 请求参数的获取：@RequestHeader
            · query --> 请求参数的获取：@RequestParam
            · path（用于restful接口）--> 请求参数的获取：@PathVariable
            · body（不常用）
            · form（不常用）    
        dataType：参数类型，默认String，其它值dataType="Integer"       
        defaultValue：参数的默认值
 
 
@ApiResponses：用在请求的方法上，表示一组响应
    @ApiResponse：用在@ApiResponses中，一般用于表达一个错误的响应信息
        code：数字，例如400
        message：信息，例如"请求参数没填好"
        response：抛出异常的类
 
 
@ApiModel：用于响应类上，表示一个返回响应数据的信息
            （这种一般用在post创建的时候，使用@RequestBody这样的场景，
            请求参数无法使用@ApiImplicitParam注解进行描述的时候）
    @ApiModelProperty：用在属性上，描述响应类的属性

# 1、@Api

1	@Api(tags="APP用户注册Controller")

@Api：用在请求的类上，说明该类的作用
tags=“说明该类的作用”
value=“该参数没什么意义，所以不需要配置”

# 2、@ApiOperation

1	@ApiOperation(value="用户登录",notes="填写账号密码都是必填")

@ApiOperation：用在请求的方法上，说明方法的作用
@ApiOperation：“用在请求的方法上，说明方法的作用”
value=“说明方法的作用”
notes=“方法的备注说明”

# 3、@ApiImplicitParams 和 @ApiImplicitParam 这两个用的比较多

@ApiImplicitParams({
    @ApiImplicitParam(name="mobile",value="手机号",required=true,paramType="form"),
    @ApiImplicitParam(name="password",value="密码",required=true,paramType="form"),
    @ApiImplicitParam(name="age",value="年龄",required=true,paramType="form",dataType="Integer")
})
//@ApiImplicitParams：用在请求的方法上，包含一组参数说明
     //@ApiImplicitParams：用在请求的方法上，包含一组参数说明
     //@ApiImplicitParam：用在 @ApiImplicitParams 注解中，指定一个请求参数的配置信息

@ApiImplicitParams：用在请求的方法上，包含一组参数说明
@ApiImplicitParams：用在请求的方法上，包含一组参数说明
@ApiImplicitParam：用在 @ApiImplicitParams 注解中，指定一个请求参数的配置信息
name：参数名
value：参数的汉字说明、解释
required：参数是否必须传
paramType：参数放在哪个地方
・header --> 请求参数的获取：@RequestHeader
・query --> 请求参数的获取：@RequestParam
・path（用于 restful 接口）–> 请求参数的获取：@PathVariable
・body（不常用）
・form（不常用）
dataType：参数类型，默认 String，其它值 dataType=“Integer”
defaultValue：参数的默认值

# 4、@ApiResponses

@ApiOperation (value = “select1 请求”,notes = “多个参数，多种的查询参数类型”)

@ApiResponses({
    @ApiResponse(code=400,message="请求参数没填好"),
    @ApiResponse(code=404,message="请求路径没有或页面跳转路径不对")
})

@ApiResponses：用于请求的方法上，表示一组响应
@ApiResponses：用于请求的方法上，表示一组响应
@ApiResponse：用在 @ApiResponses 中，一般用于表达一个错误的响应信息
code：数字，例如 400
message：信息，例如 "请求参数没填好"
response：抛出异常的类

# 5、@ApiModel

@ApiModel(description= "返回响应数据")
public class RestMessage implements Serializable{
 
    @ApiModelProperty(value = "是否成功")
    private boolean success=true;
    @ApiModelProperty(value = "返回对象")
    private Object data;
    @ApiModelProperty(value = "错误编号")
    private Integer errCode;
    @ApiModelProperty(value = "错误信息")
    private String message;
}

@ApiModel：用于响应类上，表示一个返回响应数据的信息
@ApiModel：用于响应类上，表示一个返回响应数据的信息
（这种一般用在 post 创建的时候，使用 @RequestBody 这样的场景，
请求参数无法使用 @ApiImplicitParam 注解进行描述的时候）
@ApiModelProperty：用在属性上，描述响应类的属性

layui使用富文本编辑器并回显

2022-01-21T08:34:39.000Z

正好要做一个文章管理，记录一下遇到的坑

1. 引入富文本编辑器

var layedit = layui.layedit;
layedit.set({
	uploadImage: {
		url: '/v1/openApi/uploadImage' //接口url
		,type: '' //默认post
	}
});
var index = layedit.build('demo');

这里我接入了图片上传

图片上传需要定义好接口

{
  "code": 0 //0表示成功，其它失败
  ,"msg": "" //提示信息 //一般上传失败后返回
  ,"data": {
    "src": "图片路径"
    ,"title": "图片名称" //可选
  }
}

2. 富文本编辑器回显

1	<textarea id="demo" style="display: none;" name="article" autocomplete="off" placeholder="内容" th:text="*{article}" ></textarea>

这里我使用了 th:text

3. 最终效果

解决fatal:unable to connect to gitee.com:gitee.com[0:180.97.125.228]:errno=Unknown error

2022-01-10T03:35:51.000Z

fatal: unable to connect to gitee.com:
gitee.com[0: 180.97.125.228]: errno=Unknown error

直接找到.gitconfig 文件，把这几个配置删掉，就可以正常 push 了

[url “git@github.com”]
insteadOf = https://github.com/:
[url “git://”]
insteadOf = https://
[url “https://”]
insteadOf = git://

百度好久都找不到焦躁哦

uni-app封装公共请求(携带token)

2021-12-24T05:21:40.000Z

在日常开发过程中，一般请求我们都会携带 token, 以保证安全性

# 1、在工程目录下新建个 common 文件夹

在 common 目录下新增 request.js

//请求函数
const request = (url = '', data = {},type = 'POST', header = {}) => {
	// 缓存中获取token 
	 header.token = data.token? data.token:uni.getStorageSync('token');
	 //请求地址
	 var baseUrl =  'http://localhost:9001/v1/openApi/';  
    return new Promise((resolve, reject) => {
        uni.request({
            method: type,
            url: baseUrl +url,
            data: data,
            header: header,
            dataType: 'json',        
        }).then((response) => {
            uni.hideLoading();
            uni.stopPullDownRefresh();
            let [error, res] = response;
			
			console.log(res,'res');
            if(res.data.code == 200){
                setTimeout(function () {
                    resolve(res.data);
                }, 1000);
            }else if(res.data.code == 401){   //token失效时重新登录
                uni.showToast({
                    title:res.data.msg,
                    image:'../../static/public/close.png',
                    duration: 2000,
                });
				setTimeout(function(){
					uni.navigateTo({
					    url: '/pages/login/login_vfcode',
						complete(e){
							console.log(e,'eeeeeeeeee')
						}
					});
				},1000);
				
            } else if(res.data.code == -100){   //-100时返回处理
			uni.showToast({
			    title:res.data.msg,
			    duration: 1000,
			});
			setTimeout(function () {
				//回调
			    resolve(res.data);
			}, 1000);
			
            }else {  //其它code 返回提示
                uni.showToast({
                    title:res.data.msg,
                    image:'../../static/public/close.png',
                    duration: 2000,
                });
            }
        }).catch(error => {
            uni.hideLoading();
            uni.stopPullDownRefresh();
            let [err, res] = error;
            reject(err)
			console.log(error ,'请求返回error')
        })
    });
}
 
//定义对象
var api = {
	request
};
 
export default api

这里我是把 token 加到了请求头里

# 2、在 main.js 中引入、定义

import request from 'common/request.js'  //引入封装全局
 
 
 
 
Vue.prototype.$api = request

# 3、实际使用

this.$api.request('getBookingList', 
		{time: '2021-11-10'}, 
		'post').then((res) => {
	console.log(res, 'res----');
});

解决 fatal:unable to connect to gitee.com:gitee.com[0:180.97.125.228]：errno=Unknown error

2021-12-23T00:41:46.000Z

# 上次内网穿透后，发现在家里一直无法通过穿透服务器连接群辉 ssh

# 后来发现是被群辉拉入了黑名单，解除就可以了

取消自动封锁，或者把 ip 移出来

上传文件nginx报错(413 Request Entity Too Large)

2021-12-22T05:15:55.000Z

部署舔狗日记的时候发现，字体文件太大无法上传.

这可能是由于 Nginx 的上传大小限制所导致的。
可以在 Nginx 的配置文件下的 http 节点加入 client_max_body_size 1024m
就解决了

黑群晖frp内网穿透

2021-12-14T05:48:58.000Z

前段时间闲来无事，吧家里的旧笔记本改造成了黑群晖.
开通内网穿透踩了很多坑，特此记录一下

frp 分别有服务端 (frps) 和客户端 (frpc)

# 一、下面先说服务端

因为是第一次操作，所以没有使用 docker 管理。有时间一定要换成 docker

# 1、首先下载 frp（根据自己的系统选择）

1	wget https://github.com/fatedier/frp/releases/download/v0.33.0/frp_0.33.0_linux_amd64.tar.gz

# 2、解压命令解压出来

1	tar -zxvf frp_0.33.0_linux_amd64.tar.gz

# 3、进入 frp 目录

1	cd frp_0.33.0_linux_amd64

# 4、配置服务器端文件

1 2	vi frps.ini

下面我把配置文件贴出来

[common]			#必填
bind_port = 1231  		#服务端口（可自定义）
vhost_http_port = 1232 		#访问端口（可自定义）
dashboard_port = 7500 		#dashboard 界面端口
dashboard_user = 账号		#登录 dashboard 用户名
dashboard_pwd = 密码		#登录 dashboard 密码
max_pool_count = 5		#最大连接池数量
authentication_timeout = 900	#超时验证时间
subdomain_host = 你的域名	#自定义二级域名（这里我用了我另一个备案的域名）
[ssh]
listen_port = 6000 		#访问端口
auth_token = 123321		#用户身份认证

# 6、启动服务器端 frps（测试启动）

1	./frps -c ./frps.ini

如果没有报错，那么服务端的操作暂时完毕

二、开始说客户端（群晖端）

一开始群晖也是使用了和上边一样的操作，只是配置文件不同，后来发现一个弊端 ----> 每次重启群晖后，frpc 不会自启动。或者因为不可抗力因素，frpc 关闭了很不方便

# 1、下载 docker 套件

首先我们打开套件中心，搜索 docker 并安装。docker 应该算是黑群晖必备套件我就不细说了

# 2、下载 frp

# 2、启动容器

映射 frpc 文件，容器内路径为 /frp/frpc.ini ，容器外路径随意，自己选

# 3、修改配置文件

一定要注意，我们的配置文件是 `frpc.ini，下面我把文件内容贴出来

[common]
server_addr = 服务端ip
server_port = 端口设置
auth_token = 随便设置
pool_count = 1
[ssh]
type = tcp
local_ip = 本地群晖ip
local_port = 22
remote_port = 6000
use_compression = true
use_encryption = true
[qh]			#如果有多个端口一定不能和下面的名字重复了
type = http
local_port = 5000
subdomain = qh		#这里一定是写你的二级域名前缀（坑点）
[ql]
type = http
local_port = 5700
subdomain = ql
[nl]
type = http
local_port = 5703
subdomain = nl
[sn]
type = http
local_port = 8181
subdomain = sn

# 4、启动服务器端

群晖启动服务端，进入高级设置，选择停止后重启，并且一定要选择使用和 dockerhost 相同网络

此时如果容器没有无限容器那么说明已经是链接成功了，可以访问刚才自己配的地址去看，一定是域名加端口号访问。除非像我一样在服务端使用 nginx 分别反向代理

# 三、服务端 frp 后台运行

1	nohup ./frps -c ./frps.ini &

最后贴上成果

我的任务时间我做主(cron插件)

2021-12-03T06:04:40.000Z

# 先说一下插件怎么使用

# 1、点击浏览器右上角

# 2、打开开发者模式

# 3、拖入下载的压缩包即可使用啦

github 地址：cron 插件

# 下面说下浏览器插件的核心文件（manifest.json）

这个文件必须要有

{	
	// 清单文件的版本，这个必须写，而且必须是2
	"manifest_version": 2,
	// 插件的名称
	"name": "Cron表达式生成",
	// 插件的版本
	"version": "1.0.0",
	// 插件描述	
	"description": "Cron表达式生成",
	// 图标，这里我偷懒全部用一个尺寸
	"icons": {
		"16": "img/icon.png",
		"48": "img/icon.png",
		"128": "img/icon.png"
	},
    
	// 浏览器右上角图标设置，browser_action、page_action、app必须三选一
	"browser_action": {
		"default_icon": "img/icon.png",
		"default_title": "Cron表达式生成",
		"default_popup": "demo.html"
	},
	"options_ui": {
		"page": "demo.html",
		// 添加一些默认的样式，推荐使用
		"chrome_style": true
	},
	//权限申请
	"permissions": [
		
	],
	//插件主页
	"homepage_url": "http://47.108.248.23:8090/",
}

nginx的安装与配置

2021-11-17T05:30:04.000Z

# 一、nginx 的安装

最近正好申请了 ssl 证书寻思重新配置一下 nginx，做个记录。

# 1、安装

这里我选择下载安装包，所以先创建 nginx 的默认目录。

一般是放在 /usr/local 下

以下操作在 /user/local 进行
本次下载非最新版，可自行更改版本号

1	wget -c https://nginx.org/download/nginx-1.10.1.tar.gz

# 2、解压安装包

1	tar -zxvf nginx-1.10.1.tar.gz

# 3、安装

进入解压后的文件夹

这里我们使用默认配置

1	./configure

# 4、编译安装

1 2	make make install

# 5、启动 nginx

此时返回上一级目录便可看到 nginx 文件夹
进入 /usr/local/nginx/sbin

输入 ./nginx 即可启动 nginx

1
2
3

./nginx #启动nginx
./nginx -s quit #关闭nginx
./nginx -s reload #重启nginx

# 二、配置 nginx

进入 /usr/local/nginx/conf

1	vim nginx.conf

修改自己所需要的配置即可

layui引入百度地图，点击获取当前位置

2021-11-11T02:26:19.000Z

# 一、申请百度地图的 ak（略）

# 二、引入百度地图

先插入代码，分块讲解

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('服务网点管理修改')"/>
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=自己申请"></script>
    <!--百度地图key要自己注册,或者用1.4以下的版本(不需要key)-->

</head>
<body>
<form class="layui-form" action="" th:object="${ServiceNetwork}">
    <div class="mainBox">
        <div class="main-container">
            <div class="main-container">

                <div class="layui-form-item" style="display:none;">
                    <label class="layui-form-label">id</label>
                    <div class="layui-input-block">
                        <input th:value="*{id}" type="text" name="id" autocomplete="off" placeholder="电站编号"
                               class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">服务网点名称</label>
                    <div class="layui-input-block">
                        <input th:value="*{serviceName}" type="text" name="serviceName" autocomplete="off"
                               placeholder="服务网点名称" class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">服务网点地址</label>
                    <div class="layui-input-block">
                        <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>

                        <input th:value="*{serviceAddress}" type="text" name="serviceAddress" autocomplete="off"
                               placeholder="服务网点地址" class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">营业时间</label>
                    <div class="layui-input-block">
                        <input th:value="*{businessHours}" type="text" name="businessHours" autocomplete="off"
                               placeholder="营业时间" class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">营运状态 </label>
                    <div class="layui-input-block">

                        <select th:field="*{operatingStatus}" name="operatingStatus" id="operatingStatus"
                                th:with="type=${@dict.getType('operating_status')}">
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                                    th:value="${dict.dictValue}"></option>
                        </select>
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">服务网点状态</label>
                    <div class="layui-input-block">
                        <select th:field="*{serviceStatus}" name="serviceStatus" id="serviceStatus"
                                th:with="type=${@dict.getType('serviceStatus')}">
                            <option th:each="dict : ${type}" th:text="${dict.dictLabel}"
                                    th:value="${dict.dictValue}"></option>
                        </select>
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">电柜容量</label>
                    <div class="layui-input-block">
                        <input th:value="*{electricCabinetCapacity}" type="text" name="electricCabinetCapacity"
                               autocomplete="off" placeholder="电柜容量" class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">电柜数量</label>
                    <div class="layui-input-block">
                        <input th:value="*{numberElectricCabinets}" type="text" name="numberElectricCabinets"
                               autocomplete="off" placeholder="电柜数量" class="layui-input">
                    </div>
                </div>


                <div class="layui-form-item">
                    <label class="layui-form-label">电池数据</label>
                    <div class="layui-input-block">
                        <input th:value="*{batteryData}" type="text" name="batteryData" autocomplete="off"
                               placeholder="电池数据" class="layui-input">
                    </div>
                </div>


            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="button-container">
            <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit=""
                    lay-filter="serviceNetwork-update">
                <i class="layui-icon layui-icon-ok"></i>
                提交
            </button>
            <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">
                <i class="layui-icon layui-icon-refresh"></i>
                重置
            </button>
        </div>
    </div>
</form>
<th:block th:include="include :: footer"/>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(106.61680, 29.57793);//定义一个中心点坐标(当前坐标重庆)
        map.centerAndZoom(point, 12);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
        map.addEventListener('click', function (e) {
            console.log(e)
            var point = new BMap.Point(e.Ag.lng, e.Ag.lat);
            var gc = new BMap.Geocoder();
            gc.getLocation(point, function (rs) {
                $("input[name='serviceAddress']").val(rs.address);
                console.log(rs.address)
                var opts = {
                    title: '行政区划归属',
                    width: 220,
                    height: 92
                };
                var infoStr = '<div>省：' + rs.addressComponents.province + '</div>'
                    + '<div>市：' + rs.addressComponents.city + '</div>'
                    + '<div>区：' + rs.addressComponents.district + '</div>';
                var infoWindow = new BMap.InfoWindow(infoStr, opts);
                map.openInfoWindow(infoWindow, point);

            });
        });
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }


    initMap();//创建和初始化地图
</script>
<script>
    layui.use(['form', 'laydate', 'jquery'], function () {
        let form = layui.form;
        let $ = layui.jquery;
        let MODULE_PATH = rootPath + "/ServiceNetworkController";


        form.on('submit(serviceNetwork-update)', function (data) {
            let loader = layer.load();
            $.ajax({
                url: MODULE_PATH + '/edit',
                data: data.field,
                dataType: 'json',
                contentType: 'application/x-www-form-urlencoded',
                type: 'post',
                success: function (result) {
                    if (result.code == 200) {
                        layer.msg(result.msg, {icon: 1, time: 1000}, function () {
                            parent.layer.close(parent.layer.getFrameIndex(window.name));//关闭当前页
                            parent.layui.table.reload("serviceNetwork-table");
                            layer.close(loader);
                        });
                    } else {
                        layer.msg(result.msg, {icon: 2, time: 1000});
                        layer.close(loader);
                    }
                }
            })
            return false;
        });
    })
</script>
</body>
</html>

# 1. 引入地图 (ak 需要自己申请)

1	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ak需要自己申请"></script>

# 2. 将地图 div 放置在合适的地方

<div class="layui-form-item">
    <label class="layui-form-label">服务网点地址</label>
    <div class="layui-input-block">
        <div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>

        <input th:value="*{serviceAddress}" type="text" name="serviceAddress" autocomplete="off"
               placeholder="服务网点地址" class="layui-input">
    </div>
</div>

3. 设置地图相关函数

<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(106.61680, 29.57793);//定义一个中心点坐标(当前坐标重庆)
        map.centerAndZoom(point, 12);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
        map.addEventListener('click', function (e) {
            console.log(e)
            var point = new BMap.Point(e.Ag.lng, e.Ag.lat);
            var gc = new BMap.Geocoder();
            gc.getLocation(point, function (rs) {
                $("input[name='serviceAddress']").val(rs.address);
                console.log(rs.address)
                var opts = {
                    title: '行政区划归属',
                    width: 220,
                    height: 92
                };
                var infoStr = '<div>省：' + rs.addressComponents.province + '</div>'
                    + '<div>市：' + rs.addressComponents.city + '</div>'
                    + '<div>区：' + rs.addressComponents.district + '</div>';
                var infoWindow = new BMap.InfoWindow(infoStr, opts);
                map.openInfoWindow(infoWindow, point);

            });
        });
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }


    initMap();//创建和初始化地图
</script>

# 三、地图函数

以下为点击并获取当前地址名称

//地图事件设置函数：
function setMapEvent() {
    map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
    map.enableScrollWheelZoom();//启用地图滚轮放大缩小
    map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
    map.enableKeyboard();//启用键盘上下左右键移动地图
    map.addEventListener('click', function (e) {
        console.log(e)
        var point = new BMap.Point(e.Ag.lng, e.Ag.lat);
        var gc = new BMap.Geocoder();
        gc.getLocation(point, function (rs) {
            $("input[name='serviceAddress']").val(rs.address);
            console.log(rs.address)
            var opts = {
                title: '行政区划归属',
                width: 220,
                height: 92
            };
            var infoStr = '<div>省：' + rs.addressComponents.province + '</div>'
                + '<div>市：' + rs.addressComponents.city + '</div>'
                + '<div>区：' + rs.addressComponents.district + '</div>';
            var infoWindow = new BMap.InfoWindow(infoStr, opts);
            map.openInfoWindow(infoWindow, point);

        });
    });
}

其中 $("input[name='serviceAddress']").val(rs.address); 赋值给 input 框

三、成果

SpringBoot实现文件上传和下载

2021-11-11T01:25:17.000Z

本文仅展示了部分文件

# 一、搭建 SpringBoot 开发环境

# 1. 创建项目（略）

# 2. 配置 application.yml 参数

server:
  port: 8036
spring:
  datasource:
    username: ****
    password:  ****
    url:  ****
    driver-class-name: com.mysql.cj.jdbc.Driver
    type: com.mysql.cj.jdbc.MysqlConnectionPoolDataSource
  application:
    name: hospital-file
  thymeleaf:
    cache: false
  servlet:
    multipart:
      enabled: true #开启 multipart 上传功能
      max-file-size: 500MB
      file-size-threshold: 2KB
      max-request-size: 1024MB
mybatis-plus: 
  mapper-locations: classpath*:mybatis/*.xml
file:
  locations: D:/home/

其中file.upload.path =D:/aplus参数为自定义的参数，有两种方式可以获取到此参数

使用 @Value ("${file.upload.path}")
使配置参数可以自动绑定到 POJO 类。

使配置参数绑定实体类详细代码如下：


/**
 * 配置信息
 * @author fengbo
 *
 */
@ConfigurationProperties(prefix = "file")
public class FileProperty {

    private String filePath;

    public String getFilePath() {
        return filePath;
    }

    public void setFilePath(String filePath) {
        this.filePath = filePath;
    }
}

必须在@SpringbootUploadApplication注解的类中添加@EnableConfigurationProperties注解以开启ConfigurationProperties功能

@EnableConfigurationProperties({
        FileProperty.class
})
//@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)
@SpringBootApplication
public class FileApplication {

    public static void main(String[] args) {
        SpringApplication.run(FileApplication.class, args);
    }

}

# 3. 实体响应类和异常信息类

文件成功后需要有的响应实体类UploadFileResponse和文件出现上传异常类FileException来处理异常信息

/**
 * 文件管理表
 * @author fengbo
 */
@ApiModel(value="文件管理表")
@Data
@Builder
@AllArgsConstructor
@NoArgsConstructor
@TableName(value = "sys_file")
public class SysFileDto implements Serializable {
    /**
     * 主键id
     */
    @TableId(value = "id", type = IdType.INPUT)
    @ApiModelProperty(value="主键id")
    private String id;

    /**
     * 文件名称
     */
    @TableField(value = "file_name")
    @ApiModelProperty(value="文件名称")
    private String fileName;

    /**
     * 文件类型
     */
    @TableField(value = "file_type")
    @ApiModelProperty(value="文件类型")
    private String fileType;

    /**
     * 文件大小
     */
    @TableField(value = "file_size")
    @ApiModelProperty(value="文件大小")
    private Long fileSize;

    /**
     * 保存名称
     */
    @TableField(value = "save_name")
    @ApiModelProperty(value="保存名称")
    private String saveName;

    /**
     * 保存路径
     */
    @TableField(value = "save_path")
    @ApiModelProperty(value="保存路径")
    private String savePath;

    /**
     * 下载路径
     */
    @TableField(value = "download_path")
    @ApiModelProperty(value="下载路径")
    private String downloadPath;

    /**
     * 删除标识
     */
    @TableField(value = "`valid`")
    @ApiModelProperty(value="删除标识")
    private Integer valid;

    /**
     * 创建时间
     */
    @TableField(value = "create_at")
    @ApiModelProperty(value="创建时间")
    private Long createAt;

    /**
     * 修改时间
     */
    @TableField(value = "update_at")
    @ApiModelProperty(value="修改时间")
    private Long updateAt;

    /**
     * 容器名称
     */
    @TableField(value = "bucket_name")
    @ApiModelProperty(value="容器名称")
    private String bucketName;

    /**
     * 用户所属系统
     */
    @TableField(value = "solution_code")
    @ApiModelProperty(value="用户所属系统")
    private String solutionCode;

    /**
     * 用户id
     */
    @TableField(value = "user_id")
    @ApiModelProperty(value="用户id")
    private String userId;

    /**
     * 文件后缀
     */
    @TableField(value = "suffix")
    @ApiModelProperty(value="文件后缀")
    private String suffix;


    public SysFileDto(String fileName, String downloadPath, String fileType,
                      long fileSize, String suffix,String userId,String solutionCode,
                      Long updateAt,Long createAt,Integer valid,String savePath,String saveName,String id) {
        this.fileName = fileName;
        this.userId = userId;
        this.solutionCode = solutionCode;
        this.updateAt = updateAt;
        this.createAt = createAt;
        this.valid = valid;
        this.savePath = savePath;
        this.id = id;
        this.saveName = saveName;
        this.suffix = suffix;
        this.downloadPath = downloadPath;
        this.fileType = fileType;
        this.fileSize = fileSize;
    }

    public SysFileDto(String fileName, String downloadPath, String fileType, long fileSize) {
        this.fileName = fileName;
        this.downloadPath = downloadPath;
        this.fileType = fileType;
        this.fileSize = fileSize;
    }
    private static final long serialVersionUID = 1L;

    public static final String COL_ID = "id";

    public static final String COL_FILE_NAME = "file_name";

    public static final String COL_FILE_TYPE = "file_type";

    public static final String COL_FILE_SIZE = "file_size";

    public static final String COL_SAVE_NAME = "save_name";

    public static final String COL_SAVE_PATH = "save_path";

    public static final String COL_DOWNLOAD_PATH = "download_path";

    public static final String COL_VALID = "valid";

    public static final String COL_CREATE_AT = "create_at";

    public static final String COL_UPDATE_AT = "update_at";

    public static final String COL_BUCKET_NAME = "bucket_name";

    public static final String COL_SOLUTION_CODE = "solution_code";

    public static final String COL_USER_ID = "user_id";

    public static final String COL_SUFFIX = "suffix";
}

异常信息处理类

/**
 * @author fengbo
 * @Title: FileException
 * 异常信息配置
 */
public class FileException extends RuntimeException {

    public FileException(String message) {
        super(message);
    }

    public FileException(String message, Throwable cause) {
        super(message, cause);
    }
}

# 4. 创建 FileController


/**
 * 文件上传下载
 *
 * @author fengbo
 */
@RestController
@Component
@Api(tags = "文件管理")
public class FileController {

    @Autowired
    private FileService fileService;

    /**
     * 单文件上传
     *
     * @param file
     * @return
     */
    @PostMapping("/uploadFile")
    public SysFileDto uploadFile(@RequestParam("file") MultipartFile file) {
        return fileService.uploadFile(file);
    }

    /**
     * 多文件上传
     *
     * @param files
     * @return
     */
    @PostMapping("/uploadMultipleFiles")
    public List<SysFileDto> uploadMultipleFiles(@RequestParam("files") MultipartFile[] files) {
        return fileService.uploadMultiple(files);

    }

    /**
     * 下载
     *
     * @param fileName
     * @param request
     * @return
     */
    @GetMapping("/downloadFile/{fileName:.*}")
    public ResponseEntity<Resource> downloadFile(@PathVariable String fileName, HttpServletRequest request) {
        return fileService.download(fileName, request);
    }
}

FileService实现类


/**
 * 文件管理
 * @author fengbo
 */
@Service
@Component
public class FileServiceImpl extends ServiceImpl<FileMapper, SysFileDto> implements FileService{

    private static final Logger logger = LoggerFactory.getLogger(FileServiceImpl.class);

    private Path fileStorageLocation; // 文件在本地存储的地址
    @Autowired
    FileMapper fileMapper;

    public FileServiceImpl( @Value("${file.locations}") String path) {
        this.fileStorageLocation = Paths.get(path).toAbsolutePath().normalize();
        try {
            Files.createDirectories(this.fileStorageLocation);
        } catch (IOException e) {
            throw new FileException("Could not create the directory", e);
        }
    }

    /**
     * 存储文件到系统
     * @param file 文件
     * @return 文件名
     */
    @Override
    public String storeFile(MultipartFile file) {
        // Normalize file name
        String fileName = UUID.randomUUID().toString()+file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."),file.getOriginalFilename().length());
//        String fileName = StringUtils.cleanPath(file.getOriginalFilename());

        try {
            // Check if the file's name contains invalid characters
            if(fileName.contains("..")) {
                throw new FileException("Sorry! Filename contains invalid path sequence " + fileName);
            }

            // Copy file to the target location (Replacing existing file with the same name)
            Path targetLocation = this.fileStorageLocation.resolve(fileName);
            Files.copy(file.getInputStream(), targetLocation, StandardCopyOption.REPLACE_EXISTING);

            return fileName;
        } catch (IOException ex) {
            throw new FileException("Could not store file " + fileName + ". Please try again!", ex);
        }
    }
    @Override
    public Resource loadFileAsResource(String fileName) {
        try {
            Path filePath = this.fileStorageLocation.resolve(fileName).normalize();
            Resource resource = new UrlResource(filePath.toUri());
            if(resource.exists()) {
                return resource;
            } else {
                throw new FileException("File not found " + fileName);
            }
        } catch (MalformedURLException ex) {
            throw new FileException("File not found " + fileName, ex);
        }
    }

    /**
     * 单文件上传
     * @param file
     * @return
     */
    @Override
    public SysFileDto uploadFile(MultipartFile file) {
        String fileName = this.storeFile(file);

        String fileDownloadUri = ServletUriComponentsBuilder.fromCurrentContextPath()
                .path("/downloadFile/")
                .path(fileName)
                .toUriString();
        //填充dto
        SysFileDto sysFileDto = new SysFileDto();
        sysFileDto.setFileSize(file.getSize());
        sysFileDto.setFileName(fileName);
        sysFileDto.setFileType(file.getContentType());
        sysFileDto.setDownloadPath(fileDownloadUri);
        sysFileDto.setCreateAt(System.currentTimeMillis());
        sysFileDto.setUpdateAt(System.currentTimeMillis());
        sysFileDto.setId(UUID.randomUUID().toString());
        sysFileDto.setSaveName(file.getOriginalFilename().replace(" ",""));
        sysFileDto.setUserId("测试");
        sysFileDto.setSavePath(fileStorageLocation.toFile().getPath());
        //默认生效0-生效1-失效
        sysFileDto.setValid(0);
        sysFileDto.setSuffix(file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."),file.getOriginalFilename().length()));
        this.save(sysFileDto);
        return sysFileDto;
    }

    /**
     * 多文件上传
     * @param files
     * @return
     */
    @Override
    public List<SysFileDto> uploadMultiple(MultipartFile[] files){
        List<SysFileDto> list = new ArrayList<>();
        if (files != null) {
            for (MultipartFile multipartFile:files) {
                SysFileDto uploadFileResponse = uploadFile(multipartFile);
                list.add(uploadFileResponse);
            }
        }
        return list;
    }

    @Override
    public ResponseEntity<Resource> download(String fileName, HttpServletRequest request) {
        Resource resource = this.loadFileAsResource(fileName);
        String contentType = null;
        try {
            request.getServletContext().getMimeType(resource.getFile().getAbsolutePath());
        } catch (IOException e) {
            logger.info("Could not determine file type.");
        }
        if(contentType == null) {
            contentType = "application/octet-stream";
        }

        List<String> saveName  = fileMapper.findSaveNameByFileName(fileName);
        String name = saveName.get(0);
        try {
            name = URLEncoder.encode(name,"UTF-8");
        }catch(UnsupportedEncodingException e){
            logger.info("文件名转换异常");
            e.printStackTrace();
        }
        return ResponseEntity.ok()
                .contentType(MediaType.parseMediaType(contentType))
                .header(HttpHeaders.CONTENT_DISPOSITION, "attachment; filename=\"" +name+ "\"")
                .body(resource);
    }
}

需要注意的是，文件名称中文乱码的问题。这里使用了 URLEncoder.encode();

文件名使用 uuid 生成储存。下载时替换为原文件名下载。

mapper文件(只是为了查询文件名称)

<?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.hostpital.file.mapper.FileMapper">
    <resultMap id="BaseResultMap" type="com.hostpital.file.vo.SysFileVo">
        <result column="id" property="id"/>
        <result column="file_name" property="fileName"/>
        <result column="file_type" property="fileType"/>
        <result column="file_size" property="fileSize"/>
        <result column="save_name" property="saveName"/>
        <result column="save_path" property="savePath"/>
        <result column="download_path" property="downloadPath"/>
        <result column="valid" property="valid"/>
        <result column="create_at" property="createAt"/>
        <result column="update_at" property="updateAt"/>
        <result column="bucket_name" property="bucketName"/>
        <result column="solution_code" property="solutionCode"/>
        <result column="user_id" property="userId"/>
        <result column="suffix" property="suffix"/>
    </resultMap>
    <sql id="Base_Column_List">
        id,
        file_name,
        file_type,
        file_size,
        save_name,
        save_path,
        download_path,
        `valid`,
        create_at,
        update_at,
        bucket_name,
        solution_code,
        user_id,
        suffix
    </sql>
    <select id="findSaveNameByFileName" resultType="java.lang.String">
        select save_name
        from sys_file
        where file_name=#{fileName}
    </select>
</mapper>

# 二、接口测试

英雄联盟美测服汉化

2021-11-01T05:10:21.000Z

第一步：首先第一步我们进入到 PBE 的原始文件夹里，找到 LOLPBE 的打开程序，然后右键发送桌面快捷方式

第二步：我们到桌面右键属性打开快捷方式

第三步，我们在目标后面添加：

1	--locale=zh_CN

记住加个空格

更改完成后会重新下载一些东西

博客上云小记

2021-10-18T06:51:04.000Z

# 一、服务器和域名

腾讯云轻量级服务器
腾讯云域名

服务器系统 Centos7

# 1、配置 `nginx`

使用云命令安装

1	yum install -y nginx

启动服务器

1 2	systemctl start nginx systemctl enable nginx

# 2、配置服务器路由

安装并启动服务器后，我们就完成了第一步，现在我们可以尝试使用自己的电脑去访问服务器的公网 IP。可以发现，公网 IP 可以打开一个 nginx 的默认网页。这样，我们就成功了第一步。

但我们实际上是想要让这个地址指向我们的博客，而不是 nginx 的默认网址，这就需要我们去配置 nginx 的配置文件。很多关于 centOS 的资料都是说配置位于 etc/nginx/conf.d/ 下的 dafault.conf 这个配置文件，但腾讯云和阿里云默认的库下载的是 fedora 版本的 nginx，我们应该配置的是位于 etc/nginx/ 下的 nginx.conf 。

打开 /etc/nginx/ 目录下的 nginx.conf 文件 vi /etc/nginx/nginx.conf

按 i 键进入编辑模式，编辑完成后按 Esc 键退出编辑模式，依次按：wq 保存并退出，注意是先按：键，然后输入 wq 再按回车

server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;   #把server_name后面的_换为自己的域名，没有域名可以先填公网ip
        root         /home/hexo;       #root后面改为git仓库目录
    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;

    location / {
    }

# 3、安装 git

1	yum install git

配置 git 用户

1	adduser git

修改用户权限:

1 2	chmod 740 /etc/sudoers vi /etc/sudoers

按向下键在文件中找到字段

1	root ALL=(ALL) ALL

按 i 进入编辑模式，在这一句下面加上一句

1	git ALL=(ALL) ALL

按 Esc 退出编辑，再按:wq 回车保存退出后，然后将 sudoers 文件权限改回原样

1	chmod 400 /etc/sudoers

设置 git 用户的密码

1	sudo passwd git

注意 git 用户的密码要在 root 用户下修改，否则会提示权限不足。下面操作也是一样，要注意是在 git 用户还是 root 用户

切换到 git 用户，然后在～目录下创建.ssh 文件夹

su git
cd ~
mkdir .ssh
cd .ssh

生成公钥密钥文件

1	ssh-keygen

此时在目录下就会有两个文件，分别是

1	id_rsa 和 id_rsa.pub

其中 id_rsa.pub 就是公钥文件，我们把它复制一份

1	cp id_rsa.pub authorized_keys

这样目录下就会有一个 authorized_keys 文件

然后我们修改它的权限

1
2
3

chmod 755 ~
chmod 700 ~/.ssh
chmod 600 ~/.ssh/authorized_keys

这样我们就可以在自己的电脑上打开 cmd，使用 ssh 方式连接我们的云服务器

1	ssh -v git@公网ip #@后面输入云服务器公网ip

输入密码，就能成功登录服务器

接着我们创建一个 git 的仓库，并且新建一个 post-receive 文件，用来把提交到服务器仓库操作如下:

su root
cd /home/git
git init --bare blog.git  #在/home/git下创建新仓库blog.git
chown git:git -R blog.git #给予git用户权限

在 /home/hexo/blog.git 下，有一个自动生成的 hooks 文件夹，我们创建一个 post-receive 钩子，把提交到 /home/git/blog.git 仓库里的文件同步到 /home/hexo 中。

1 2	cd blog.git/hooks vim post-receive

在 post-receive 中输入

1 2	#!/bin/bash git --work-tree=/home/hexo --git-dir=/home/git/blog.git checkout -f

保存退出后授予该文件可执行权限

1	chmod +x /home/git/blog.git/hooks/post-receive

# 二、关于本地主机的操作

# 1、安裝 hexo

由于使用 npm 直接下载会有很多人遇到卡顿的问题 (国外服务器)，所以我们要做的第一步工作是将 npm 换成淘宝的服务器。cmd 输入下面的命令：

1
2
3

npm config set registry https://registry.npm.taobao.org
# 然后安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

接下来就直接安装 hexo

1	cnpm install -g hexo-cli

然后我们选一个目录用来初始化博客
例如 D:/Blog

1
2
3

D:
cd Blog
hexo init

执行成功后安装两个插件

1 2	npm install hexo-deployer-git --save npm install hexo-server

之后我们就可以在自己的本机上查看自己的博客了

1 2	hexo g hexo s

# 2、配置服務

在刚才生成博客的目录下，找到 _config.yml ，打开它。

找到 deploy 做如下配置，注意 deploy：下面几行一定要缩进两格

deploy:
  type: git
  repo: root@服务器仓库位置   #@后输入 服务器公网IP:/home/git/blog.git       
branch: master

保存退出

在服务器上重新运行 nginx 服务器
nginx -s reload

注意每次修改配置文件按后都要重启 nginx 使之生效

然后尝试写一篇文章并且发布到服务器上

1 2	hexo new "Hello My First Blog" hexo clean && hexo generate --deploy

打开本地博客目录，会发现 deploy_git 目录下有了 Hello My First Blog 文件夹，里面是个简单的 index.html 文件。

在服务器的 home/hexo/2020/12/17 目录下可以发现也有个 Hello My First Blog 文件，这说明文件上传成功。

咩咩君