{ "version": "https://jsonfeed.org/version/1", "title": "咩咩君", "description": "coding日常", "home_page_url": "http://miemieFeng.github.io", "items": [ { "id": "http://miemiefeng.github.io/python%E6%89%93%E5%8C%85exe,%E5%B0%86%E5%86%B0%E5%A2%A9%E5%A2%A9%E9%80%81%E7%BB%99%E4%BD%A0%E7%88%B1%E7%9A%84%E4%BA%BA/", "url": "http://miemiefeng.github.io/python%E6%89%93%E5%8C%85exe,%E5%B0%86%E5%86%B0%E5%A2%A9%E5%A2%A9%E9%80%81%E7%BB%99%E4%BD%A0%E7%88%B1%E7%9A%84%E4%BA%BA/", "title": "python打包exe,将冰墩墩送给你爱的人", "date_published": "2022-02-10T03:35:02.000Z", "content_html": "
\n

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

\n
\n

# 一、拉项目（略）

\n

# 二、pip 安装 pyinstaller

\n
pip3 install pyinstaller\n
\n

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

\n

打包命令

\n
1
2
3
4
Pyinstaller -F setup.py 打包exe
Pyinstaller -F -w setup.py 不带控制台的打包
Pyinstaller -F -i xx.ico setup.py 打包指定exe图标打包

\n

\"b7701875be59fa6a2651cbab82b319b.png\"

\n

# 成果

\n

\"image.png\"

\n", "tags": [ "python" ] }, { "id": "http://miemiefeng.github.io/%E4%BD%BF%E7%94%A8%E9%BB%91%E7%BE%A4%E6%99%96%E6%90%AD%E5%BB%BA%E6%97%81%E8%B7%AF%E7%94%B1/", "url": "http://miemiefeng.github.io/%E4%BD%BF%E7%94%A8%E9%BB%91%E7%BE%A4%E6%99%96%E6%90%AD%E5%BB%BA%E6%97%81%E8%B7%AF%E7%94%B1/", "title": "使用黑群晖搭建旁路由", "date_published": "2022-02-09T01:41:28.000Z", "content_html": "
\n

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

\n
\n

# 一、安装虚拟机套件

\n

这里我选择安装旧版虚拟机套件，因为新版需要 vip 才可以开启 cpu 兼容
\n\"image-602efa6a1b774c4397f317bbb091fcc0\"
\n 可以看到我这里安装了 2.31 版

\n

# 二、下载旁路由镜像

\n

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

\n

# 三、导入镜像

\n

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

\n

# 四、启动镜像

\n

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

\n

\"20221116192621\"

\n

# 五、Openwrt 系统配置

\n

系统装完了，要想正常使用还得配置一下，找到左侧菜单 网络 — 接口，选择 LAN 的接口进行修改。
\n\"20221116192643\"
\n 网关和 dns 填自己的网关（忽略此接口处打上勾，不让旁路由提供 DHCP 服务，避免和主路由冲突。）
\n\"20221116192705\"

\n

# 六、修改上网设备 ip

\n

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

\n
\n

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

\n
\n", "tags": [ "旁路由" ] }, { "id": "http://miemiefeng.github.io/swagger2%20%E5%B8%B8%E7%94%A8%E6%B3%A8%E8%A7%A3%E6%95%B4%E7%90%86/", "url": "http://miemiefeng.github.io/swagger2%20%E5%B8%B8%E7%94%A8%E6%B3%A8%E8%A7%A3%E6%95%B4%E7%90%86/", "title": "swagger2 常用注解整理", "date_published": "2022-01-25T09:18:32.000Z", "content_html": "
\n

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

\n
\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
@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：用在属性上，描述响应类的属性
\n

# 1、@Api

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

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

\n
\n

# 2、@ApiOperation

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

@ApiOperation：用在请求的方法上，说明方法的作用
\n @ApiOperation：“用在请求的方法上，说明方法的作用”
\nvalue=“说明方法的作用”
\nnotes=“方法的备注说明”

\n
\n

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

\n
1
2
3
4
5
6
7
8
@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 注解中，指定一个请求参数的配置信息
\n
\n

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

\n
\n

# 4、@ApiResponses

\n

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

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

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

\n
\n

# 5、@ApiModel

\n
1
2
3
4
5
6
7
8
9
10
11
12
@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;
}
\n
\n

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

\n
\n", "tags": [ "后端" ] }, { "id": "http://miemiefeng.github.io/layui%E4%BD%BF%E7%94%A8%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%E5%B9%B6%E5%9B%9E%E6%98%BE/", "url": "http://miemiefeng.github.io/layui%E4%BD%BF%E7%94%A8%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%E5%B9%B6%E5%9B%9E%E6%98%BE/", "title": "layui使用富文本编辑器并回显", "date_published": "2022-01-21T08:34:39.000Z", "content_html": "
\n

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

\n
\n

1. 引入富文本编辑器

\n
1
2
3
4
5
6
7
8
var layedit = layui.layedit;
layedit.set({
\tuploadImage: {
\t\turl: '/v1/openApi/uploadImage' //接口url
\t\t,type: '' //默认post
\t}
});
var index = layedit.build('demo');
\n
\n

这里我接入了图片上传

\n
\n

图片上传需要定义好接口

\n
1
2
3
4
5
6
7
8
{
  "code": 0 //0表示成功，其它失败
  ,"msg": "" //提示信息 //一般上传失败后返回
  ,"data": {
    "src": "图片路径"
    ,"title": "图片名称" //可选
  }
}
\n

2. 富文本编辑器回显

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

这里我使用了 th:text

\n

3. 最终效果
\n\"20221116193413\"

\n", "tags": [ "前端" ] }, { "id": "http://miemiefeng.github.io/%20%E8%A7%A3%E5%86%B3%20fatal:%20unable%20to%20connect%20to%20gitee.com:%20gitee.com[0:%20180.97.125.228]:%20errno=Unknown%20error/", "url": "http://miemiefeng.github.io/%20%E8%A7%A3%E5%86%B3%20fatal:%20unable%20to%20connect%20to%20gitee.com:%20gitee.com[0:%20180.97.125.228]:%20errno=Unknown%20error/", "title": "解决fatal:unable to connect to gitee.com:gitee.com[0:180.97.125.228]:errno=Unknown error", "date_published": "2022-01-10T03:35:51.000Z", "content_html": "

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

\n

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

\n

[url “git@github.com”]
\ninsteadOf = https://github.com/:
\n[url “git://”]
\ninsteadOf = https://
\n[url “https://”]
\ninsteadOf = git://

\n
\n

百度好久都找不到 焦躁哦

\n
\n", "tags": [ "git" ] }, { "id": "http://miemiefeng.github.io/uni-app%E5%B0%81%E8%A3%85%E5%85%AC%E5%85%B1%E8%AF%B7%E6%B1%82(%E6%90%BA%E5%B8%A6token)/", "url": "http://miemiefeng.github.io/uni-app%E5%B0%81%E8%A3%85%E5%85%AC%E5%85%B1%E8%AF%B7%E6%B1%82(%E6%90%BA%E5%B8%A6token)/", "title": "uni-app封装公共请求(携带token)", "date_published": "2021-12-24T05:21:40.000Z", "content_html": "
\n

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

\n
\n

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

\n

在 common 目录下新增 request.js

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
//请求函数
const request = (url = '', data = {},type = 'POST', header = {}) => {
\t// 缓存中获取token 
\t header.token = data.token? data.token:uni.getStorageSync('token');
\t //请求地址
\t 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;
\t\t\t
\t\t\tconsole.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,
                });
\t\t\t\tsetTimeout(function(){
\t\t\t\t\tuni.navigateTo({
\t\t\t\t\t    url: '/pages/login/login_vfcode',
\t\t\t\t\t\tcomplete(e){
\t\t\t\t\t\t\tconsole.log(e,'eeeeeeeeee')
\t\t\t\t\t\t}
\t\t\t\t\t});
\t\t\t\t},1000);
\t\t\t\t
            } else if(res.data.code == -100){   //-100时返回处理
\t\t\tuni.showToast({
\t\t\t    title:res.data.msg,
\t\t\t    duration: 1000,
\t\t\t});
\t\t\tsetTimeout(function () {
\t\t\t\t//回调
\t\t\t    resolve(res.data);
\t\t\t}, 1000);
\t\t\t
            }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)
\t\t\tconsole.log(error ,'请求返回error')
        })
    });
}
 
//定义对象
var api = {
\trequest
};
 
export default api
\n

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

\n

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

\n
1
2
3
4
5
6
import request from 'common/request.js'  //引入封装全局
 
 
 
 
Vue.prototype.$api = request
\n

# 3、实际使用

\n
1
2
3
4
5
this.$api.request('getBookingList', 
\t\t{time: '2021-11-10'}, 
\t\t'post').then((res) => {
\tconsole.log(res, 'res----');
});
\n", "tags": [ "前端" ] }, { "id": "http://miemiefeng.github.io/%E8%A7%A3%E5%86%B3%E7%BE%A4%E8%BE%89%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F%E5%90%8Essh%E8%BF%9E%E6%8E%A5%E5%87%BA%E7%8E%B0connection%20is%20closed%20by%20foreign%20host/", "url": "http://miemiefeng.github.io/%E8%A7%A3%E5%86%B3%E7%BE%A4%E8%BE%89%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F%E5%90%8Essh%E8%BF%9E%E6%8E%A5%E5%87%BA%E7%8E%B0connection%20is%20closed%20by%20foreign%20host/", "title": "解决 fatal:unable to connect to gitee.com:gitee.com[0:180.97.125.228]：errno=Unknown error", "date_published": "2021-12-23T00:41:46.000Z", "content_html": "

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

\n

\"20221116194141\"

\n

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

\n

\"20221116194201\"

\n
\n

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

\n
\n", "tags": [ "群晖" ] }, { "id": "http://miemiefeng.github.io/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6nginx%E6%8A%A5%E9%94%99(413%20Request%20Entity%20Too%20Large)/", "url": "http://miemiefeng.github.io/%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6nginx%E6%8A%A5%E9%94%99(413%20Request%20Entity%20Too%20Large)/", "title": "上传文件nginx报错(413 Request Entity Too Large)", "date_published": "2021-12-22T05:15:55.000Z", "content_html": "
\n

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

\n
\n

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

\n", "tags": [ "服务器" ] }, { "id": "http://miemiefeng.github.io/%E9%BB%91%E7%BE%A4%E6%99%96frp%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F/", "url": "http://miemiefeng.github.io/%E9%BB%91%E7%BE%A4%E6%99%96frp%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F/", "title": "黑群晖frp内网穿透", "date_published": "2021-12-14T05:48:58.000Z", "content_html": "
\n

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

\n
\n

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

\n

# 一、下面先说服务端

\n

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

\n

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

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

# 2、解压命令解压出来

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

# 3、进入 frp 目录

\n
1
cd frp_0.33.0_linux_amd64
\n

# 4、配置服务器端文件

\n
1
2
vi frps.ini

\n
\n

下面我把配置文件贴出来

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

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

\n
1
./frps -c ./frps.ini
\n
\n

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

\n
\n

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

\n
\n

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

\n
\n

# 1、下载 docker 套件

\n

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

\n

# 2、下载 frp

\n

\"20221116194700\"

\n

# 2、启动容器

\n

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

\n

# 3、修改配置文件

\n

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

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
[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]\t\t\t#如果有多个端口一定不能和下面的名字重复了
type = http
local_port = 5000
subdomain = qh\t\t#这里一定是写你的二级域名前缀（坑点）
[ql]
type = http
local_port = 5700
subdomain = ql
[nl]
type = http
local_port = 5703
subdomain = nl
[sn]
type = http
local_port = 8181
subdomain = sn

\n

# 4、启动服务器端

\n

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

\n
\n

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

\n
\n

# 三、服务端 frp 后台运行

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

最后贴上成果
\n\"20221116194719\"

\n", "tags": [ "群晖" ] }, { "id": "http://miemiefeng.github.io/%E6%88%91%E7%9A%84%E4%BB%BB%E5%8A%A1%E6%97%B6%E9%97%B4%E6%88%91%E5%81%9A%E4%B8%BB(cron%E6%8F%92%E4%BB%B6)/", "url": "http://miemiefeng.github.io/%E6%88%91%E7%9A%84%E4%BB%BB%E5%8A%A1%E6%97%B6%E9%97%B4%E6%88%91%E5%81%9A%E4%B8%BB(cron%E6%8F%92%E4%BB%B6)/", "title": "我的任务时间我做主(cron插件)", "date_published": "2021-12-03T06:04:40.000Z", "content_html": "

# 先说一下插件怎么使用

\n

# 1、点击浏览器右上角

\n

\"20221116194923\"

\n

# 2、打开开发者模式

\n

\"20221116194944\"

\n

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

\n
\n

github 地址：cron 插件

\n
\n

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

\n
\n

这个文件必须要有

\n
\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
{\t
\t// 清单文件的版本，这个必须写，而且必须是2
\t"manifest_version": 2,
\t// 插件的名称
\t"name": "Cron表达式生成",
\t// 插件的版本
\t"version": "1.0.0",
\t// 插件描述\t
\t"description": "Cron表达式生成",
\t// 图标，这里我偷懒全部用一个尺寸
\t"icons": {
\t\t"16": "img/icon.png",
\t\t"48": "img/icon.png",
\t\t"128": "img/icon.png"
\t},
    
\t// 浏览器右上角图标设置，browser_action、page_action、app必须三选一
\t"browser_action": {
\t\t"default_icon": "img/icon.png",
\t\t"default_title": "Cron表达式生成",
\t\t"default_popup": "demo.html"
\t},
\t"options_ui": {
\t\t"page": "demo.html",
\t\t// 添加一些默认的样式，推荐使用
\t\t"chrome_style": true
\t},
\t//权限申请
\t"permissions": [
\t\t
\t],
\t//插件主页
\t"homepage_url": "http://47.108.248.23:8090/",
}
\n", "tags": [ "cron插件" ] }, { "id": "http://miemiefeng.github.io/nginx%E7%9A%84%E5%AE%89%E8%A3%85%E4%B8%8E%E9%85%8D%E7%BD%AE/", "url": "http://miemiefeng.github.io/nginx%E7%9A%84%E5%AE%89%E8%A3%85%E4%B8%8E%E9%85%8D%E7%BD%AE/", "title": "nginx的安装与配置", "date_published": "2021-11-17T05:30:04.000Z", "content_html": "

# 一、nginx 的安装

\n

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

\n
# 1、安装
\n

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

\n

一般是放在 /usr/local 下

\n
\n

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

\n
\n
1
wget -c https://nginx.org/download/nginx-1.10.1.tar.gz
\n
# 2、解压安装包
\n
1
tar -zxvf nginx-1.10.1.tar.gz
\n
# 3、安装
\n

进入解压后的文件夹

\n
\n

这里我们使用默认配置

\n
\n
1
./configure
\n
# 4、编译安装
\n
1
2
make
make install
\n
# 5、启动 nginx
\n

此时返回上一级目录便可看到 nginx 文件夹
\n进入 /usr/local/nginx/sbin
\n\"20221116195150\"
\n 输入 ./nginx 即可启动 nginx

\n
1
2
3
./nginx #启动nginx
./nginx -s quit #关闭nginx
./nginx -s reload #重启nginx
\n

# 二、配置 nginx

\n

进入 /usr/local/nginx/conf

\n
1
vim nginx.conf
\n

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

\n", "tags": [ "nginx" ] }, { "id": "http://miemiefeng.github.io/layui%E5%BC%95%E5%85%A5%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE%EF%BC%8C%E7%82%B9%E5%87%BB%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8D%E4%BD%8D%E7%BD%AE/", "url": "http://miemiefeng.github.io/layui%E5%BC%95%E5%85%A5%E7%99%BE%E5%BA%A6%E5%9C%B0%E5%9B%BE%EF%BC%8C%E7%82%B9%E5%87%BB%E8%8E%B7%E5%8F%96%E5%BD%93%E5%89%8D%E4%BD%8D%E7%BD%AE/", "title": "layui引入百度地图，点击获取当前位置", "date_published": "2021-11-11T02:26:19.000Z", "content_html": "
# 一、申请百度地图的 ak（略）
\n
# 二、引入百度地图
\n

先插入代码，分块讲解

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!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>
\n
# 1. 引入地图 (ak 需要自己申请)
\n
1
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ak需要自己申请"></script>
\n
# 2. 将地图 div 放置在合适的地方
\n
1
2
3
4
5
6
7
8
9
<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>
\n

3. 设置地图相关函数

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<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>
\n
# 三、地图函数
\n

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

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
//地图事件设置函数：
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);

        });
    });
}
\n

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

\n

三、成果
\n\"20221116201128\"

\n", "tags": [ "前端" ] }, { "id": "http://miemiefeng.github.io/SpringBoot%E5%AE%9E%E7%8E%B0%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E5%92%8C%E4%B8%8B%E8%BD%BD/", "url": "http://miemiefeng.github.io/SpringBoot%E5%AE%9E%E7%8E%B0%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0%E5%92%8C%E4%B8%8B%E8%BD%BD/", "title": "SpringBoot实现文件上传和下载", "date_published": "2021-11-11T01:25:17.000Z", "content_html": "

本文仅展示了部分文件

\n

# 一、搭建 SpringBoot 开发环境

\n
# 1. 创建项目（略）
\n
# 2. 配置 application.yml 参数
\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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/

\n

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

\n\n

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

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

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

    private String filePath;

    public String getFilePath() {
        return filePath;
    }

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

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

\n
1
2
3
4
5
6
7
8
9
10
11
12
@EnableConfigurationProperties({
        FileProperty.class
})
//@SpringBootApplication(exclude = DataSourceAutoConfiguration.class)
@SpringBootApplication
public class FileApplication {

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

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

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

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
/**
 * 文件管理表
 * @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";
}
\n

异常信息处理类

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/**
 * @author fengbo
 * @Title: FileException
 * 异常信息配置
 */
public class FileException extends RuntimeException {

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

    public FileException(String message, Throwable cause) {
        super(message, cause);
    }
}
\n
# 4. 创建 FileController
\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

/**
 * 文件上传下载
 *
 * @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);
    }
}

\n

FileService实现类

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143

/**
 * 文件管理
 * @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);
    }
}


\n

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

\n

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

\n

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

\n
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?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>

\n

# 二、接口测试

\n

\"20221116201344\"

\n", "tags": [ "java", "springboot", "后端" ] }, { "id": "http://miemiefeng.github.io/%E8%8B%B1%E9%9B%84%E8%81%94%E7%9B%9F%E7%BE%8E%E6%B5%8B%E6%9C%8D%E6%B1%89%E5%8C%96/", "url": "http://miemiefeng.github.io/%E8%8B%B1%E9%9B%84%E8%81%94%E7%9B%9F%E7%BE%8E%E6%B5%8B%E6%9C%8D%E6%B1%89%E5%8C%96/", "title": "英雄联盟美测服汉化", "date_published": "2021-11-01T05:10:21.000Z", "content_html": "

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

\n

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

\n

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

\n
1
--locale=zh_CN
\n

记住加个空格

\n

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

", "tags": [ "game" ] }, { "id": "http://miemiefeng.github.io/%E5%8D%9A%E5%AE%A2%E4%B8%8A%E4%BA%91%E5%B0%8F%E8%AE%B0/", "url": "http://miemiefeng.github.io/%E5%8D%9A%E5%AE%A2%E4%B8%8A%E4%BA%91%E5%B0%8F%E8%AE%B0/", "title": "博客上云小记", "date_published": "2021-10-18T06:51:04.000Z", "content_html": "

# 一、服务器和域名

\n\n

服务器系统 Centos7

\n
# 1、配置 nginx
\n

使用云命令安装

\n
1
yum install -y nginx
\n

启动服务器

\n
1
2
systemctl start nginx
systemctl enable nginx
\n
# 2、配置服务器路由
\n

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

\n

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

\n

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

\n

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

\n
1
2
3
4
5
6
7
8
9
10
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 / {
    }
\n
# 3、安装 git
\n
1
yum install git
\n

配置 git 用户

\n
1
adduser git
\n

修改用户权限:

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

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

\n
1
root    ALL=(ALL)       ALL
\n

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

\n
1
git     ALL=(ALL)       ALL
\n

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

\n
1
chmod 400 /etc/sudoers
\n

设置 git 用户的密码

\n
1
sudo passwd git
\n

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

\n

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

\n
1
2
3
4
su git
cd ~
mkdir .ssh
cd .ssh
\n

生成公钥密钥文件

\n
1
ssh-keygen
\n

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

\n
1
id_rsa 和 id_rsa.pub
\n

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

\n
1
cp id_rsa.pub authorized_keys
\n

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

\n

然后我们修改它的权限

\n
1
2
3
chmod 755 ~
chmod 700 ~/.ssh
chmod 600 ~/.ssh/authorized_keys
\n

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

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

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

\n

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

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

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

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

在 post-receive 中输入

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

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

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

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

\n

# 1、安裝 hexo

\n

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

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

接下来就直接安装 hexo

\n
1
cnpm install -g hexo-cli
\n

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

\n
1
2
3
D:
cd Blog
hexo init
\n

执行成功后安装两个插件

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

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

\n
1
2
hexo g
hexo s
\n

# 2、配置服務

\n

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

\n

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

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

保存退出

\n

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

\n

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

\n

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

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

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

\n

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

\n", "tags": [ "hexo" ] } ] }