免费视频|新人指南|投诉删帖|广告合作|地信网APP下载

查看: 1847|回复: 2
收起左侧

[技术交流] 星图地球开发者平台项目管理操作指南

[复制链接]

33

主题

2790

铜板

3

好友

至尊VIP

Rank: 24Rank: 24Rank: 24Rank: 24Rank: 24Rank: 24

积分
237
发表于 2022-8-31 15:08 | 显示全部楼层 |阅读模式
星图地球开发者平台DEV平台是以项目为单位进行管理的,对项目的页面,资源,路由等操作都在这个模块。点击系统左侧导航[项目]按钮即可进入该模块的核心页面。星图地球开发者平台 (geovisearth.com)

新建项目
新建项目的入口有两个, 一个是左侧导航中第一个按钮 [新建项目] ,另一个是在您第一次使用系统时还没有建立过任何项目的情况下,从左侧导航[项目]中进入项目管理页面,会看到一个新建项目的按钮。
1.jpg
选择一个模版(如果不需要请在[空白项目] . 上点击选择)。选择成功后在弹出的对话框中填入项目名称、所属团队(如果您没有所属团队,可以点击旁边的[创建团队]新建一个团队)等信息之后,在提示新建成功后,页面就会跳转到对应的项目中。
2.jpg

项目管理
点击左侧导航[项目]进入的就是这个页面,如下图:
3.jpg
在这个页面中列出的就是您现在所拥有的所有项目。
●顶部可以根据名称进行搜索;
●右侧两个按钮都是展示方式的切换, 一个是排列排序筛选,一个展示方式的切换(切换项目用卡片形式展现或者表格形式展现) :
4.jpg
●对项目操作:鼠标悬停在项目卡片上,项目卡片分为两个响应区域,点击左侧可以直接进入项目详情,右侧“...”可以对项目进行重命名和删除。

一个项目涉及的要素很多,所以当点击进入项目详情之后,涉及的功能大致有:页面管理、资源管理、信息设置、路由管理、导出管理。上述五个功能, 在进入项目详情之后以"顶部二级导航”的方式出现在这个界面的头部,用户可以根据需要进行切换,如下图所示:
5.jpg

页面管理
顶部二级导航中,选择[页面]就是管理当前项目中所有涉及的页面,主要有以下功能:
新建页面
需要新建页面的话,首先点击右侧[添加页面],先选择模版(如果不需要模版,选择空白模版)再填写页面的基本信息,填好之后直接可以进入页面编辑器,对新增页面进行编辑。
6.jpg
选择模版后填写信息,点击确认添加,这时浏览器会新开一个选项卡, 进入该页面的编辑器:
7.jpg
展示顺序及展示方式切换和项目列表类似,在右侧两个按钮都是展示方式的切换, 一个是排列排序筛选,一个展示方式的切换(切换项目用卡片形式展现或者表格形式展现)右侧为切换表格后(只是展示方式不同,功能一致) :
8.jpg
9.jpg
导入导出项目
针对创建完成的项目私有化部署需求,平台提供项目导出功能。可在列表或表格的展示方式下,选中其中一个或几个页面,点击[导出项目],平台就开始导出项目了,提示是否去导出列表查看:
10.jpg
如果点击[查看]的话,就会跳转到导出列表页面。
当列表中的项目导出状态的为"成功” 后,即可对导出结果进行下载,导出结构文件可以直接在web容器中部署,也可以重新导入到平台。
如您有项目私有化部署的导出需求,亦可扫码与我们联系。
11.jpg
具体导入的操作就是点击[导入项目],选择文件并确定。

页面操作
●预览
鼠标悬停在页面卡片的最左边就是[预览]按钮,点击它,浏览器会新建-个预览选项卡,这就是您当前页面,当前状态下的的预览效果。
12.jpg

●编辑
鼠标悬停在页面卡片的中间就是[编辑]按钮,点击浏览器会打开一个编辑器选项卡进入当前页面的编辑模式,您可以在编辑器中做更多复杂的编辑功能。
13.jpg

●其他操作
鼠标悬停在页面卡片的最右边三个点处,会弹出一个下拉菜单,菜单中包括了:页面设置、发布历史、复制、重命名、删除等其他操作,如下图所示:
14.jpg
●选择[页面设置]会弹出一个页面基本信息对话框,可以更改名称、描述和选择所属团队;
●选择[发布历史]会弹出一-个对话框展示页面的发布历史信息;
●选择[复制]会在当前的项目中以该页面为蓝本重新复制- -个新的页面,新的页面默认命名规则是:“复制”+被复制页面名;
●选择[重命名]可以快速的对页面重新命名;
●选择[删除],在二次确认后就可删除该页面;


项目设置
顶部二级导航中,选择[设置]可以对该项目进行信息设置和配置以及成员管理,如下图所示:
15.jpg

主要功能有:
●基础设置
16.jpg
如上面截图所示,在[基础设置]中可以修改项目名称、所属团队、修改描述、修改项目封面,完成后点击[保存]即可生效;
●配置
选择[配置],可以看到默认提供了两个配置文件模版: config.js和pluginConfig.js, 可以针对这两个模版做一些编辑,也可以点击[新建文件]来新建配置文件。
17.jpg
这里涉及一些简单的编程基础, 比如选择configjs,点击文件名后面的编辑按钮,可以看到在页面下方打开了代码编辑器:
18.jpg
在此可以编辑一些针对项目全局的属性,用以在页面编辑中使用,编辑完成后点击[保存]即可

●成员
这里用来对项目成员进行管理,您可以在输入框中输入用户名搜索选择您需要添加的用户,并赋予其“管理员”或者“开发者”权限;
已经添加的成员可以在[当前项目成员]这一栏看到,您可以选择[移除]将其踢出项目或者修改其权限;
19.jpg
关于团队成员和项目成员,这里举例阐述:假设某个用户A创建了一个项目,那么A用户所在的团队的其他成员也会拥有这个项目,他们的权限和团队中配置的权限一致。但是项目成员可以不局限在团队成员中,比如用户A期望邀请不在团队中的用户C,是可以直接搜索账号并添加到项目中的。

路由管理
顶部二级导航中,选择[路由]就进入了路由管理模块,如下图所示,[路由列表] 这里展示的是项目中当前的路由信息。
这里的路由可以理解每一个页面在进行页面跳转的时候,其跳转的地址就叫路由,所以路由和页面是一一对应的关系。
20.jpg
另一个功能是[全局守卫],这也是一一个代码编辑器,可以通过自定义代码逻辑,设置路由的“前置守卫”和"后置守卫”。
所谓“前置守卫”和“后置守卫”,他们的的触发时机分别是路由切换之前、路由切换完成之后,用于做一些路由切换前后的准备工作。
这里的逻辑用户自定义的程度比较高,很难用统一的配置方式抽象出来,所以这里提供的方式是代码编写,以保证其灵活性。具体应用场景比如:
●在项目调试的过程中需要测试验证路由功能的正确性,可以利用前置或者后置守卫在控制台打印一些日志;
●某些页面可能需要特殊的变量和数据,其他页面又不需要使用,可以在前置守卫中准备这些数据,在不需要使用数据的其他切换路由的前置守卫中卸载这些数据;
●比如有一些用户,可能不具备某些页面的访问权限,这时候就需要在前置守卫中做出判断,并对其进行"拦截”;
21.jpg

导出管理
顶部二级导航中,选择[导出列表],项面展示的就是在导出记录信息。
22.jpg
图中,每行就是一次导出记录,正在打包的项目状态为“打包中”,已经完成的显示为“成功” 。对打包完成的每一条记录可以进行删除和 下载的操作。
另外,打包中的项目点击“小i图标”可以查看具体打包的进度:

23.jpg
项目导出的意义在于项目的私有化部署,平台项目打包的产出可以直接部署在主流的web容器中或web服务器中,比如Tomcat、Apache。 (另外需要注意一点的是,如果项目中有使用数字地球分析插件,还需要另外部署一套专门用以给插件提供数据的服务器。)

页面锁定
页面编辑暂时只支持一个用户编辑, 所以当有页面在编辑状态时,没有编辑该页面的其他用户看到该页面右下方会有一个“小锁子”的标记,表示处于锁定状态。
24.jpg


0

主题

239

铜板

1

好友

技术员

Rank: 3Rank: 3

积分
10
发表于 2022-9-1 16:05 | 显示全部楼层
确实非常好用!:mg
回复 支持 反对

使用道具 举报

0

主题

244

铜板

1

好友

技术员

Rank: 3Rank: 3

积分
10
发表于 2022-9-1 16:10 | 显示全部楼层
平台的交互做的不错
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

在线客服
快速回复 返回顶部 返回列表