# DevUI是什么？- DevUI是一款面向工具类产品的开源前端解决方案 - 服务于ToB企业、服务于工具类产品是我们的产品定位 - `沉浸`、`灵活`、`至简`是我们的设计价值观 - DevUI团队致力于提升前端产品的体验、质量和研发效率点击链接快速了解 DevUI：[https://devui.design/](https://devui.design/)    # 活动参与方式 欢迎大家踊跃互动： 1. 如何看待前端视觉交互在产品的商业成功中发挥的价值？ 2. 你认为前端还能提供哪些能力让产品变得更好？ 3. 你认为下一代效率工具应该是什么样的？以下小伙伴可获得华为云定制鼠标一个： - 评论的点赞数排名前三 - 官方评选2名评论内容最优质的用户参与方式：本帖下方评论区回复你对上述话题的观点。示例评论：比如针对问题1：如何看待前端视觉交互在产品的商业成功中发挥的价值？可以这样回答： > 我觉得应该这样看待前端视觉交互在产品的商业成功中发挥的价值：> 第一，前端代表一个产品的门面，是用户对产品最直观的感受，良好的交互和视觉体验能让用户对这个产品品牌产生美好的第一印象，而第一印象是至关重要的，影响到用户后续是否会继续了解和使用你的产品，影响到用户对你的品牌的认知，影响到他是否会向身边的朋友推荐你的产品。> 第二，前端交互体验的好坏是能否影响用户的心情和做事效率的，良好的交互视觉让人心情愉悦，特别是那些用户经常使用的产品，如果它的体验流畅、自然，让用户忘记正在使用的产品，进入“心流”状态，专注于正在解决的问题，忘记工具的存在，这将极大地提升做事的效率。> 用户用得舒服，能给自己带来价值，自然就买单了，对我们来说就带来了商业价值。# 知识大比拼 题目：以下哪个是DevUI的设计价值观？ A. 沉浸、自然、灵活 B. 沉浸、至简、灵活 C. 沉浸、至简、年轻 答案：B（沉浸、至简、灵活） 详情查看 DevUI 官网：[https://devui.design/design-cn/design-value](https://devui.design/design-cn/design-value) ---更多`DevUI`相关讯息： DevUI 掘金团队：[https://juejin.cn/user/712139267650141](https://juejin.cn/user/712139267650141) DevUI Github 开源项目: [https://github.com/DevCloudFE](https://github.com/DevCloudFE) DevUI 开源的故事：[https://juejin.cn/post/7029092585452863525](https://juejin.cn/post/7029092585452863525) DevUI 团队技术合集：[https://kagol.gitee.io/devui-ebook/](https://kagol.gitee.io/devui-ebook/)

概述Web应用的数据将会储存在云侧，本地不会缓存数据。在进行数据管理操作时，您将会直接操作云侧数据。Web SDK将会为您的应用与云数据库的通讯和通讯安全提供保障。此示例应用演示了如何快速的使用Cloud DB构建简单的图书管理服务。通过快速入门和示例应用，您将会了解到如下信息：如何使用Cloud DB进行应用开发。应用数据如何写入到Cloud DB。如何实现数据的查询。实时侦听数据的更改。体验端云数据同步等功能。开发准备使用Cloud DB构建应用服务，需要完成以下准备工作：您已经在开发者联盟官网注册帐号并通过实名认证，详细请参见帐号注册认证。您已经在AppGallery Connect控制台上创建项目和应用，详细请参见创建项目。示例应用使用了认证用户的相关权限，需要开通AppGallery Connect认证服务中“匿名帐号”服务，详细请参见认证服务。您已经获取到示例代码，请从示例代码获取。注意事项当对象类型中字段的默认值设置为中文字符或者其他特殊字符时，本地编辑器或IDE默认编码格式应设置为utf-8，否则会导致端云数据同步失败。支持的浏览器Cloud DB JavaScript SDK支持的浏览器：服务ChromeEdgeFirefox华为浏览器SafariUC浏览器QQ浏览器IE11Cloud DB√√√√√√√√说明由于IE11只支持ES5，需要通过如下步骤将ES6配置为兼容ES5，让JavaScript SDK支持IE11。执行如下命令，安装babel-polyfill到您的项目中。npm install --save-dev babel-polyfill在代码入口主文件中导入babel-polyfill组件。import 'babel-polyfill';打开工程的配置文件，例如vue2.x+vue-cli中的webpack.base.conf.js文件，修改entry字段值，假设main.js是代码入口主文件。entry:['babel-polyfill','./src/main.js']在package.json文件中查看是否包含babel-loader，如果无babel-loader，请执行如下命令安装babel-loader。npm install babel-loader在工程的配置文件中添加如下规则，例如vue2.x+vue-cli中的webpack.base.conf.js文件。{ test: /\.js$/, loader: 'babel-loader', include: [resolve('node_modules/@agconnect/database')] }启用服务使用Cloud DB服务前，您需要先启用服务。登录AppGallery Connect网站，选择“我的项目”。在项目列表页面中选择项目，单击项目下需要启用云数据库服务的应用。在导航树上选择“构建 > 云数据库”。单击“立即开通”，开通云数据库服务。    （可选）如您还未选择数据处理位置，需要您先设置数据处理位置，具体操作请参见设置数据处理位置。服务初始化成功后，即启用云数据库服务成功。新增和导出对象类型您需要基于AppGallery Connect控制台创建对象类型，请您遵循操作步骤创建示例中涉及的对象类型，并导出用于Web应用开发的json格式和js格式对象类型文件。不允许修改导出的json格式和js格式文件，否则会导致数据同步功能异常。登录AppGallery Connect网站，选择“我的项目”。在项目列表页面中选择项目，单击项目下需要创建对象类型的应用。在导航树上选择“构建 > 云数据库”。单击“新增”，进入创建对象类型页面。    输入对象类型名为“BookInfo”后，单击“下一步”。单击  ，新增如下字段后，单击“下一步”。表1 字段定义表字段名称类型主键非空加密默认值idInteger√√––bookNameString––––authorString––––priceDouble––––publisherString––––publishTimeDate––––shadowFlagBoolean–––true单击  ，设置索引名为“bookName”，索引字段为“bookName”后，单击“下一步”。按照如下要求设置各角色权限后，单击“下一步”。表2 权限配置表角色queryupsertdelete所有人√––认证用户√√√数据创建者√√√管理员√√√单击“确定”。创建完成后返回对象类型列表中，可以查看已创建的对象类型。单击“导出”。                                导出“json格式”和“js格式”文件，导出的文件在后续步骤用于添加至本地开发环境。导出json格式文件选择“json格式”。单击“导出”。导出js格式文件选择“js格式”。选择js文件类型，选择“js”。单击“导出”。新增存储区您可基于AppGallery Connect控制台在云侧创建数据存储区，请您遵循操作步骤创建一个存储区名称为“QuickStartDemo”的存储区。登录AppGallery Connect网站，选择“我的项目”。在项目列表页面中选择项目，单击项目下需要创建存储区的应用。在导航树上选择“构建 > 云数据库”。选择“存储区”页签。单击“新增”，进入创建存储区页面。输入存储区名称为“QuickStartDemo”。单击“确定”。创建完成后返回存储区列表中，可以查看已创建的存储区。配置开发环境使用编译平台打开示例项目。集成AGC SDK，详细请参见集成AGC SDK。集成Cloud DB SDK。执行如下命令，安装Cloud DB JavaScript SDK云数据库服务模块到您的项目中。npm install --save @agconnect/database在您的项目中导入database组件。import "@agconnect/database";添加对象类型文件在开发应用时，可直接将AppGallery Connect控制台上导出的json格式和js格式文件添加至本地开发环境，并通过AGConnectCloudDB类中的createObjectType()方法实现对象类型的定义和创建。您在进行本地应用开发时，无需再次创建对象类型。将已在AppGallery Connect控制台上导出的全部json格式和js格式文件添加至本地开发环境，如已存在，请覆盖原文件，文件位置如下所示：json格式：quickstart-js-sdk/src/components/configjs格式：quickstart-js-sdk/src/components/model初始化Cloud DB，通过AGConnectCloudDB类中的createObjectType()方法实现对象类型的定义和创建，详细请参见初始化。初始化在添加对象类型文件后，您就可以使用云数据库进行应用开发。您开发应用时，需要先执行初始化操作，初始化AGConnectCloudDB、创建Cloud DB zone和对象类型。 通过initialize()初始化AGConnectCloudDB。AGConnectCloudDB.initialize(context);通过getInstance()方法获取AGConnectCloudDB实例，并使用createObjectType()创建对象类型。const schema = require('./BookInfo.json'); agcCloudDB = AGConnectCloudDB.getInstance(); agcCloudDB.createObjectType(schema);打开Cloud DB zone。const config = new CloudDBZoneConfig('QuickStartDemo'); cloudDBZone = await agcCloudDB.openCloudDBZone(config);写入数据在本节主要介绍如何在应用程序中进行数据写入操作，以便您了解如何使用Cloud DB SDK实现数据的写入。在应用界面中，增加了“添加”按钮，用于用户新增数据，并在代码中通过executeUpsert()实现数据的写入。async function executeUpsert (book) { try { const cloudDBZoneResult = await cloudDBZone.executeUpsert(book); console.log('upsert' + cloudDBZoneResult + 'record' ); } catch (e) { conso.log(e); } }查看数据获取数据变化用户在应用界面中新增的数据，将会被存储在云侧。在端侧注册数据变化侦听器，当云侧数据发生变化时，端侧能够感知数据变化。通过查询条件与subscribeSnapshot()方法组合使用，可以指定侦听对象，当侦听对象的数据发生变化时，端侧会收到数据变化通知，并生成新的快照，触发用户回调。async function subscribeSnapshot () { const query = CloudDBZoneQuery.where(BookInfo); query.equalTo('shadowFlag', true); try { const onSnapshotListener = { onSnapshot: (snapshot, e) => { if (e !== null && e !== undefined && e.code !== AGConnectCloudDBExceptionCode.Ok) { console.log('subscribeSnapshot error'); console.log(e); } return snapshot.getSnapshotObjects(); } }; const listenerHandler = await cloudDBZone.subscribeSnapshot(query, onSnapshotListener); console.log(listenerHandler); } catch (e) { console.log('subscribeSnapshot error'); console.log(e); return null; } } function subscribeBookList() { subscribeSnapshot().then(snapshot => { snapshot.getDeletedObjects(); const resultList = snapshot.getSnapshotObjects(); console.log(resultList); }) }数据查询和排序在应用界面中，增加了“查询”按钮和排序功能，通过executeQuery()实现异步方式查询数据。async function executeQuery() { try { const query = CloudDBZoneQuery.where(BookInfo); const snapshot = await cloudDBZone.executeQuery(query); const resultArray = snapshot.getSnapshotObjects(); console.log(resultArray); } catch(e) { console.log(e); } }通过查询与limit()方法组合，实现限制查询数据显示条数的功能；与orderByAsc()方法或者orderByDesc()方法组合来实现数据的排序功能。async function executeQueryWithOrder (object) { const query = CloudDBZoneQuery.where(BookInfo); if (object.name.length > 0) { query.equalTo('bookName', object.name); } if (parseFloat(object.minPrice) > 0) { query.greaterThanOrEqualTo('price', parseFloat(object.minPrice)); } if (parseFloat(object.maxPrice) > 0 && parseFloat(object.maxPrice) > parseFloat(object.minPrice)) { query.lessThanOrEqualTo('price', parseFloat(object.maxPrice)); } if (parseInt(object.bookCount) > 0) { query.limit(parseInt(object.bookCount)); } query.orderByAsc('id'); try { const snapshot = await cloudDBZone.executeQuery(query); console.log('resultArray'); console.log(snapshot.getSnapshotObjects()); return snapshot.getSnapshotObjects(); } catch (e) { console.log('query failed with reason'); console.log(e); } }应用编译运行到此，您已经了解了示例应用的开发流程。您可以在WebStorm编译器上执行npm run serve命令运行示例应用。

【问题来源】【必填】北京    【问题简要】【必填】CMS报数据库连接错误，且baseweb页面提示500错误【问题类别】【必填】    CMS【AICC解决方案版本】【必填】    【oracle 19c数据库】    【AICC 8.15.0】    【UAP UAP9600 V100R005C00SPC021】    【CTI  ICD V300R008C23】             【期望解决时间】【选填】【问题现象描述】【必填】        CMS报数据库连接错误，且web界面页面提示500错误，CMS到数据库网络正常，使用oracle用户plsql命令可以登录aicc_cms和aicc_sum正常，已经安装了nslb，但是使用nslb的地址和端口后无法打开网页，单独用baseweb的地址和端口可以打开web界面但是提示500错误； 【日志或错误截图】【可选】

很荣幸我们团队参加了这次的鲲鹏众智项目并与华为团队合作研发了A-ops前端页面系统。A-ops系统为OpenEuler平台上的计算机主机管理、问题排查、漏洞修复等工作提供了丰富的功能服务。而我们的项目则是为其装点了一个美观、易用的页面系统。前端系统在大家印象中感觉技术含量不高，但其实却是一个对工程化要求很高的系统。如何在有限的时间中快速搭建页面、联调测试、部署交付，如何平稳推进已上线的系统的后续版本迭代，代码版本管理，这些都对平常习惯于开发试验性系统的我们提出了很高的要求。在与华为研发团队的合作中，他们专业、高效的的工作方式也是给了我们很深的印象。OpenEuler系统对于浏览器的兼容性很好，主流浏览器基本都可以在上面稳定运行。同时运行在openEuler上的浏览器对于H5 api的相关支持也很好，在开发过程中我们使用的前端框架基本上没有碰到过比较麻烦的兼容性问题。可以认为未来在openEuler系统上进行前端应用的开发对于前端开发者来讲应该是会有很好的体验的。通过本次鲲鹏众智项目使团队中的学生们深入接触到了企业第一线的开发工作，了解到了真实开发场景下的工作要求和节奏，这对我们软件工程专业的学生们来说是一次受益良多的产学研结合实践体验。同时通过本次合作也让我们看到了华为OpenEuler系统的开放性与包容性，希望它的发展越来越好，为国产linux系统创出一片新天地。桂林电子科技大学-肖雁南

【问题来源】【必填】    【可选问题来源：北京】    【问题简要】【必填】   ccdis界面无法访问此网页【问题类别】【必填】    【可选问题分类：ccdis】【AICC解决方案版本】【必填】    【AICC可选择版本：AICC 8.15.0】    【UAP可选择版本：UAP9600 V100R005C00SPC021】    【CTI可选择版本：ICDV300R008C23】【期望解决时间】【选填】尽快【问题现象描述】【必填】         ccdis启动成功后，web界面无法访问此网页，与cti的was建链正常，昨天让修改的配置文件server.xml里面的defaultHost已经修改ccdis的服务地址了，重启服务后依然无法打开界面； 【日志或错误截图】【可选】          【附件】【可选】        附件是其中一台的ccdis的catalina.out的日志，麻烦帮忙看下，是否还需要其他的日志。

【功能模块】ccdis组件AICC8.15.0版本，cti版本：ICDV300R008C23【操作步骤&问题现象】1、安装ccdis组件，选择ccdis和ccdisweb模块安装2、浏览器输入https://172.16.144.8:8443/ccdisweb/loginIndex.html后无法访问此网页，与cti的was建链正常。【截图信息】【日志信息】（可选，上传日志内容或者附件）附件是其中一台的ccdis的tomcat启动日志

目前看到的断点续传方案都是要使用access-key、access-secret初始化obsclient来实现，但是我们不想暴露到前端，请问如何通过后端返回的预授权地址实现断点续传

1.1 介绍SPIDER是一种图像处理软件，用于电子显微镜的单粒子重建系统。SPIDER自1978年开始使用，包含超过210,000行Fortran代码和7400个文件。2020年7月的最新版本（可能是最终版本）包含对读/写MRC文件的支持。主要应用在单个粒子对象的平均及多元统计分析、3D重建、电子断层扫描和从体积中分割对象场景。该发行版主要由SPIDER和Web两个模块组成，包含所有相关的源代码（大部分是在GPLv2许可下发布的）以及一些预编译的可执行文件。SPIDER模块用于不需要图形交互或可视化的计算；Web模块用于涉及与数据进行图形交互的操作，例如图像文件的显示。它是一个使用 Motif/X-Window系统或 Java (JWeb) 的点击式界面。关于SPIDER的更多信息请访问SPIDER官网。语言：Fortran一句话描述：SPIDER是一种图像处理软件，用于电子显微镜的单粒子重建系统。开源协议：GPLv2。建议的版本建议使用的版本为“SPIDER 24.08”。1.2 环境要求硬件要求硬件要求如表27-1所示。表1-1 硬件要求项目说明CPU鲲鹏920处理器。 软件要求软件要求如表27-2所示。表1-2 软件要求项目版本下载地址SPIDER24.08https://github.com/spider-em/SPIDER/releases/download/24.08/spiderweb.24.08.tar.gzGNU4.8.5系统自带软件，无需下载。FFTW3.3.8http://www.fftw.org/fftw-3.3.8.tar.gz 操作系统要求操作系统要求如表27-3所示。表1-3 操作系统要求项目版本下载地址CentOS7.6https://www.centos.org/download/Kernel4.14.0-115包含在操作系统镜像中。 1.3 移植规划数据本章节给出SPIDER软件在移植过程中涉及到的相关软件安装规划路径的用途及详细说明。表1-4 移植规划数据序号软件安装规划路径用途说明1-基础环境搭建中的各安装包安装路径。参考《HPC解决方案 基础环境搭建指导书》中“安装规划数据”章节。2/path/to/SPIDERSPIDER的安装规划路径。这里的安装规划路径只是一个举例说明，建议部署在共享路径中。现网需要根据实际情况调整，后续章节凡是遇到安装路径的命令，都以现网实际规划的安装路径为准进行替换，不再单独说明。 1.4 配置编译环境前提条件使用SFTP工具将各安装包上传至服务器对应目录下。配置流程表1-5 配置流程序号配置项说明1基础环境搭建参考《HPC解决方案 基础环境搭建指导书》中“集群场景环境搭建”章节。2安装FFTW参考1.4.1 安装FFTW。 1.4.1 安装FFTW操作步骤步骤 1     使用PuTTY工具，以root用户登录服务器。步骤 2     执行以下命令解压FFTW安装包。tar -zxvf fftw-3.3.8.tar.gz步骤 3     执行以下命令进入解压后的目录。cd fftw-3.3.8步骤 4     执行以下命令进行编译配置。./configure --prefix=/path/to/FFTW--enable-shared --enable-static --enable-fma --enable-neon --enable-float步骤 5     执行以下命令进行编译安装。make -jmake install步骤 6     执行以下命令设置环境变量。export PATH=/path/to/FFTW/bin:$PATHexport LD_LIBRARY_PATH=/path/to/FFTW/lib:$LD_LIBRARY_PATHexport INCLUDE=/path/to/FFTW/include:$INCLUDE----结束1.5 获取源码操作步骤步骤 1     下载SPIDER安装包。下载地址：https://github.com/spider-em/SPIDER/releases/download/24.08/spiderweb.24.08.tar.gz。步骤 2     使用SFTP工具将SPIDER安装包上传至服务器“/path/to/SPIDER”目录。----结束1.6 编译和安装操作步骤步骤 1     使用PuTTY工具，以root用户登录服务器。步骤 2     执行以下命令进入SPIDER安装目录。cd /path/to/SPIDER步骤 3     执行以下命令解压安装包。tar -xvf spiderweb.24.08.tar.gz步骤 4     执行以下命令进入解压后web模块编译目录。cd web/src步骤 5     执行以下命令安装依赖包。yum install motif libXp libXt libX11 libSM libxcb libXau libXp-devel motif-devel执行echo $DISPLAY命令后，若无输出请重新打开shell窗口查看。步骤 6     执行以下命令开始编译web模块。make -f Makefile_linux_dir64步骤 7     执行以下命令进入解压后spider模块编译目录。cd ../../spider/src步骤 8     修改配置文件，详见表27-6。表1-6 修改配置文件文件名称操作步骤star2doc.f1.    执行以下命令打开“star2doc.f”文件。vi star2doc.f2.    执行以下命令设置行号。:set nu3.    按“i”进入编辑模式。修改第358行内容如下：358  READ(CTOKEN(1:NCHAR),*) IDLIST4.    按“Esc”键，输入:wq!，按“Enter”保存并退出编辑。pw3sr.f1.    执行以下命令打开“pw3sr.f”文件。vi pw3sr.f2.    执行以下命令设置行号。:set nu3.    按“i”进入编辑模式。修改第37行、第38行内容如下：37  INTEGER      :: NX,NY,NZ38  REAL         :: Q(NX+2-MOD(NX,2),NY,NZ)4.    按“Esc”键，输入:wq!，按“Enter”保存并退出编辑。pw2sr.f1.    执行以下命令打开“pw2sr.f”文件。vi pw2sr.f2.    执行以下命令设置行号。:set nu3.    按“i”进入编辑模式。修改第241行、第242行内容如下：241  INTEGER      :: NX,NY242  REAL         :: Q(NX+2-MOD(NX,2), NY)4.    按“Esc”键，输入:wq!，按“Enter”保存并退出编辑。pr3d.f1.    执行以下命令打开“pr3d.f”文件。vi pr3d.f2.    执行以下命令设置行号。:set nu3.    按“i”进入编辑模式。修改第88行内容如下：88  WANTSQRTS = (FSCOP .eqv. .TRUE.)4.    按“Esc”键，输入:wq!，按“Enter”保存并退出编辑。Makefile_linux.gfort1.    执行以下命令打开“Makefile_linux.gfort”文件。vi Makefile_linux.gfort2.    执行以下命令设置行号。:set nu3.    按“i”进入编辑模式。修改第39行内容如下：39  FFTWLIBDIR = path/to/fftw/lib4.    按“Esc”键，输入:wq!，按“Enter”保存并退出编辑。 步骤 9     执行以下命令编译SPIDER模块。yum install gcc-gfortran.aarch64make -f Makefile_linux.gfort----结束1.7 运行和验证操作步骤步骤 1     使用PuTTY工具，以root用户登录服务器。步骤 2     执行以下命令进入web bin目录。cd /path/to/SPIDER/web/bin步骤 3     执行以下命令运行SPIDER的web模块。./web_linux_dir64_tmp出现以上界面表示web模块运行成功。 步骤 4     执行以下命令进入spider bin目录。cd /path/to/SPIDER/spider/bin步骤 5     执行以下命令运行SPIDER的spider模块。./spider_linux_gfort根据提示输入以下内容：.PROJECT/DATA EXTENSION: PRJ/DAT.OPERATION: ((3-0.26)/4)**2如返回结果0.46922499即运行正常。----结束

WAF（Web应用防火墙）通过对HTTP(S)请求进行检测，识别并阻断SQL注入、跨站脚本攻击、网页木马上传、命令/代码注入等攻击，所有请求流量经过WAF时，WAF会记录攻击和访问的日志，可实时决策分析、对设备进行运维管理以及业务趋势分析。前提条件购买并使用华为云WAF实例。限制条件仅云模式支持全量日志功能。支持全量日志功能的区域为：华北-北京一、华北-北京四、华东-上海一、华东-上海二、中国-香港、亚太-曼谷、亚太-莫斯科、华北-乌兰察布一 、华南-广州。设置步骤在WAF添加防护网站。登录管理控制台。在控制台左上角单击，选择区域和项目。在系统首页左上角单击，选择“安全与合规 > Web应用防火墙 WAF”，进入Web应用防火墙管理控制台。根据添加防护域名添加需要防护的网站，使网站流量切入WAF。开启全量日志功能，将WAF日志记录到LTS，详细操作请参见开启全量日志。在Web应用防火墙管理控制台，单击“防护事件”，选择“全量日志”页签。开启全量日志，选择已创建的日志组与日志流。如未创建日志组与日志流，请先创建日志组和创建日志流。单击“确定”，全量日志配置成功。         图1 配置全量日志        在日志流详情页面，单击左侧导航栏“配置中心”，选择“结构化配置”，进入日志结构化配置页面，选择“JSON”提取方式，根据业务需求选择日志，配置相关参数，具体操作请参见日志结构化。图2 配置JSON格式日志在日志流详情页面，单击“可视化”页签，进行SQL查询与分析，如需要多样化呈现查询结果，请参考日志结构化进行配置。统计1周内攻击次数，具体SQL查询分析语句如下所示：select count(*) as attack_times图3 攻击次数查询结果统计1天不同攻击类型的分布，具体SQL查询分析语句如下所示：select attack,count(*) as times group by attack查询结构有五种呈现形式依上而下分别为表格、柱状图、折线图、饼图、数字，如下图为饼图结果。图4 不同攻击类型的分布查询结果

官方提供的断点续传问题可以解决单文件的暂停继续与取消功能，但是如果多个文件同时上传时，这个断点续传就只能控制到其中一个文件，这是不是涉及到多线程的问题，如何全部暂停或者全部继续上传，求解

查看对象页面布局报错报错了，是什么原因导致的呀

这一期我们总结下DemonCAT工具提供哪些能力，工具使用流程每个步骤实际意义是什么，一起来学习下呗~DemonCAT Core直接部署到被测端系统，解压后即可使用，相较于单个故障注入工具而言，不仅提供了统一的故障注入入口，也无需针对特定故障进行单独操作，提高了故障注入效率。 DemonCAT Portal为在线故障注入平台，平台采用B/S架构，提供Web前端界面，相较于当前大部分的故障注入工具而言，降低了故障注入的技术门槛，同时提供简洁，向导式的图形界面，方便多用户进行故障注入操作，在工具的使用过程中，DemonCAT工具易用性在功能方面主要体现在以下几个方面。（1） 提供完整的故障模式库，按层级进行分类展示，使用者无需进行故障注前的分析，通过故障模式库可快速、准确的筛选到目标故障模式，且可以查看到该故障模式的故障类型、模拟问题场景、故障预期现象及故障所需的参数等信息。 （2） 提供参数实例化能力，传统的故障注入，需要了解故障的注入方法、参数信息，技术门槛较高，故障注入的效果往往达不到预期；DemonCAT工具在设计之初就提供了参数实例化的能力，通过调用参数实例化脚本接口，再将返回信息展示在前端，用户无需登录后台查询，可直接在前台进行选择，大大降低了故障注入参数获取的难度。 （3） 提供环境管理能力，DemonCAT工具支持对待测环境进行纳入管理，提供网络连接测试、工具在线安装/卸载的能力，支持创建测试组（多测试节 点），将待测节点归纳入测试组下；执行故障任务时，既支持选择单个节点，又支持选择测试组，提升了整体故障测试效率。 （4） 提供故障注入结果分析能力，当故障注入结束时，往往需要分析本次故障注入的情况，传统的方式，通过手工进行数据统计，当数据量较大时，往往容易出错，Demon CAT工具支持对注入结果进行分析统计，再将结果以可视化图表呈现到前端，用户可直观的进行操作和查看，提高了故障注入结果的可读性。通过以上几期对DemonCAT介绍学习，我们应该对该工具有了一些认识，当然更多时候只关注工具的使用，实际使用过程中，对工具不熟悉，会有一些让人头疼的问题，接下来几期我们会介绍DemonCAT工具的使用指导，敬请关注~

【功能模块】ECS 【操作步骤&问题现象】1、开发的资源管理平台使用 jsch 进行 web ssh连接2、资源管理平台的内网IP 与 web ssh 目标机器内网IP是在同一网段， 可以通过ssh 直连【截图信息】后台提示： java.net.ConnectException: Connection refused (Connection refused)【日志信息】（可选，上传日志内容或者附件）

大家好，我是鹤轩，新的一年，祝愿大家虎虎生威。这期我们一起来看下DemonCAT的功能模块-Portal。描述Portal主要为DemonCAT提供图形化操作界面，通过在图形化界面上面的输入、点击等操作即可完成Core工具繁琐的命令行操作，Portal与 Center采用的是B/S架构，集成了故障任务管理、环境管理、故障模式库管理、测试结果分析等功能，旨在降低故障注入的复杂度与门槛。任务管理功能故障任务管理：支持在线创建、编辑、注入、清除故障注入任务，故障模式来源于故障模式库，提供端到端的故障注入能力。任务创建时需要关联环境与故障模式信息，这样才能确定在哪一台机器上执行什么样的故障。 任务执行时自动获取工具的部署路径信息、故障模式与其对应的参数信息，拼接成可执行的命令信息，并在目标环境上执行，获取执行结果(无响应的故障模式结果特殊处理)。    参数实例化：传统的故障注入，需要了解故障的注入方法、参数信息，技术门槛较高，故障注入的效果往往达不到预期；DemonCAT Portal工具在设计之初就提供了参数实例化的能力，通过调用参数实例化脚本接口，再将返回信息展示在前端，用户无需登录后台查询，可直接在前台进行选择，大大降低了故障注入参数获取的难度。环境管理功能环境管理：提供对目标环境进行批量管理的功能，包含环境信息的新增、编辑、删除、查询操作，向目标环境信息部署/卸载故障注入工具，批量环境信息导入与导出，用于维护环境信息，网络连接测试。 环境管理将环境信息与工具的匹配过程给屏蔽了，由程序自动完成匹配与部署过程，无需人工介入，降低了工具使用复杂度。故障模式库管理故障模式库：提供完整的故障模式库，包含基础软件、主机设备、操作系统与解决方案，共计故障模式300+，按层级进行分类展示，使用者无需进行故障注入前的分析，通过故障模式库可快速、准确的筛选到目标故障模式，且可以查看到该故障模式的故障类型、模拟问题场景、故障预期现象及故障所需的参数信息等。故障模式的在线浏览，使得用户无需再去翻看使用文档，单个故障支持单个名字的搜索，简化使用过程的难度。测试结果分析测试结果分析：提供测试结果分析能力，当故障测试任务结束时，往往需要分析本次故障注入的情况，传统的方式，通过手工进行数据统计，当数据量较大时，往往容易出错，DemonCAT工具支持对注入结果进行分析统计，再将结果以可视化图表呈现到Portal前端，用户可直观的进行查看，提高了测试结果的可读性。好啦，本期我们学习了DemonCAT的Portal功能模块，下一期我们来一起看下Center这个功能模块，它在DemonCAT中起到什么作用呢。敬请期待~