ThinkAdmin 下个版本的计划 · Issue #I4CK3H · Anyon/ThinkAdmin

创建了任务

将关联仓库设置为Anyon/ThinkAdmin

将置顶等级设置为高

修改了描述

展开全部操作日志

修改了描述

原值

* 新版本 ThinkAdmin 后台使用 iview  开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件。

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

新值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件。

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

修改了描述

原值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件。

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

     methods: {

         show: function () {

           this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

新值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

修改了描述

原值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

新值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

修改了描述

原值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

     methods: {

         show: function () {

           this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

新值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 当前技术栈分支: html

[https://gitee.com/zoujingli/ThinkAdmin/tree/html](http://https://gitee.com/zoujingli/ThinkAdmin/tree/html)

在线体验地址：http://html.thinkadmin.top

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

修改了描述

原值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 当前技术栈分支: html

[https://gitee.com/zoujingli/ThinkAdmin/tree/html](http://https://gitee.com/zoujingli/ThinkAdmin/tree/html)

在线体验地址：http://html.thinkadmin.top

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

新值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 当前技术栈分支: html

[https://gitee.com/zoujingli/ThinkAdmin/tree/html](https://gitee.com/zoujingli/ThinkAdmin/tree/html)

在线体验地址：http://html.thinkadmin.top

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

修改了描述

原值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 当前技术栈分支: html

[https://gitee.com/zoujingli/ThinkAdmin/tree/html](https://gitee.com/zoujingli/ThinkAdmin/tree/html)

在线体验地址：http://html.thinkadmin.top

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

 <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

        visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

         }

        }

    })

  </script>

</body>

</html>

```

新值

* 新版本 ThinkAdmin 后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除 requirejs 加载，全面转 vue 插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 当前技术栈分支: html

[https://gitee.com/zoujingli/ThinkAdmin/tree/html](https://gitee.com/zoujingli/ThinkAdmin/tree/html)

在线体验地址：http://html.thinkadmin.top

**后台模式设计：** Vue + php 混合模式。

```

index.html 主入口；

layout.vue 布局；

页面1.vue 页面文件；

页面2.vue 页面文件；

```

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

    <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

修改了描述

原值

* 新版本ThinkAdmin后台使用 iview 或 element-ui 开源版本。

* 后台的前端代码使用 http 加载页面，不使用编译。

* 去除requirejs加载，全面转vue插件，懒加载页面。

* 后台应用组件化，标准化组件数据结构，支持在线安装与发布。

### 当前技术栈分支: html

[https://gitee.com/zoujingli/ThinkAdmin/tree/html](https://gitee.com/zoujingli/ThinkAdmin/tree/html)

在线体验地址：http://html.thinkadmin.top

**后台模式设计：** Vue + php 混合模式。

```

index.html 主入口；

layout.vue 布局；

页面1.vue 页面文件；

页面2.vue 页面文件；

```

### 关于 UI 结构暂定如下

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 iview 的介绍

https://www.iviewui.com

```html

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ViewUI example</title>

    <link rel="stylesheet" type="text/css" href="http://unpkg.com/view-design/dist/styles/iview.css">

    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>

    <script type="text/javascript" src="http://unpkg.com/view-design/dist/iview.min.js"></script>

</head>

<body>

<div id="app">

    <i-button @click="show">Click me!</i-button>

 <Modal v-model="visible" title="Welcome">Welcome to ViewUI</Modal>

</div>

<script>

    new Vue({

        el: '#app',

        data: {

            visible: false

        },

        methods: {

            show: function () {

                this.visible = true;

            }

        }

    })

  </script>

</body>

</html>

```

新值

* 新版本`ThinkAdmin`后台使用`ElementPlus`开源`UI`框架。

* 后台前端`UI`代码使用`http`加载页面，不使用脚手架编译。

* 去除`requirejs`加载，全面转`vue`插件，懒加载需要的文件。

* 后台应用模块化，标准化模块数据结构，减少数据库初始化配置。

### 核心组件列表

```

vue v3.2.22

vue.router v4.0.12

vue.sfc.loader v0.8.4

vue element-plus v1.2.0-beta.3

```

### 当前实验性方案

* 源代码地址：

https://gitee.com/zoujingli/ThinkAdmin/tree/html

* 在线体验地址：

http://html.thinkadmin.top

**后台模式设计：** Vue + php 混合模式。

```

index.html 入口文件；

> layout.vue 页面布局；

> 页面 1.vue 页面文件；

> 页面 2.vue 页面文件；

> 页面 3.vue 页面文件；

...

..

.

```

### 关于 UI 结构暂定如下：

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 Element-Plus 的介绍

https://element-plus.gitee.io/zh-CN/

将负责人设置为Anyon

修改了描述

原值

* 新版本`ThinkAdmin`后台使用`ElementPlus`开源`UI`框架。

* 后台前端`UI`代码使用`http`加载页面，不使用脚手架编译。

* 去除`requirejs`加载，全面转`vue`插件，懒加载需要的文件。

* 后台应用模块化，标准化模块数据结构，减少数据库初始化配置。

### 核心组件列表

```

vue v3.2.22

vue.router v4.0.12

vue.sfc.loader v0.8.4

vue element-plus v1.2.0-beta.3

```

### 当前实验性方案

* 源代码地址：

https://gitee.com/zoujingli/ThinkAdmin/tree/html

* 在线体验地址：

http://html.thinkadmin.top

**后台模式设计：** Vue + php 混合模式。

```

index.html 入口文件；

> layout.vue 页面布局；

> 页面 1.vue 页面文件；

> 页面 2.vue 页面文件；

> 页面 3.vue 页面文件；

...

..

.

```

### 关于 UI 结构暂定如下：

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 Element-Plus 的介绍

https://element-plus.gitee.io/zh-CN/

新值

* 新版本`ThinkAdmin`后台使用`ElementPlus`开源`UI`框架。

* 后台前端`UI`代码使用`http`加载页面，不使用脚手架编译。

* 去除`requirejs`加载，全面转`vue`插件，懒加载需要的文件。

* 后台应用模块化，标准化模块数据结构，减少数据库初始化配置。

### 核心组件列表

```

vue v3.2.22

vue.router v4.0.12

vue.sfc.loader v0.8.4

vue element-plus v1.2.0-beta.3

```

### 当前实验性方案

* 在线体验地址：

http://html.thinkadmin.top

* 源代码地址：

https://gitee.com/zoujingli/ThinkAdmin/tree/html

**后台模式设计：** Vue + php 混合模式。

```

index.html 入口文件；

> layout.vue 页面布局；

> 页面 1.vue 页面文件；

> 页面 2.vue 页面文件；

> 页面 3.vue 页面文件；

...

..

.

```

### 关于 UI 结构暂定如下：

![输入图片说明](https://images.gitee.com/uploads/images/2021/1118/150246_aae63bde_126695.png "屏幕截图.png")

### 关于 Element-Plus 的介绍

https://element-plus.gitee.io/zh-CN/

GVP Anyon/ThinkAdmin

内容风险标识

ThinkAdmin 下个版本的计划置顶

评论 (40)

GVPAnyon/ThinkAdmin

内容风险标识

ThinkAdmin 下个版本的计划 置顶

评论 (40)

搜索帮助

GVP Anyon/ThinkAdmin

ThinkAdmin 下个版本的计划置顶