# 应用构建设计
#### 架构图设计
1. 进入到应用解决方案设计界面后，选中【haydn测试结果材料】，本界面往下滚动到设计器。
   图1应用构建   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563682751.png "点击放大") 
2. 对六个应用构建材料进行设计
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/public_sys-resources/note_3.0-zh-cn.png)
   1. XXX产品/方案业务架构图(含业务流，必选) ：可直接截图粘贴
   2. XXX产品/方案部署架构图(含业务流，必选)： 需要在画布中使用设计器的图元进行设计，本架构设计完成后需要对架构图配置规格，请参考[配置清单设计]
   3. XXX产品/方案部署架构图(数据流，可选)： 需要在画布中使用设计器的图元进行设计，如不需要设计可以删掉
   4. XXX产品/方案技术堆栈与华为云服务匹配表样（必选）：需要自己新建匹配关系
   5. XXX产品/方案资源购买截图（必选）：可直接截图粘贴
   6.产品系统核心功能截图（必选）：可直接截图粘贴
   
3. 已经在开发者空间嵌入了Haydn（解决方案工作台）的设计器，可以直接设计。系统自动加载六个架构图，首先点击架构图的【操作】按钮，再点击【编辑】即可修改架构名称，将架构图名称中的"XXX"修改为应用名称。
   图2设计中心   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563722783.png "点击放大")
   图3设计中心   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002532842838.png "点击放大")
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/public_sys-resources/note_3.0-zh-cn.png)
   设计技术架构，设计器使用指导详情见[设计中心使用指导](https://support.huaweicloud.com/usermanual-haydncsf/haydncsf_04_0046.html)
   设计器常用功能：
   - 架构推荐：解决方案工作台预置了大量的架构模板，用户可以根据业务搜索模板，加载模板后进行二次加工。
     图4设计中心   
     ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002532682894.png "点击放大") 
   
   - 拖拽图元：左侧图元库可以搜索查找图元，选中图元按住鼠标左键或者邮件拖动，可以把图元拖拽到画布中。
     图5设计中心   
     ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563682755.png "点击放大") 
   
   - 图元连线：鼠标放在图元上，不用点击，图元四周会出现连接锚点，选中某一个锚点按住鼠标左键拖动，连接到另一图元锚点上，松开鼠标，连线即可完成。
     图6设计中心   
     ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563722787.png "点击放大")
     图7设计中心   
     ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002532842842.png "点击放大") 
     
 #### 配置清单设计
1. 技术架构设计完成后，第二个架构图【XXX产品/方案部署架构图(含业务流，必选)】需要新建部署的配置清单，部署架构的作用是为云服务配置规格，生成配置清单（其他五个材料不需要新建配置清单），点击技术架构的【操作】按钮-\>点击【新建】
   图8新建配置清单   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002532682898.png "点击放大") 
2. 自定义填写架构名称，选择架构类型使用手工部署（图形模式），选择部署环境后点击【确定】
   图9新建配置清单   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563682759.png "点击放大") 
3. 配置规格（以图形模式为例），在部署界面，点击图元，如果该图元支持价格计算器，则会跳出价格计算器弹窗，在弹窗中选择配置点击【保存】即可。
   图10规格配置   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563722791.png "点击放大")
   图11规格配置   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002532842846.png "点击放大") 
4. 如果该云服务不支持价格计算器，则点击下方列表的【更新规格】按钮，手工填写规格，
   图12规格配置   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002532682902.png "点击放大") 
5. 点击画布左上角的【配置清单】按钮可以查看已配置的云服务规格清单
   图13配置清单   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563682761.png "点击放大")
   
   
6. 完成设计后，点击【完成构建】
   图14设计中心   
   ![](https://support.huaweicloud.com/bestpractice-haydncsf/zh-cn_image_0000002563722793.png "点击放大")