阿信博客

小程序生成带参数二维码避坑记录

Thu, 16 Feb 2023 15:57:27 +0800

一个小程序开发过程中，需要生成带参数的二维码。开发中遇到了一些坑，记录一下，以免下次入坑

一、PHP端

使用easywechat5.x版本，可以使用以下方法生成带参数的二维码

$app->app_code->getUnlimit(string $scene, array $optional = []);

注意事项：

坑一：$scene尽量不要使用`a=1&b=2&c=3`的形式，可以使用`1-2-3`的形式传递参数，然后在小程序端解析出三个参数值。

坑二：$scene中不用包含'scene='，也就是说不要写成'scene=1-2-3'，直接写成'1-2-3'即可

二、小程序端

因为有时候用 onLoad(options) 里面的 options 获取不到，所以需要用 wx.getLaunchOptionsSync() 来获取参数。因为小程序码在传递参数的时候，会对参数进行encodeURIComponent编码，所以要用decodeURIComponent进行解码，才可以正常使用。

onLoad:function(option){
	let obj = wx.getLaunchOptionsSync();
	let query = null;
	if(option.scene || obj.query.scene){
		query = option ? decodeURIComponent(option.scene) : decodeURIComponent(obj.query.scene);
		console.log(query)
		//参数一
		this.query1 = query.split("-")[0];
		console.log(this.query1);
		//参数二
		this.query2 = query.split("-")[1];
		console.log(this.query2);
		//参数三
		this.query3 = query.split("-")[2];
		console.log(this.query3);
		//业务逻辑
	}else {
		//业务逻辑2
	}
},

后端程序代码

/**
 * 清理指定场景下的所有二维码
 * @return \think\response\Json
 * @throws \Exception
 */
public function clearQrcode(): \think\response\Json
{
    $data = Request::only('scene_id','post');
    $scene_id = $data['scene_id'];

    try {
        //删除所有旧的二维码
        SceneQrcodeModel::where('scene_id',$scene_id)->delete();
        return ElResponse::success();

    } catch (\think\Exception $err) {
        return ElResponse::fail('任务执行失败，请稍后重试或联系技术人员处理');
    }
}

/**
 * 根据序号依次发起创建二维码请求
 * @return \think\response\Json
 */
public function createQrcode(): \think\response\Json
{
    $data = Request::only('scene_id,index','post');
    $scene_id = $data['scene_id'];
    $i = $data['index'];

    $scene = SceneModel::find($scene_id);
    try {
        $list = SchoolModel::where([
            ['pid','in',$scene['school']],
            ['level','=',3]
        ])
            ->order('sort asc, id asc')
            ->page($i,1)
            ->select();
        $class_id = $list[0]['id'];
        self::buildSceneQrcode($scene_id,$class_id);

        return ElResponse::success();
    } catch (\think\Exception $err) {
        return ElResponse::fail($err->getMessage());
    }
}

/**
 * 创建场景二维码，写入数据库
 * @param int $scene_id
 * @param int $class_id
 * @return void
 */
public function buildSceneQrcode(int $scene_id, int $class_id)
{
    $data = [
        'scene_id' => $scene_id,
        'class_id' => $class_id
    ];

    $sceneValue = $scene_id.'-'.$class_id;
    $path = 'qrcode/'.$scene_id.'/';
    $filename = $class_id.'.png';

    $data['qrcode'] = $this->generateQrCode($sceneValue,$path,$filename);

    SceneQrcodeModel::create($data);
}

public function generateQrCode($sceneValue, $path, $filename)
{
    $config = [
        'app_id' => Config::get('wechat_config.app_id'),
        'secret' => Config::get('wechat_config.secret'),
        'response_type' => 'array',
    ];
    $app = Factory::miniProgram($config);

    try {
        $response = $app->app_code->getUnlimit($sceneValue, ['page' => 'pages/scene/index']);
        if ($response instanceof \EasyWeChat\Kernel\Http\StreamResponse) {
            $filepath = Env::get('root_path').'public/miniprogram/'.$path;
            $file = $response->saveAs($filepath, $filename);
            \think\facade\Log::error($file);
            return '/miniprogram/'.$path.$file;
        }else {
            return '';
        }
    } catch (\think\Exception $err) {
        return '';
    }
}

js：webpack插件BannerPlugin添加版权信息

Wed, 09 Nov 2022 11:23:38 +0800

打包的时候要加入一些版权信息，如果每次打完包都手动添加，岂不是很累。

可以使用webpack插件BannerPlugin添加版权信息

最简单的配置

const webpack = require('webpack')

module.exports = {
  ...
  plugins: [
    new webpack.BannerPlugin('版权信息')
  ]
}

进阶配置

将变量信息从package.json文件引入，使用nunjucks的模板渲染能力，将模板和数据组合成最终输出的内容

安装相关依赖

npm i nunjucks moment -D

// 引入版权插入必要
const webpack = require('webpack');
const { name, version, author, homepage, description } = require('./package');
const nunjucks = require('nunjucks');
const moment = require('moment');

// 使用模板渲染
const LICENSE = nunjucks.render('LICENSE', {
  name: name,
  version: version,
  description: description,
  author: author,
  homepage: homepage,
  date: moment().format('YYYY-MM-DD HH:mm:ss'),
});

module.exports = {
  ...
  optimization: {
    minimizer: [
      //压缩CSS代码
      new CssMinimizerPlugin(),

      //压缩js代码
      new TerserPlugin({
        extractComments: false, // 不将注释提取到单独的文件中
      }),

      // 添加版权信息
      new webpack.BannerPlugin({
        entryOnly: true,
        banner: LICENSE,
        raw: true,
      }),
    ],
  },
}

LICENSE模板内容

/*!
 * Name {{name}}  
 * Version {{version}}  
 * Author: {{author}}
 * Description: {{description}}
 * Homepage:{{homepage}}
 * Date: {{date}}
 */

tailwindcss用法的延伸

Wed, 09 Nov 2022 08:34:03 +0800

自定义颜色

如果设计同学提供了项目中的主题色，并且有语义化的名称，比如类似success，info，warning这种语义化的颜色，我们就可以基于这些来配置我们的颜色，包括但不限于字体、背景、边框、阴影颜色(配置完之后直接可以使用类似text-success的类来设置颜色)，可以替换css预处理器的变量功能

// tailwindcss v3
const colors = {
  'success': '#654321'，
  'info': '#123456',
  'warning': '#666666',
  // ...
}
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    // ...
    colors,
  },
  plugins: [],
}
// tailwindcss v2
const colors = {
  'success': '#654321'，
  'info': '#123456',
  'warning': '#666666',
  // ...
}
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    // ...
    textColor: colors,
    backgroundColor: colors,
    borderColor: colors,
  },
  plugins: [],
}

v2和v3版本的设置有些许区别，v2具体的设置什么类别的颜色需要特别指定。

间距 & 宽高 & 行高 & 圆角 & 边框宽度

因为tailwindcss默认长度相关的配置是基于rem的，而PC端的项目大多数时候我们都是固定一个宽度，左右留白，所以大多数情况下，设计稿都会在固定一个宽度内，元素的大小宽高边距单位都是px，所以我们需要对默认的做一些特定配置来适配我们的项目

const spacing = {
  0: 0,
  4: '4px',
  8: '8px',
  12: '12px',
  // ... 项目中常用的都可以配置
}
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    // v3 & v2
    spacing,
    lineHeight: spacing,
    borderWidth: spacing,
    borderRadius: spacing,
  },
  plugins: [],
}

移动端适配方案

可能对于移动端适配，现在流行的就是viewport方案了，也可能有的项目还在用flexable方案，但是我们又不想手动换算px到rem或vw，虽然社区也有类似pxtorem或者pxtovw这种postcss的插件，但解决问题的方法还是不够优雅，可能是因为插件的维护的不积极，可能是插件不好用，不兼容postcss8(pxtovw说的就是你?)，既然我们都有tailwindcss了，那就让这些配置变的更简单一些吧！如果你们设计同学提供了常用的间距方案，比如4px的倍数或者6px的倍数，现在假设设计同学的设计稿都是750px的，我们就可以基于此来写两个函数方法来处理pxtorem和pxtovw的任务，如果你们是flexable方案就用pxToRem，如果是viewport的适配方案就用pxToVmin。

function pxToRem(variable) {
  return `${variable / 75}rem`
}

function pxToVmin(variable) {
  return `${variable / 7.5}vmin`
}
// flexable
const fontSize = {
  12: pxToRem(12),
  14: pxToRem(14),
  16: pxToRem(16),
  ...
}, spacing = {
  0: 0,
  4: pxToRem(4),
  8: pxToRem(8),
  12: pxToRem(12),
  ...
}
// viewport
const fontSize = {
  12: pxToVmin(12),
  14: pxToVmin(14),
  16: pxToVmin(16),
  ...
}, spacing = {
  0: 0,
  4: pxToVmin(4),
  8: pxToVmin(8),
  12: pxToVmin(12),
  ...
}
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    // ...
    fontSize,
    spacing
  },
  plugins: [],
}

当然圆角大小，边框宽度等都可以这么配置，是不是比使用插件优雅多了

嵌套语法

有的同学可能对css预处理器的嵌套语法情有独钟，tailwindcss里面可以吗?安排!

tailwindcss有一个插件叫@tailwindcss/nesting，基于官网的一些配置，需要注意的是文档上的是给postcss配置tailwindcss/nesting，实际上需要配置@tailwindcss/nesting，然后就可以基于css提供嵌套的能力，试试呗~

固定行数后截断

有时候我们会为了写一个文本在x行之后阶段并显示...要写好几行样式代码，所以我们通常会定义一个这样的scss工具函数

@mixin ellipsis($line: 1, $substract: 0) {
    @if $line==1 {
        white-space: nowrap;
        text-overflow: ellipsis;
    } @else {
        display: -webkit-box;
        -webkit-line-clamp: $line;
        -webkit-box-orient: vertical;
    }
    width: 100% - $substract;
    overflow: hidden;
}

tailwindcss对于这种特殊情况提供了专有的插件@tailwindcss/line-clamp，只需要安装一下，然后在tailwind.config.js中的plugins中引入即可

安装插件

npm install -D @tailwindcss/line-clamp

配置

// tailwind.config.js
module.exports = {
  // ...
  plugins: [
    require('@tailwindcss/line-clamp'),
  ],
}

使用

<div class="line-clamp-3">
  <!-- ...3行后截断 -->  
<div>

多主题

可能你维护的是一个需要支持多主题的项目，不同的情况下有多种配色方案，在tailwindcss中配合css var来实现多主题配色会简单到让你窒息：

在你的全局css文件中配置主题，假设我们有success、info、warning这三种不同的主题配色

/* global base css */
@tailwind base;
@tailwind components;
@tailwind utilities;
// 默认主题
:root {
  --success: 5 193 174;
  --info: 51 163 238;
  --warning: 237 214 18;
}
// 主题1的配色
.theme-1 {
  --success: 36 195 102;
  --info: 54 143 255;
  --warning: 234 209 27;
}
// 主题2的配色
.theme-2 {
  --success: 57 209 121;
  --info: 0 186 255;
  --warning: 234 209 27;
}

然后到我们的tailwind.config.js中改变我们的颜色配置

// 让我们的颜色支持透明度设置
function withOpacityValue(variable) {
  return ({ opacityValue }) => {
    return opacityValue === undefined
      ? `rgb(var(${variable}))`
      : `rgb(var(${variable}) / ${opacityValue})`
  }
}

const colors = {
  success: withOpacityValue('--success'),
  info: withOpacityValue('--info'),
  warning: withOpacityValue('--warning'),
  // ...
}
module.exports = {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  theme: {
    // ...
    colors,
  },
  plugins: [require('@tailwindcss/line-clamp')],
}

最后根据不同的情况设置你的主题，对要设置的主题的顶级元素设置对应的class即可，内部的所有颜色样式都会对应特定的主题而改变！

<!-- 默认主题 -->
<div>
  <!-- ... -->
</div>
<!-- 主题1 -->
<div class="theme-1">
  <!-- ... -->
</div>
<!-- 主题2 -->
<div class="theme-2">
  <!-- ... -->
</div>

一些最佳实践

如果某些元素样式特别复杂，导致html代码很长很乱怎么优化?你可以通过tailwindcss提供的@apply指令将一系列样式通过一个语义化的类表现出来

<div class="complex-node">xxxx<div>

// ...
<style>
.complex-node {
  @apply flex m-3 text-success rounded ....;
}
</style>

我有一些样式是全局通用的，比如按钮，卡片的一些样式，我该怎么维护?你可以通过tailwindcss提供的@layer指令将比较通用的样式layer到components层，作为组件级别的样式，从而可以达到全局复用的目的

@layer components {
  .btn-blue {
    @apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
  }
}

我的项目是多人维护的，我如何保证原子化的样式类名称有一个比较合理的顺序呢?比如你喜欢先写宽高然后写定位，但是你的同事跟你相反，如何制定一个规范呢?tailwindcss提供了一个prettier插件prettier-plugin-tailwindcss，可以通过安装插件并且配置保存后更新即可规范不同成员写样式类的格式化问题

npm install -D prettier prettier-plugin-tailwindcss

新建一个配置文件.prettierrc.json键入{}根据你们项目的原有配置进行配置，如果是个人项目也可以根据你个人喜好进行配置，然后在vscode中安装esbenp.prettier-vscode这个插件，然后打开你的设置搜索format，将Format On Paste和Format On Save都勾选上，就可以在保存完之后自动对你的样式类的顺序进行排序，排序的规则默认是根据css box model从外到内的规则进行排序的：

margin - border - padding - content

总结

只是针对平时笔者使用到的部分对tailwindcss的能力进行了一些浅谈，其实还有很多能力都没有说到，比如v3提供的一些针对打印页面的样式，hover、active、伪类等的一些设置，其实也比较简单，具体使用的时候看下官方文档就可以了。可能有部分小伙伴也会吐槽tailwindcss有很多基础类的名称需要记忆，其实也不多，熟能生巧，都是一劳永逸的东西。

本文来源：https://blog.csdn.net/i_am_a_sb/article/details/123095901，感谢原作者的付出，如侵权请联系

Ubuntu 安装Phpstorm

Sun, 06 Nov 2022 16:14:08 +0800

1、首先去Jetbrains官网下载PhpStorm的tar包

2、下载完成后，打开终端窗口并将您的工作目录更改为下载目录，然后使用以下命令解压缩.tar.gz文件：

tar zxvf PhpStorm-2022.2.3.tar.gz

3、将在当前工作目录中创建一个名为PhpStorm-***.**.*的新文件夹。将此PhpStorm-***.**.*目录移动到/ opt。

sudo mv PhpStorm-***.**.*/ /opt/phpstorm/

4、创建一个软链接

sudo ln -s /opt/phpstorm/bin/phpstorm.sh /usr/local/bin/phpstorm

5、在终端中键入phpstorm来启动应用程序

phpstorm

比较省心的方式是建立一个phpstorm的快捷方式，但是用网上的方法尝试以后，发现使用快捷方式打开的phpstorm是未激活的状态，待解决后再更新

解决jquery插件冲突的问题

Tue, 25 Oct 2022 21:41:57 +0800

今天开发过程中发现lightbox与jquery冲突，导致jquery无法生效。

结果上网搜了搜，解决办法有如下

jQuery.noConflict()

具体实现：

jQuery.noConflict();
(function($) {
  $(function() {
    // 使用 $ 作为 jQuery 别名的代码  我把导航的js代码写在这中间就行了
  });
})(jQuery);

常用API接口收集

Sun, 09 Oct 2022 09:24:12 +0800

一、博天API

地址：https://api.btstu.cn/

特色：随机头像、随机壁纸、随机鸡汤等

tailwind css 生态和封装组件

Mon, 12 Sep 2022 10:23:32 +0800

大神整理的

https://asmcn.icopy.site/awesome/awesome-tailwindcss/

比较好用的片段封装

https://flowrift.com/

不错的UI

daisyUI https://daisyui.com/

延伸：超赞列表合集

https://github.com/icopy-site/awesome-cn https://asmcn.icopy.site/

CSS3实现折角效果

Fri, 09 Sep 2022 15:28:19 +0800

background:linear-gradient参数介绍

background:linear-gradient(angle,color-stop length,color-stop，length)

angle可以指定0~360deg,或者用方向：to left,to left bottom等属性
举例：div的其余属性为：
color-stop指颜色的终点
length指颜色跨越的距离

1、渐变

#div{
    width: 200px;
    height: 100px;
    margin: 100px;
    padding: 20px;
    background: linear-gradient(0deg, red 20%, blue 60%, yellow);
}

效果：

即：沿0deg渐变，从0~20%*height颜色为red，从20%~60%*height颜色为blue，从60%~100%*height颜色为yellow。

2、无渐变

#div{
    width: 200px;
    height: 100px;
    margin: 100px;
    padding: 20px;
    background: linear-gradient(0deg, red 20%, blue 20%,blue 80%, green 80%,green 100%);
}

即：沿0deg渐变，从0~20%*height颜色为red，从(20%~20%)*height颜色为red到blue的过渡，从20%~80%*height颜色为blue，从(80%~80%)*height颜色为blue到green的过渡，从80%~100%*height颜色为green。

可简写为background: linear-gradient(0deg, red 20%, blue 0,blue 80%, green 0);因为颜色后面的length必须是递增的，若写为递减的浏览器将自动将length调整为前面最近的length值，同时相同颜色相同length值会覆盖。

3、改变渐变方向

#div{
    width: 200px;
    height: 100px;
    margin: 100px;
    padding: 20px;
    background: linear-gradient(45deg, red 20%, blue 60%, yellow);
}

或者

#div{
    width: 200px;
    height: 100px;
    margin: 100px;
    padding: 20px;
    background: linear-gradient(to right top, red 20%, blue 60%, yellow);
}

效果：

4、折角

第1步——剪

添加background: linear-gradient(225deg, transparent 1.5em, blue 1.5em, blue);

或者简写为background: linear-gradient(225deg, transparent 1.5em, blue 0);

其中右上角红色线条的长度为1.5em

第2步——添加折角

添加background: linear-gradient(225deg, transparent 50%, gray 50%,gray) 100% 0 / 2em 2em;

其中，100% 0 / 2em 2em表示从(X:100%*width，Y:0*height)处即右上角开始过渡，长宽分别为2em 2em,接下来添加no-repeat属性，只显示最右上角的一个正方形，上半部分为透明色。

上图为审查元素时的效果。现在将以上效果叠加起来：

background: linear-gradient(225deg, transparent 50%, green 50%,green)
 no-repeat 100% 0 / 2em 2em, 
linear-gradient(225deg, transparent 1.5em, #00cd00 0);

第3步——添加折角

为了做出其他角度的更逼真的折页效果，即过渡的角度225deg如下图：

首先将剪掉的折叠角放在div中，添加的折角放在div::before中，

第1步——剪角180+30=210deg

 #div {
            width: 200px;
            height: 100px;
            margin: 100px;
            padding: 20px;
            position: relative;
         background: linear-gradient(210deg, transparent 1.5em, green 0);
        }

第2步——添加折角

#div::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 3em;
            height: 1.73em;
            background: linear-gradient(210deg, red 50%, black 0);
         }

第3步——改变添加折角的角度

想要的折角上上图中红色部分以它斜边为对称轴的对称部分，而上面background: linear-gradient(210deg, red 50%, black 0);中，不管before中width和height是多少，都是在50%处以上为red，因此，考虑到将before中width和height对换,同时渐变的角度+30即240deg

#div::before {
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              width: 1.73em;
              height: 3em;
              background: linear-gradient(240deg, red 50%, black 0);
         }

第4步——将添加折角向上平移

将添加的折角向上平移到其底部和剪掉的三角形最右下重合，即上移3-1.73~=1.3

#div::before {
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              width: 1.73em;
              height: 3em;
              background: linear-gradient(240deg, red 50%, black 0);
              transform: translateY(-1.3em);
         }

第5步——添加阴影效果

将background中的red换成transparent，再添加阴影效果

 #div {
            width: 200px;
            height: 100px;
            margin: 100px;
            padding: 20px;
            position: relative;
            border-radius:0.5em
         background: linear-gradient(210deg, transparent 1.5em, green 0);
        }
#div::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1.73em;
    height: 3em;
    background: linear-gradient(240deg, transparent 50%, #138a18 0);
    transform: translateY(-1.3em) rotate(-30deg);
    transform-origin: bottom right;
    border-bottom-left-radius: inherit;
    box-shadow: -0.2em 0.2em 0.3em -0.1em #065206;
}

等待继续编辑：https://blog.csdn.net/u012657197/article/details/75321796

https://blog.csdn.net/qq_24724109/article/details/88206596

linux使用dd命令拷贝/生成文件

Thu, 09 Jun 2022 21:01:39 +0800

生成指定大小的空文件

生成1M大小的文件：

sudo dd if=/dev/zero of=test_1M.img bs=1M count=1

生成1G大小的文件：

sudo dd if=/dev/zero of=test_1G.img bs=1M count=1K

宝塔面板安装指定历史版本教程

Thu, 09 Jun 2022 20:04:39 +0800

前言

使用宝塔官方一键命令，直接搭建出来的是最新版的宝塔。但是，很多时候我们需要使用低版本的，这个时候就没有办法直接使用一键命令来搭建了。

下面不念就讲讲怎么安装指定历史版本塔面板。

20221004更新

发现一个宝塔工具箱，可以一键去掉强行登录的限制，还有一些其他功能，均有待验证，网址为：https://www.btpanel.cm/

Windows版本的工具箱地址：https://github.com/gacjie/btwindows_tools

一、Linux面板

20220609重要更新

官方已经把所有的历史版本都修改过了，所以不能用下面的官方连接下载了，需要到github下载。仓库地址 https://github.com/wei/baota/releases

1.1 版本合集

https://download.bt.cn/install/update/LinuxPanel-7.7.0.zip (这个就可以)

https://download.bt.cn/install/update/LinuxPanel-7.6.0.zip

https://download.bt.cn/install/update/LinuxPanel-7.5.2.zip

https://download.bt.cn/install/update/LinuxPanel-7.5.1.zip

https://download.bt.cn/install/update/LinuxPanel-7.4.8.zip

https://download.bt.cn/install/update/LinuxPanel-7.4.7.zip

https://download.bt.cn/install/update/LinuxPanel-7.4.6.zip

https://download.bt.cn/install/update/LinuxPanel-7.4.5.zip(会有绑定提醒)

https://download.bt.cn/install/update/LinuxPanel-7.4.3.zip

https://download.bt.cn/install/update/LinuxPanel-7.4.2.zip (有pma漏洞)

https://download.bt.cn/install/update/LinuxPanel-7.4.0.zip

https://download.bt.cn/install/update/LinuxPanel-7.3.0.zip

https://download.bt.cn/install/update/LinuxPanel-7.2.0.zip

https://download.bt.cn/install/update/LinuxPanel-7.1.1.zip

https://download.bt.cn/install/update/LinuxPanel-7.1.0.zip

https://download.bt.cn/install/update/LinuxPanel-7.0.3.zip

https://download.bt.cn/install/update/LinuxPanel-7.0.2.zip

https://download.bt.cn/install/update/LinuxPanel-7.0.1.zip

https://download.bt.cn/install/update/LinuxPanel-6.9.9.zip

https://download.bt.cn/install/update/LinuxPanel-6.9.8.zip

https://download.bt.cn/install/update/LinuxPanel-6.9.7.zip

https://download.bt.cn/install/update/LinuxPanel-6.9.6.zip

https://download.bt.cn/install/update/LinuxPanel-6.9.5.zip

https://download.bt.cn/install/update/LinuxPanel-6.9.2.zip

https://download.bt.cn/install/update/LinuxPanel-6.8.5.zip

https://download.bt.cn/install/update/LinuxPanel-6.8.4.zip

https://download.bt.cn/install/update/LinuxPanel-6.8.3.zip

https://download.bt.cn/install/update/LinuxPanel-6.8.2.zip

https://download.bt.cn/install/update/LinuxPanel-6.6.6.zip

https://download.bt.cn/install/update/LinuxPanel-6.5.0.zip

https://download.bt.cn/install/update/LinuxPanel-6.4.0.zip

https://download.bt.cn/install/update/LinuxPanel-6.3.0.zip

https://download.bt.cn/install/update/LinuxPanel-6.2.0.zip

https://download.bt.cn/install/update/LinuxPanel-6.1.0.zip

https://download.bt.cn/install/update/LinuxPanel-5.9.2.zip

https://download.bt.cn/install/update/LinuxPanel-5.9.1.zip(目前仍然很多人在用的版本)

https://download.bt.cn/install/update/LinuxPanel-5.9.0.zip

https://download.bt.cn/install/update/LinuxPanel-5.2.0.zip

https://download.bt.cn/install/update/LinuxPanel-5.0.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.9.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.8.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.7.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.6.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.5.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.4.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.3.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.2.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.1.0.zip

https://download.bt.cn/install/update/LinuxPanel-4.0.0.zip

https://download.bt.cn/install/update/LinuxPanel-3.9.0.zip

https://download.bt.cn/install/update/LinuxPanel-3.8.0.zip

https://download.bt.cn/install/update/LinuxPanel-3.7.0.zip

https://download.bt.cn/install/update/LinuxPanel-3.5.0.zip

1.2 安装方法

1、先使用官方命令正常进行宝塔安装

Ubuntu/Deepin安装命令：wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh Debian安装命令： wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh

2、根据官方手动升级/降级方法进行覆盖安装

1、下载离线升级包,并将升级包上传到服务器中的/root目录 2、unzip LinuxPanel-* #解压文件 3、cd panel #切换到升级包目录 4、bash update.sh #执行升级脚本 5、cd .. && rm -f LinuxPanel-*.zip && rm -rf panel #删除升级包

3、覆盖安装后如果出现登录用户名、密码错误无法登陆时，可以使用以下命令重置密码

cd /www/server/panel && python tools.py panel yourpasswd

紫框即你要修改的密码，红框即面板账户

4、为了更安全起见，可以执行以下内容，避免一些问题~~

echo '127.0.0.1 bt.cn' >>/etc/hosts

1.3 教程

宝塔降级教程(使用SSH连接工具执行下面的命令)这里已7.7为例

wget http://download.bt.cn/install/update/LinuxPanel-7.7.0.zip(链接复制你想降低的版本)

2、解压执行命令

unzip LinuxPanel-7.7.0.zip

3、进入升级目录

cd /root/panel

4、运行降级

bash update.sh

二、Windows面板

宝塔 windows 版本自 7.2 开始需要绑定账户才能使用，删除 “bind_path.pl” 都没用，甚至在 7.3/7.4 版本即使破解了免登录但软件商店用不了，只能想办法安装老版本。

2.1 修改版本号

破解办法，先正常安装当前最新版本，安装完成后手动登录一下面板(不需要绑定账户)，然后在宝塔安装目录的 “D:\BtSoft\panel\data” 下有一个"panel.version” 的文件 (如果没有那就自己新建一个)，打开编辑把版本号，如 7.4.0 修改为 7.1.9。

为什么不换成 7.2 版本，因为从 7.1.9 以后的版本官网没有面板文件，如果你有可自行手动替换，保留 “config/config.json，config/index.json，data/libList.conf，data/plugin.json” 这几个文件(7.1.9 面板文件放在文末可自行替换)

2.2 执行修复程序

上面步骤执行完后，打开 cmd 命令或者 PowerShell，输入 bt 选择修复面板程序

2.3 删除账户绑定文件

最后将 “D:\BtSoft\panel\data” 下 bind_path.pl 文件删除或者重命名可免登录账户

附件：

panel_7.1.9.zip

附件暂时用不到，因为系统会自动下载7.1.9的修复文件