mirror of
				https://github.com/bufanyun/hotgo.git
				synced 2025-11-04 16:23:43 +08:00 
			
		
		
		
	发布v2.2.10版本,更新内容请查看:https://github.com/bufanyun/hotgo/blob/v2.0/docs/guide-zh-CN/start-update-log.md
This commit is contained in:
		@@ -1,104 +0,0 @@
 | 
			
		||||
## RageFrame 2.x 插件升级到 3.x
 | 
			
		||||
 | 
			
		||||
目录
 | 
			
		||||
 | 
			
		||||
- 路由替换
 | 
			
		||||
- 配置移除
 | 
			
		||||
- UI 替换
 | 
			
		||||
- Icons 替换
 | 
			
		||||
- 表单组件 替换
 | 
			
		||||
- 安装
 | 
			
		||||
 | 
			
		||||
> 注意:默认当已安装 PhpStorm 等可以批量替换的编译器/软件
 | 
			
		||||
 | 
			
		||||
### 路由替换
 | 
			
		||||
 | 
			
		||||
1. 查找 `插件/common/config` 目录
 | 
			
		||||
 | 
			
		||||
2. 替换 `route` 为 `name`
 | 
			
		||||
 | 
			
		||||
### 配置移除
 | 
			
		||||
 | 
			
		||||
1. 查找 `插件/AddonConfig.php` 文件
 | 
			
		||||
 | 
			
		||||
2. 找到 `appsConfig` 变量的 `merapi` 删除掉,移除掉以后的配置
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
public $appsConfig = [
 | 
			
		||||
   'backend' => 'common/config/backend.php',
 | 
			
		||||
   'frontend' => 'common/config/frontend.php',
 | 
			
		||||
   'merchant' => 'common/config/merchant.php',
 | 
			
		||||
   'html5' => 'common/config/html5.php',
 | 
			
		||||
   'api' => 'common/config/api.php',
 | 
			
		||||
   'oauth2' => 'common/config/oauth2.php',
 | 
			
		||||
];
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
### UI 替换
 | 
			
		||||
 | 
			
		||||
1. 查找 `插件` 目录
 | 
			
		||||
 | 
			
		||||
2. 替换 `<div class='col-sm-1 text-right'>{label}</div><div class='col-sm-11'>{input}{hint}{error}</div>` 为 `<div class='row'><div class='col-sm-1 text-right'>{label}</div><div class='col-sm-11'>{input}\n{hint}\n{error}</div></div>`
 | 
			
		||||
 | 
			
		||||
3. 替换 `<div class='col-sm-2 text-right'>{label}</div><div class='col-sm-10'>{input}{hint}{error}</div>` 为 `<div class='row'><div class='col-sm-2 text-right'>{label}</div><div class='col-sm-10'>{input}\n{hint}\n{error}</div></div>`
 | 
			
		||||
 | 
			
		||||
4. 替换 `<div class='col-sm-2 text-right'>{label}</div><div class='col-sm-10'>{input}\n{hint}\n{error}</div>` 为 `<div class='row'><div class='col-sm-2 text-right'>{label}</div><div class='col-sm-10'>{input}\n{hint}\n{error}</div></div>`
 | 
			
		||||
 | 
			
		||||
5. 替换 `<div class='col-sm-3 text-right'>{label}</div><div class='col-sm-9'>{input}{hint}{error}</div>` 为 `<div class='row'><div class='col-sm-3 text-right'>{label}</div><div class='col-sm-9'>{input}\n{hint}\n{error}</div></div>`
 | 
			
		||||
 | 
			
		||||
6. 替换 `modal` 
 | 
			
		||||
 | 
			
		||||
> 批量替换估计难查找到,可以看见了手动替换掉,关键词搜索 `基本信息`
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
<div class="modal-header">
 | 
			
		||||
    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
 | 
			
		||||
    <h4 class="modal-title">基本信息</h4>
 | 
			
		||||
</div>
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
为
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
<div class="modal-header">
 | 
			
		||||
    <h4 class="modal-title">基本信息</h4>
 | 
			
		||||
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
 | 
			
		||||
</div>
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
7. 替换布局
 | 
			
		||||
 | 
			
		||||
如果单独使用了 `col-*` 这种布局出现页面失调的,需要在 `col-*` 外层加上 `<div class='row'></div>`。
 | 
			
		||||
 | 
			
		||||
例如:
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
<div class="row">
 | 
			
		||||
    <div class="col-6">
 | 
			
		||||
        
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="col-6">
 | 
			
		||||
        
 | 
			
		||||
    </div>
 | 
			
		||||
</div>
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
### Icons 替换
 | 
			
		||||
 | 
			
		||||
Icons 找不到请使用最新的 Icons 库 https://fontawesome.com/v5/search?s=solid
 | 
			
		||||
 | 
			
		||||
### 表单组件替换
 | 
			
		||||
 | 
			
		||||
个别表单组件报错请参考最新的使用文档 [表单控件](sys-widget.md)
 | 
			
		||||
 | 
			
		||||
### 安装
 | 
			
		||||
 | 
			
		||||
1. 放入 3.x 的 `addons` 目录,在后台->应用管理查找安装即可
 | 
			
		||||
 | 
			
		||||
2. 个别页面出现大小表格缩短显示问题可以修改替换
 | 
			
		||||
 | 
			
		||||
 - `col-xs-12` 为 `col-12`
 | 
			
		||||
 - `col-lg-12` 为 `col-12`
 | 
			
		||||
 - `col-sm-12` 为 `col-12`
 | 
			
		||||
 | 
			
		||||
> 个别报错找不到的组件需要自己替换修复
 | 
			
		||||
		Reference in New Issue
	
	Block a user