华为出品-安全架构设计方法指南，讲解安全架构设计的来源、软件系统架构与安全架构的定义，常见的系统架构表现形式，安全架构视图，安全架构设计的基本步骤和参考，基于八维度设计框架的安全架构设计方法，维度安全架构设计框架，华为安全架构设计方法流程示意图，安全架构设计方法支撑能力，安全架构设计原则，架构级安全威胁分析，安全架构设计的知识库，安全方案设计的抽象模型，安全方案设计的优秀实践等

项目立项 需求调研 系统设计 系统编码 QA管理配置管理各类文档模板

全套源代码，包括服务器端和客户端，数据库一并打包 是新手学习研究的不错选择

VC++采气工程师设计系统

设计系统清单 开源清单，可帮助您计划，构建和扩展设计系统。 贡献 如果您有任何要添加到现有部分的信息，请打开请求请求。 确保您建议的内容是至少多个知名设计系统的标准 为您添加的每个新清单清单添加参考链接 遵循清单上使用的相同语气，以使访客阅读更轻松 在本地运行 $ git clone git@github.com:ardakaracizmeli/design-system-checklist.git $ cd design-system-checklist $ npm install $ npm start 回馈 随时打开github问题，或者您可以直接通过以下方式与我们联系：

山姆设计系统网站 该项目是使用版本1.4.10生成的。 设置本地开发 请按照以下步骤在本地环境中的另一个位置检出sam-ui-elements git clone https://github.helix.gsa.gov/GSA-IAE-APPS/sam-ui-elements cd sam-ui-elements npm link --only=production 链接和设置克隆环境 git clone https://github.helix.gsa.gov/GSA-IAE-APPS/web-standards-site cd web-standards-site npm install npm link @gsa-sam/sam-ui-elements npm run start 开发服务器 为开发服务器运行npm run start 。 导航到http://localhost:

从适用于 ， 和的设计系统开始开发。 它是开源的，免费的，并且具有许多组件，可以帮助您创建出色的网站。 全编码组件 Argon Design System React由100多个独立组件组成，可让您自由选择和组合。 所有组件的颜色都可能不同，您可以使用SASS文件轻松对其进行修改。 因为所有元素都已实现，所以从原型制作到功能齐全的代码，您将节省大量时间。 该设计系统附带了预先构建的示例，因此开发过程是无缝的，从我们的页面切换到真实的网站非常容易。 每个元素都有颜色，样式，悬停，焦点的多种状态，您可以轻松访问和使用。 查看。 复杂文件 每个元素在非常复杂的文档中都有很好的呈现。 您可以阅读有关更多信息。 您可以并。 示例页面 如果您想获得灵感或直接向客户展示一些东西，可以通过我们预先构建的示例页面快速开始开发。 您将能够快速设置Web项目的基本结构。 查看。 目录 版本号 H

CLI工具箱，可在几分钟内创建设计系统 用途：打字稿，CSS，样式组件支持 输出：CJS和MJS 无需工具配置 概述 Design-systems-cli本质上是一个用于设计系统的 。 作为开发人员带给您的主要好处是节省时间。 如果您自己将其组合在一起，则为设计系统设置所有的monorepo，和构建工具将花费一个多星期的时间。 您可以在几分钟内完成此项目。 特征 :star: 脚手架组件和整个设计系统 :star: 构建用于多个输出（cjs和esm）的组件 :star: 使用样式化组件或CSS模块编写样式 :star: 使用Storybook制作出色的组件 :star: 让组件消费者在游戏室尝试您的组件 :star: 测试和棉绒支持 :star: 开箱即用地支持打字稿 :star: 跟踪组件的大小并调试更改 有关完整的文档，请转到。 安装 确保已安装以下软件： Node >= 10.18.1 Yarn - 开始： 要进行设置，请分叉并克隆项目，

这是的设计系统。 用和构建。

使用React构建的组件。 参见。 安装 $ npm install react-lightning-design-system 例子 import React from 'react' ; import ReactDOM from 'react-dom' ; import { Button } from 'react-lightning-design-system' ; function click ( ) { alert ( 'Clicked' ) ; } ReactDOM . render ( < Button onClick = { click } > Simple < / Button > < Button type = 'neutral' onClick = { click } > Neutral < / Button > < Bu