HTML 属性是一种标记语言,用于调整HTML 元素的行为或显示。例如,属性可用于更改 HTML 元素的颜色、大小或功能。 属性通过将它们包含在开始的HTML 标记中来使用: <tag_name attribute_name=”value”>Content</tag_name> 属性包括属性名称后跟等号 ( =) 和用引号括起来的值。请注意,通常使用值名称和值来声明值。例如,该style属性可用于将font-size值名称更改为 的值40px: <tag_name style=”font-size:40px”>This text content will be sized to 40 pixels by the web browser.</tag_name> 有关 HTML 属性的更多教育资源,请访问: 如何使用 HTML 属性 如何查看 HTML 文档的源代码 如何使用和理解 HTML 元素 如何使用 HTML 教程系列构建网站 如何使用 HTML 构建网站:DigitalOcean Workshop Kit 如何使用 HTML 电子书建立网站 我们的HTML页面上提供了与 HTML 相关的教育资源的完�..
Category : 教程系列
介绍 MySQL是一个开源数据库管理系统,通常作为流行的LAMP(Linux、Apache、MySQL、PHP/Python/Perl)堆栈的一部分安装。它实现了关系模型并使用结构化查询语言(也称为 SQL)来管理其数据。 本快速入门教程将解释如何在 Ubuntu 20.04 服务器上安装 MySQL 8.0 版。 先决条件 要学习本教程,您需要: 一台 Ubuntu 20.04 服务器,具有非 root 管理用户和使用 UFW 配置的防火墙。要进行设置,请按照我们针对 Ubuntu 20.04 的初始服务器设置指南进行操作。 第 1 步 – 安装 MySQL 要安装 MySQL,如果您最近没有更新服务器的包索引,请先更新: sudo apt update 然后安装mysql-server包: sudo apt install mysql-server 第 2 步 – 配置 MySQL 使用以下命令运行 MySQL 包含的安全脚本sudo: sudo mysql_secure_installation 这将带您完成一系列提示,您可以在其中对 MySQL 安装的安全选项进行一些更改。第一个提示会询问您是否要设置验证密码插件,该插件可用于测试您的 MySQL 密码的强度。 ..
作者选择了COVID-19 救济基金来接受捐赠,作为Write for DOnations计划的一部分。 介绍 Flask是一个使用 Python 语言构建 Web 应用程序的框架,SQLite是一个数据库引擎,可以与 Python 一起使用来存储应用程序数据。在本教程中,您将使用 Flask 和 SQLite 创建一个待办事项应用程序,用户可以在其中创建待办事项列表。您将学习如何将 SQLite 与 Flask 结合使用以及一对多数据库关系的工作原理。 一个一个一对多数据库关系是两个数据库表,其中一个表中的记录可以在另一个表中引用多个记录之间的关系。例如,在博客应用程序中,用于存储帖子的表可以与用于存储评论的表具有一对多关系。每个帖子可以引用多个评论,每个评论引用一个帖子;因此,一个帖子与许多评论有关系。post 表是一个父表,而comments 表是一个子表——父表中的一条记录可以引用子表中的许多记录。这对于能够访问每个表中的相关数据很重要。 我们将使用 SQLite,因为它是可移植的,并且不需要任何额外的设置来使用 Python。它也非常适合在迁移到更大的数据库(如 MySQL 或 Postgres)之前对应用程序进行原型设计。有关如何选择正确的数据库系统的更多信息,请阅读我们的SQLite vs MySQL vs PostgreSQL:关系数据库管理系统的比较文章。 先决条件 在开始遵循本指南之前,您需要: 本地 Python 3 编程环境,请按照如何为本地计算机安装和设置 Python 3系列的本地编程环境中的分发教程进行操作。在本教程中,我们将调用我们的项目目录flask_todo。 了解基本的 Flask 概念,例如创建路由、呈现 HTML 模板和连接到 SQLite 数据库。如果您不熟悉这些概念,您可以遵循How To Make a Web Application Using Flask ..
备份是用于在数据库或文件系统丢失、删除或损坏后进行恢复的数据副本或存档。开发人员可以通过多种方式创建备份,包括手动实施、云托管服务或备份程序(如 Bacula)。 有关备份的更多资源,请访问: 如何使用 Rsync 同步本地和远程目录 如何在 Ubuntu 20.04 上备份、恢复和迁移 MongoDB 数据库 异地备份的重要性 我们的备份相关教程、问题和其他教育资源的完整列表可以在我们的备份标签页�..
介绍 甲骨架屏幕是通过创造的术语卢克莱夫斯基用于描述用于显示中性成分,同时逐渐将内容加载到容器中的用户体验的图形。 这种模式侧重于提高感知性能。与空白屏幕或传统微调器相比,骨架屏幕的持续时间较短。 运动和线性渐变动画被认为比静止或脉动加载动画更快。对于图像,将它们的主色与占位符元素一起使用也很有效。 在本文中,您将看到几种在 React 和 React Native 应用程序中实现骨架屏幕的解决方案。 在 React 中使用骨架屏幕 在 React 中,可以实现带有componentDidMount线性渐变的骨架屏效果。 然而,而不是实现自己的解决方案,你可能要考虑一些制作,以鼓励可扩展性更强大的社区选项:react-content-loader,react-skeletor,和react-loading-skeleton。 react-content-loader加载了列表、代码以及 Facebook 风格和 Instagram 风格的加载卡片的预设。它还允许自定义 SVG、元素和颜色。 下面是一个例子react-content-loader: import ContentLoader, { Facebook } from ‘react-content-loader’; const MyFacebookLoader = () => <Facebook /> const MyLoader = () => ( <ContentLoader> {/* Pure SVG */} <rect x=”0″ y=”0″ rx=”5″ ry=”5″ width=”70″ ..
介绍 安全外壳协议(或 SSH)是一种加密网络协议,它允许用户通过不安全的网络安全地访问远程计算机。 尽管 SSH 支持基于密码的身份验证,但通常建议您改用SSH 密钥。SSH 密钥是一种更安全的登录 SSH 服务器的方法,因为它们不易受到常见的暴力密码黑客攻击。 生成 SSH 密钥对会创建两个长字符串:公钥和私钥。您可以将公钥放在任何服务器上,然后使用可以访问私钥的 SSH 客户端连接到服务器。 当公钥和私钥匹配时,SSH 服务器无需密码即可授予访问权限。您可以通过使用可选(但强烈建议)密码保护私钥来进一步提高密钥对的安全性。 注意:如果您正在寻找有关在您的 DigitalOcean 帐户中设置 SSH 密钥的信息,请参阅我们关于 SSH 密钥的 DigitalOcean 产品文档 步骤 1 — 创建密钥对 第一步是在客户端机器上创建一个密钥对。这可能是您的本地计算机。在本地命令行中键入以下命令: ssh-keygen -t ed25519 OutputGenerating public/private ed25519 key pair. 您将看到密钥生成过程已开始的确认信息,并提示您输入一些信息,我们将在下一步中讨论这些信息。 注意:如果您使用的是不支持创建ed25519密钥对的旧系统,或者您连接的服务器不支持它们,您应该创建一个强rsa密钥对: ssh-keygen -t rsa -b 4096 这会将-t“type”标志更改为rsa,并添加-b 4096“bits”标志以创建 4096 位密钥。 第 2 步 – 指定保存密钥的位置 ..
作为Write for DOnations计划的一部分,作者选择了免费和开源基金来接受捐赠。 介绍 将 Web 应用程序部署到 Kubernetes 时,您通常使用服务和入口来在所需域中的集群之外公开应用程序。这不仅涉及手动配置 Ingress,还涉及在您的提供商处手动配置 DNS 记录,这可能是一个耗时且容易出错的过程。随着您的应用程序变得越来越复杂,这可能会成为一个障碍;当外部 IP 发生变化时,需要相应地更新 DNS 记录。 为了克服这个问题,Kubernetes sig-network 团队创建了ExternalDNS,目的是从 Kubernetes 集群中自动管理外部 DNS 记录。部署后,ExternalDNS 在后台工作,几乎不需要额外配置。每当创建或更改服务或入口时,ExternalDNS 将立即更新记录。 在本教程中,您将通过 Helm将 ExternalDNS 安装到您的DigitalOcean Kubernetes集群,并将其配置为使用 DigitalOcean 作为您的 DNS 提供程序。然后,您将使用 Ingress 部署示例 Web 应用程序并使用 ExternalDNS 将其指向您的域名。最后,您将拥有一个适用于服务和入口的自动 DNS 记录管理系统。 先决条件 一个 DigitalOcean Kubernetes 集群,您的连接配置为kubectl默认设置。创建集群时,有关如何配置的说明kubectl显示在“连接到集群”步骤下。要在 DigitalOcean 上创建 Kubernetes 集群,请阅读Kubernetes 快速入门。 安装在本地机器上的 Helm 3 ..
作为Write for DOnations计划的一部分,作者选择了免费和开源基金来接受捐赠。 介绍 Apache Kafka是一种流行的分布式消息代理,旨在处理大量实时数据。Kafka 集群具有高度可扩展性和容错性。与ActiveMQ和RabbitMQ等其他消息代理相比,它还具有更高的吞吐量。尽管它通常用作发布/订阅消息系统,但许多组织也将其用于日志聚合,因为它为已发布的消息提供持久存储。 发布/订阅消息系统允许一个或多个生产者发布消息,而无需考虑消费者的数量或他们将如何处理消息。订阅的客户端会自动收到有关更新和新消息创建的通知。该系统比客户端定期轮询以确定是否有新消息可用的系统更有效和可扩展。 在本教程中,您将在 Ubuntu 20.04 上安装和使用 Apache Kafka 2.6.0。 先决条件 要继续,您将需要: 一台 Ubuntu 20.04 服务器和一个具有 sudo 权限的非 root 用户。如果您没有设置非 root 用户,请按照本指南中指定的步骤进行操作。 您的服务器上至少有 4GB 的 RAM。没有这么多 RAM 的安装可能会导致 Kafka 服务失败。 您的服务器上安装了OpenJDK 11。要安装此版本,请按照我们的教程如何在 Ubuntu 20.04 上使用 APT 安装 Java。Kafka 是用 Java 编写的,所以它需要一个 JVM。 第 1 步 – 为 Kafka 创建用户 因为 ..
作者选择了公共利益软件来接受捐赠,作为Write for DOnations计划的一部分。 介绍 ERPNext是一个企业资源规划 (ERP) 套件,它利用了开源技术的强大功能和灵活性。它擅长管理核心业务流程,例如财务、销售、人力资源、制造、采购、服务、服务台需求等。实施像 ERPNext 这样的系统的好处包括: 通过自动化重复的业务流程提高生产力 通过为公司内的所有部门共享数据库来提高 IT 效率 凭借对业务单位如何相互关联的整体愿景,做出更好的决策 ERPNext 基于Frappe,这是一个用Python编写的全栈 Web 应用程序框架,它充分利用了Node/JavaScript 运行时环境,并使用MariaDB作为其数据库后端。基于 Frappe 的应用程序(如 ERPNext)的众多优势之一是工作台命令行实用程序。bench CLI 通过自动执行安装、更新、配置和管理多个 Frappe/ERPNext 站点等任务,为管理员节省了时间。 在本教程中,您将在一台运行 Ubuntu 18.04 的服务器上安装和配置 ERPNext 堆栈。这将允许您根据需要为各种开发或生产环境配置堆栈,并为构建更复杂的容错架构做好准备。 先决条件 一台 Ubuntu 18.04 服务器,至少有 4 GB 的 RAM 和一个非 rootsudo用户。您可以按照Ubuntu 18.04 初始服务器设置指南设置您的服务器和用户。 注意:选择服务器规格时,请记住 ERP 系统是资源密集型的。本指南要求一台具有 4 GB RAM 的服务器,这对于基本用例来说已经足够了,但具体的硬件要求可能会因用户数量和您的业务规模而异。 带有 A 记录的完全注册的域名指向您的服务器。如果您使用的是 ..
作者选择了COVID-19 救济基金来接受捐赠,作为Write for DOnations计划的一部分。 介绍 Elasticsearch是一个实时分布式搜索和分析数据的平台。它的流行是由于其易用性、强大的功能和可扩展性。 Elasticsearch 支持 RESTful 操作。这意味着您可以将 HTTP 方法(GET、POST、PUT、DELETE等)与 HTTP URI (/collection/entry) 结合使用来操作您的数据。直观的 RESTful 方法对开发人员和用户都很友好,这也是 Elasticsearch 受欢迎的原因之一。 Elasticsearch 是免费的开源软件,背后有一家可靠的公司——Elastic。这种组合使其适用于许多用例,从个人测试到企业集成。 本文将向您介绍 Elasticsearch,并向您展示如何安装、配置和开始使用它。 先决条件 要遵循本教程,您将需要以下内容: 一台运行 CentOS 7 的服务器,具有至少 1GB 的内存和非 root sudo 用户。有关详细说明,请查看我们的 CentOS 7 初始服务器设置指南 wget安装在您的服务器上 步骤 1 — 在 CentOS 7 上安装 Java Elasticsearch 是用 Java 编程语言编写的。那么,您的第一项任务是在您的服务器上安装 Java 运行时环境 (JRE)。您将为 JRE ..