本系列的一部分： 如何使用 Laravel 和 Docker Compose 在 PHP 中构建链接登陆页面 Laravel是一个开源 PHP 框架，它提供了一组工具和资源来构建现代 PHP 应用程序。在这个基于项目的教程系列中，您将使用 Laravel 框架构建一个Links Landing Page应用程序，使用由 Docker Compose 管理的容器化 PHP 开发环境。 最后，您将拥有一个使用 Laravel 构建并通过 Artisan 命令管理的单页网站，您可以在其中将相关链接分享给社交渠道和演示文稿上的受众。 首先，您需要创建一个能够执行 PHP 和Composer（PHP 依赖项管理工具）的容器化环境。然后，您就可以从头开始引导新的 Laravel 应用程序，而无需在本地机器或开发服务器上安装本地 PHP 环境。 在本指南中，我们将根据我们关于如何在 Ubuntu 20.04 上使用 Docker Compose 安装 Laravel 的教程，提供有关如何设置此环境的简化说明。有关将在本指南中提供的 Docker Compose 文件中使用的每个选项的更详细说明，请参阅该教程。 在您的主文件夹中为您的应用程序创建一个新目录： mkdir ~/landing-laravel cd ~/landing-laravel 接下来，您将创建docker-compose.yml将定义容器化环境的文件。在此文件中，您将设置名为 的服务app，该服务将基于使用稍后设置的 ..
Category : 教程系列
介绍 “LAMP”堆栈是一组开源软件，它们通常安装在一起以使服务器能够托管用 PHP 编写的动态网站和 Web 应用程序。该术语是代表一个缩写大号inux下操作系统，与甲帕什web服务器。后端数据存储在一个中号ariaDB数据库和动态处理是通过处理P HP。 LAMP 堆栈中的数据库层通常是 MySQL 数据库服务器，但在 CentOS 8 发布之前，默认 CentOS 存储库中不提供 MySQL。正因为如此，MySQL 的社区分支MariaDB成为广泛接受的 MySQL 替代品，作为 CentOS 机器上 LAMP 堆栈的默认数据库系统。MariaDB 可替代原始 MySQL 服务器，这实际上意味着您可以切换到 MariaDB，而无需在应用程序中进行任何配置或代码更改。 在本指南中，您将在 CentOS 8 服务器上安装 LAMP 堆栈，并使用 MariaDB 作为数据库管理系统。 先决条件 要遵循本指南，您需要以具有 sudo 权限的非 root 用户身份访问 CentOS 8 服务器，并且您的服务器上安装了活动防火墙。要进行设置，您可以按照我们的 CentOS 8 初始服务器设置指南进行操作。 第 1 步 – 安装 Apache Web ..
介绍 Leaflet 支持标记。这些是放置在地图上的可以包含信息的指示器。这提供了一种在地图上突出显示地标和目的地的方法。 注意：这是关于使用 Angular 和 Leaflet 的 4 部分系列的第 2 部分。 在本教程中，您将学习如何使用管理标记逻辑的服务向地图添加标记。 先决条件 要完成本教程，您需要： 本教程直接建立在前面部分中的安装和步骤的基础上。 第 1 步 – 下载 GeoJSON 数据 本教程将绘制美国各州首府的GeoJSON数据。它还包括一些关于州名、首都名和人口的额外元数据。 注意： 该usa-capitals.geojson文件在随附的项目 repo 中可用。 在data目录下新建一个子目录assets： mkdir src/assets/data 然后，将usa-capitals.geojson文件保存在此目录中。 第 2 步 – 创建标记服务 此时，您应该在 Angular 应用程序中有一个 Leaflet 的工作实现。 使用终端窗口导航到项目目录。然后，运行以下命令以生成新服务： npx @angular/cli generate service marker –skip-tests 这将创建一个新文件：marker.service.ts. 接下来，您将在您的app.module.ts. 您还将从您的assets文件夹加载数据，因此您需要包含HttpClientModule. app.module.ts在代码编辑器中打开并进行以下更改： src/app/app.module.ts import ..
介绍 Flutter 由用户界面 (UI) 包支持，例如 Material 和 Cupertino 设计系统。这些设计系统用于为整个应用程序提供一致且有凝聚力的美学解决方案。 但是，从品牌角度来看，仅依赖默认设计模式可能无法满足您的需求。相反，您可能希望使用默认值作为基础，您可以在此基础上应用自定义。 在本文中，您将探索使用 Flutter 主题更改应用程序整体外观的一些方法。 先决条件 要阅读本文，您需要： 下载并安装Flutter。 下载并安装Android Studio 或 Visual Studio Code。 建议为您的代码编辑器安装插件： Flutter和Dart为 Android Studio 安装的插件。 Flutter 为 Visual Studio Code 安装的扩展。 本文通过Flutter v1.22.2、Android SDK v30.0.2、Android Studio v4.1验证。 步骤 1 — 设置项目 就本文而言，您将依赖于创建新 Flutter 应用程序时生成的演示应用程序。 为 Flutter 设置环境后，您可以运行以下命令来创建新应用程序： flutter create flutter_themes_example 导航到新的项目目录： cd flutter_themes_example ..
我们都知道当您刚开始并且有一百万种工具有一百万种用途时的感觉，但是您应该使用哪些？以下是一些最推荐给刚起步的开发人员的免费工具的简要列表。 给它起个名字 – 商业名称生成器 您下一个项目的名称灵感工具。使用 AI 单词识别来产生相关的名称建议并检查每个想法的多个域扩展。 社区 – DigitalOcean 社区 在进行项目时遇到问题并不少见。对于开发人员和与他们一起工作的人员，DigitalOcean 提供了一个社区，您可以在其中提出问题、提供答案并与其他专业人士讨论项目的各个方面。您还可以搜索他们丰富的教程、备忘单和快速入门库。 组队 – GitHub Team Up 日历是团队跟踪日程安排、优化生产力并确保准确设置会议和项目等内容的有用方式。这是一个很棒的应用程序，可以让每个人都步入正轨。 沟通—— 松弛 Slack 使您与同事的沟通变得快速而轻松。您将能够轻松地与您的团队成员就各种项目进行对话、上传文档甚至连接其他服务，以创建最有效的环境来完成您的工作。 文件共享 – Dropbox Dropbox 将您的所有文件保存在互联网上的一个地方，让您选择共享文件的人可以进行查看、编辑等操作。这是确保与您一起工作的每个人都拥有工作所需的文件的好方法！ 代码共享 – CodeShare.io 当您与其他开发人员一起工作时，能够以简单的方式查看相同的代码将非常有用。使用 CodeShare.io，您都可以看到与创建时相同的代码，以便您可以轻松协作，并且可以快速修复任何错误！ 图书馆 – Libraries.io Libraries.io 为您提供了一个轻松搜索项目可能需要的框架、包和其他工具的地方。拥有超过 300 万个不同的软件包，无论您从事什么工作，您都一定能够找到所需的软件和工具。 项目管理 – ASANA Asana 是用于委派任务和跟踪分配的项目的关键软件。这是确保每个人都收到正确工作的简单方法。您甚至可以跟踪每个项目的完成率并查看项目何时到期。 文档 – Dropbox Paper 使用 Dropbox Paper，您和您的团队可以一起生成项目。该软件提供了出色的任务管理工具，能够立即提供反馈，甚至可以使用 Sketch、Invision 等一些出色的工具。 开发者文档 – DevDocs ..
介绍 Angular 2+ 支持[innerHTML]将呈现 HTML的属性绑定。如果您要以其他方式使用插值，它将被视为字符串。 在本文中，您将了解如何使用[innerHTML]和一些使用注意事项。 先决条件 如果你想跟随这篇文章，你需要： 熟悉 Angular插值和属性绑定也可能会有所帮助。 步骤 1 — 使用 innerHTML 出于本文的目的，假设您正在使用一个组件，该组件包含string由纯文本和 HTML 实体和元素的混合组成： export class ExampleComponent { htmlStr: string = ‘Plain Text Example & <strong>Bold Text Example</strong>’; } 让我们考虑一个在这个字符串上使用插值的模板： <div>{{ htmlStr }}</div> 编译后，此代码将产生结果： 纯文本示例 <strong>粗体文本示例</strong> 不呈现 HTML 实体和 HTML 元素。 现在，让我们考虑一个[innerHTML]在这个字符串上使用属性绑定的模板： <div [innerHTML]=”htmlStr”></div> 重新编译后，此代码将产生结果： 纯文本示例和粗体文本示例 观察 HTML 实体和 HTML 元素被呈现。 ..
介绍 国际化是在您的应用程序中支持多种语言的过程。 这可以通过第三方库在 Angular 应用程序中完成，例如ngx-translate，或者您可以使用内置的 i18n 功能。 注： “i18n”是一个数字符号，其中“18”表示“国际化”一词中第一个字母（“I”）和最后一个字母（“N”）之间的字母数。在开发应用程序时，您可能还会遇到“a11y”，它是可访问性的数字名词。 在本教程中，您将学习在 Angular 应用程序中使用内置的 i18n 功能。 先决条件 要完成本教程，您需要： Node.js 安装在本地，您可以按照如何安装 Node.js 和创建本地开发环境来完成。 熟悉设置 Angular 项目和使用 Angular 组件可能会有所帮助。 本教程已通过 Node v14.13.1、npmv6.14.8、angularv10.1.6 和@angular/localizev10.1.6 验证。 步骤 1 — 设置项目 您可以使用它@angular/cli来创建一个新的 Angular 项目。 在终端窗口中，使用以下命令： npx @angular/cli new angular-internationalization-example –style=css –routing=false –skip-tests 这将配置一个新的 Angular 项目，其样式设置为“CSS”（与“Sass”、Less 或“Stylus”相反），没有路由，并跳过测试。 导航到新创建的项目目录： cd angular-internationalization-example 要为翻译项目创建基础，请app.component.html在代码编辑器中打开并将代码替换为以下几行： src/app/app.component.html <section> ..
该系列的一部分： 如何使用 HTML 构建网站 本教程系列将指导您使用 HTML（用于在 Web 浏览器中显示文档的标准标记语言）创建和进一步自定义该网站。不需要有任何编码经验，但如果您想重新创建演示网站，我们建议您从本系列的开头开始。 在本系列结束时，您应该有一个准备好部署到云的网站，并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能（例如 CSS 和 JavaScript）奠定坚实的基础。 创建新网站项目时要做的第一件事是创建一个项目目录（或文件夹），以存储在此过程中将创建的所有文件。本教程将引导您完成设置使用 HTML 构建网站所需的文件夹和文件的步骤。 对于这个网站项目，我们可以继续使用我们之前在教程系列中创建的html-practice项目目录和index.html文件。（如果您还没有遵循本教程系列，并且需要设置项目目录和index.html文件的说明，请参阅本系列设置您的 HTML 项目中的早期教程。 注意：如果您决定为目录选择自己的名称，请确保避免使用字符空格、特殊字符（例如 !、#、% 或其他）和大写字母，因为这些会在以后引起问题。 接下来，我们将格式化该index.html文件以用作网站的主页。格式化 Web 文档的第一步是将<!DOCTYPE html>声明添加到第一行。确保您的index.html文件清晰，然后添加<!DOCTYPE html>到文档的第一行。 此声明告诉浏览器正在使用哪种类型的 HTML，并且声明很重要，因为有多个版本的 HTML。在此声明中，html指定了 HTML 的当前 Web 标准，即 HTML5。 接下来，我们将<html>通过添加开始和结束<html>标记来添加元素。该<html>元素告诉浏览器它包含的所有内容都打算作为 HTML 读取。在此标签内，我们还将添加lang属性，该属性指定网页的语言。在此示例中，我们将使用en语言标签指定我们的网站为英语。如需语言标签的完整列表，请访问IANA 语言子标签注册表。 您的文档现在应如下所示： <!DOCTYPE html> <html lang=”en”> </html> 从这点出发，我们加入到我们的网站上的所有内容将被添加之间的打开和关闭<html>标签。 我们将在下一个教程中开始向我们的网站添�..
介绍 在 Python 中，数据类型用于对一种特定类型的数据进行分类，确定可以分配给该类型的值以及可以对其执行的操作。在编程时，有时我们需要在类型之间转换值，以便以不同的方式操作值。例如，我们可能需要将数值与字符串连接起来，或者在初始化为整数值的数字中表示小数位。 本教程将指导您转换数字、字符串、元组和列表，并提供示例以帮助您熟悉不同的用例。 转换数字类型 在 Python 中，有两种数字数据类型：整数和浮点数或浮点数。有时您正在处理其他人的代码，需要将整数转换为浮点数，反之亦然，或者您可能会发现您一直在使用整数，而您真正需要的是浮点数。Python 具有内置方法，可让您轻松地将整数转换为浮点数以及将浮点数转换为整数。 将整数转换为浮点数 Python 的方法float()将整数转换为浮点数。要使用此函数，请在括号内添加一个整数： float(57) 在这种情况下，57将转换为57.0. 您也可以将其与变量一起使用。让我们声明f为 equal to 57，然后打印出新的浮点数： f = 57 print(float(f)) Output57.0 通过使用该float()函数，我们可以将整数转换为浮点数。 将浮点数转换为整数 Python 还有一个内置函数可以将浮点数转换为整数：int(). 该int()函数的工作原理与该float()函数类似：您可以在括号内添加一个浮点数以将其转换为整数： int(390.8) 在这种情况下，390.8将转换为390. 您也可以将其与变量一起使用。让我们声明b为 equal to125.0和cas equal to 390.8，然后打印出新的浮点数： b = 125.0 c = 390.8 print(int(b)) print(int(c)) Output125 390 使用该int()函数将浮点数转换为整数时，Python 会切断浮点数的小数和剩余数字以创建整数。即使我们可能想要将 390.8 取整为 391，Python 也不会通过该int()函数执行此操作。 通过除法转换的数字 在 ..
Write for DOnations 计划汇集了两项举措：构建参考内容以帮助开发人员，以及支持以技术为重点的慈善机构和非营利组织。 为我们越来越多的开源软件部署、配置和开发教程集做出贡献的作者也将有机会回馈越来越多的以技术为重点的非营利组织。我们的目标是让作者能够回馈 DigitalOcean 和开源社区，并通过支持慈善机构、非营利组织和活动家的工作来加强这些社区。 常问问题 Write for DOnations 流程是什么样的？ 这一切都始于一个提案。当您申请与我们一起写信时，您将提交一份包含以下详细信息的提案： 文章标题 解释为什么这篇文章非常适合社区 您提议的文章的大纲，包括介绍、先决条件和提议文章的步骤，每个部分都有一个段落，解释该部分将涵盖的内容。 一个写作样本，展示您的写作能力、技术专长以及向不熟悉您的主题的读者解释复杂主题的能力。 收到您的提案后，我们将作为一个团队审核您的提案。如果我们对您的提议感兴趣，我们将按原样接受它或与您一起进一步完善它。 一旦我们就主题和大纲达成一致，我们将向您发送一份合同供您签署，以便我们发布您的作品。届时我们也会询问您的联系方式和付款详细信息。 然后你将开始用 Markdown 写作，把你的大纲变成一篇完整的文章。当您的文章完成后，我们要求您通过通读它并像读者一样关注它来彻底测试它。我们将为此提供测试信用。您无需支付任何费用来测试您的教程。 当您的草稿完成并经过测试后，您将其提交给我们，草稿将进入我们的编辑队列。所有提交的草稿按照我们收到的顺序进入队列。有时，我们的教程数量会比平时多，因此编辑可能需要一些时间才能处理您的草稿。 当有可用的编辑器时，他们会与您联系，让您知道他们已经开始编写您的教程，然后会按照所写的内容验证您的教程在技术上是否正确。我们的编辑都具有技术背景，并会在测试您的文章时寻找技术最佳实践。 如果一切正常，您的编辑就会对文章的结构、语气和风格进行彻底审查。完成后，他们将对您的文章提供编辑反馈并向您发送反馈。 当您收到反馈时，您将处理它并将其发回。 然后，您的编辑将再次对其进行审核，如果需要进一步修改，请将其发回给您。一旦不再需要修改，团队中的另一位编辑就会检查教程的格式和其他问题。 一旦您的文章准备好发布，我们将发布教程、向您发送链接并处理您的付款。然后，您的编辑会鼓励您提交另一个教程创意。 你如何评估提案？ 我们的团队会审核我们收到的每份提案。我们寻求清晰的解释，强大的写作能力和扎实的教学技巧。我们的教程面向所有受众，我们非常喜欢编写遵循我们教程风格的示例。不幸的是，由于我们收到的样本量很大，我们不能接受所有申请的作者，我们也不能对我们审查的每个样本提供单独的反馈。 我有一个已经发布的教程。我可以通过 Write for DOnations 计划发布吗？ DigitalOcean 上的内容必须是未在其他任何地方发布的原创、首次运行的内容。我们向作者支付内容费用，然后根据知识共享署名-非商业性使用-相同方式共享 4.0 国际许可重新许可。但是，当您申请与我们一起写作时，您可以提交您现有的教程作为您的写作样本。 您在寻找什么主题？ 我们正在寻找有关开源软件和 Linux/BSD 系统的主题，包括生产安装、部署、容器和自动化。查看我们的建议主题列表以查看一些具体示例。 然而，最好的想法来自我们的社区作者。许多人写作是因为他们对某个主题感到兴奋。当您申请与我们一起写作时，您应该提出一个您感兴趣的主题。 Write for DOnations 的支付结构是什么？ 对于典型的教程内容，Write for DOnations 计划中社区作者的典型支出为 300 美元。然后，我们以 DigitalOcean ..