新建插件

niucloud 设计了新建插件的功能，通过新建插件，开发者可以快速创建自己的插件。系统根据开发者设置初始化基础的插件代码，方便开发者后续开发

新建插件步骤

点击开发 -> 插件开发 -> 开发流程 -> 新建插件

点击新建插件按钮，进入新建插件页面。开发者根据自身插件设计基础信息

创建一个插件，插件名称 cs_mall

点击生成插件之后这个插件是未安装的状态

新建插件后生成的未安装插件，代码会放在 webroot/addon/cs_mall 目录下

webroot                           生产环境应用发布模块 （在生产环境，只要把这个目录和下面的文件发布到服务器，就可以了）
|-addon                           插件目录
|  |-cs_mall                       插件名称
|  |  |-admin                     插件admin前端代码vue
|  |  |-java                      插件java代码，安装后合并到插件目录
|  |  |-menu                      插件菜单配置文件，json格式，安装会自动生成菜单
|  |  |-package                   插件包文件
|  |  |-resource                  插件资源文件
|  |  |-sql                       插件sql文件，用作安装初始化数据库
|  |  |-uni-app                   插件uniapp文件，安装后合并到系统uniapp目录
|  |  |-web                       插件web目录，安装后合并到系统web目录
|  |  |-info.json                 插件信息，关于插件的介绍以及基础配置

插件安装

插件创建后处于未安装状态，需要先进行安装才能正常使用和开发。点击应用 -> 未安装列表对插件进行安装

点击本地安装按钮，安装完成后，插件状态会切换为已安装

插件安装后，代码会合并到 niucloud-addon 目录下，admin 代码会合并到系统 admin 前端目录下面，uni-app 代码会合并到系统 uni-app 目录下面，web 目录会合并到系统 web 目录下面，下面说明合并的过程细节，方便后期继续开发

关于 java 代码，系统会生成基础的控制器，方法，服务层等等。文件结构服务端都相同，可以查看服务端说明，同时增加了相关依赖，注意如果没有自动引入，手动添加一下，具体可以参看插件安装手册

关于 admin 代码，admin 是后台管理端的前端，基于 element-plus 开发，开发之前请学习 element-plus 以及 vue3 基础知识，插件安装后会安装到插件的 addon 目录下，同时以插件名称作为文件夹根目录

关于 uni-app 代码，基础的代码结构与 admin 相同，开发之前需要掌握 uniapp 基础知识以及 vue3 知识，注意开发页面需要在 pages.json 定义，这个与后台不同

注意开发页面需要在 pages.json 定义，开发可以参考商城的书写方式

web 代码目录如下