|
@@ -1,21 +1,10 @@
|
|
|
----
|
|
|
-title: IMES-Cloud前端项目-VUE页面新增
|
|
|
-keywords: vue, typescript, 前端, 静态博客
|
|
|
-desc: Git VUE页面新增
|
|
|
-author: devin
|
|
|
-date: 2023-08-16
|
|
|
-tags: vue, 前端, IMES-Cloud
|
|
|
----
|
|
|
+## IMES-Cloud前端项目
|
|
|
|
|
|
+## 一、代码模块介绍
|
|
|
|
|
|
+### 1、`在项目文件夹src=>Views=>admin 文件下进行新增业务文件夹,例如Product 业务模块文件夹`
|
|
|
|
|
|
-## IMES-Cloud前端项目-VUE
|
|
|
-
|
|
|
-### 页面新增
|
|
|
-
|
|
|
-##### 1、`在项目文件夹src=>Views=>admin 文件下进行新增业务文件夹,例如Product 业务模块文件夹`
|
|
|
-
|
|
|
-##### 2、VUE 内容页面分三个模块
|
|
|
+### 2、VUE 内容页面分三个模块
|
|
|
|
|
|
###### 定义页面的样式:
|
|
|
|
|
@@ -232,7 +221,7 @@ tags: vue, 前端, IMES-Cloud
|
|
|
|
|
|
|
|
|
|
|
|
-##### 3、当前页面需要接口和页面对象定义
|
|
|
+### 3、当前页面需要接口和页面对象定义
|
|
|
|
|
|
定义当前页面需要的后端接口
|
|
|
|
|
@@ -478,3 +467,60 @@ export interface ComponentGetPageOutPut{
|
|
|
}
|
|
|
```
|
|
|
|
|
|
+## 二、新页面的开发
|
|
|
+
|
|
|
+### 1、新增视图
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 2、视图配置
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 3、新增分组
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 4、配置分组
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 5、新增菜单
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 6、配置菜单
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 7、数据字典
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+数据字典使用到pinia管理,代码文件在 src - stores - globalCacheStore.ts
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+Tip:
|
|
|
+
|
|
|
+1、添加页面时
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+在添加页面的时候如果需要将components放在fuelingsdk目录里,则在注册视图的时候,视图地址需要指定到具体的index页面
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+如果goodInfo里面只有index,视图地址则不需要指定到具体的index
|
|
|
+
|
|
|
+
|