平台内置前端代码开发

> 概述: > > super平台/业务平台,基于VUE3+ElementPlus框架开发。 > > 提示:如开发者需修改平台源码,则需要一定的VUE与Element方面的基础。[VUE3学习链接](https://cn.vuejs.org/guide/essentials/forms.html) / [ElementPlus学习链接](http://element-plus.org/zh-CN/guide/quickstart.html) ## 环境需求 > 安装 Node.js [Node.js 帮助链接](http://nodejs.cn/),安装VUE,ElementPlus > > 推荐版本:Node.js@16.17.0,VUE@3,Element@plus ## 目录结构 >- src/apis : 存放访问服务端接口的api目录。 >- src/components : 公用组件存放目录。 >- src/config : 存放 配置信息。如:拦截配置等 >- src/constant : 存放前端常量的目录。 >- src/locales : 存放国际化的词库目录。 >- src/model : 存放服务端实体的目录。 >- src/router : 存放路由配置的目录。 >- src/styles : 存放集中控制平台样式的目录。 >- src/utils : 存放公用的方法/配置文件的目录 >- src/views : 存放平台业务页面的目录 ## 推荐开发工具 > 开发工具:IDEA,VCCODE[下载IDEA 链接](https://www.jetbrains.com.cn/idea/),[下载VCCODE 链接](https://code.visualstudio.com/) ## 打包并上传流程 > 执行(npm run build:dev)命令进行打包,以及将打包内容压缩为.zip文件并发布该工程包 > > 操作示例:使用IDEA进行演示,可根据不同需求使用 cnpm,npm/其它 1.执行 npm i 下载依赖 ![20220913095345.png](https://cos.easydoc.net/16860085/files/lflxk6sp.png) 2.执行 npm run serve:dev 运行项目 ![20220913101727.png](https://cos.easydoc.net/16860085/files/lflxkax8.png) 3.运行成功后执行 npm run build:dev 进行打包 ![20220913101915.png](https://cos.easydoc.net/16860085/files/lflxkfdk.png) 4.找到工程下的dist目录中的文件进行压缩(格式为:.zip)推荐压缩工具:[rar压缩工具](https://www.win-rar.com/) ![20220913103148.png](https://cos.easydoc.net/16860085/files/lflxkj1n.png) 5.压缩成功后进入开发者平台,找到对应模块进行发布即可(如有疑问请点击一> [代码发布>上传流程图]() ![20220913104112.png](https://cos.easydoc.net/16860085/files/lflxkp5t.png)