关于 phpMyAdmin phpMyAdmin 是一个在网络上使用 MySQL 的免费软件——它为 MySQL 的功能提供了一个方便的可视化前端。 设置 在安装 phpMyAdmin 之前，请确保您的 VPS 上安装了 LEMP。如果没有，您可以在此处查看如何操作。 在您的虚拟专用服务器上安装完 LEMP 后，您可以开始安装 phpMyAdmin。 第一步 – 安装 phpMyAdmin 首先从 apt-get 下载程序。 sudo apt-get 安装 phpmyadmin 在安装过程中，phpmyadmin 会询问您是否要使用 dbconfig 配置数据库。继续并选择是。 出现提示时输入 MySQL 的数据库密码，然后单击确定。 当 phpmyadmin 提示您选择服务器（apache 或 lighttpd）时，点击选项卡，不选择任何一个。 第二步 – 配置 phpMyAdmin 您现在已经在您的服务器上安装了 phpMyAdmin。为了访问它，您需要再执行一步。 在 phpMyAdmin 和您站点的目录之间创建一个符号链接。如果你在使用之前的教程，它可能仍然位于 nginx 默认目录中，否则将其链接到适当的位置： 须藤 ln ..
Category : 教程系列
作者选择Creative Commons接受捐赠，作为Write for DOnations计划的一部分。 介绍 由于 React 应用程序可以快速扩展和增长，因此细微的错误很容易渗透到您的代码中。该阵营开发工具的浏览器扩展可以帮助您让您更深入地了解当前追查这些错误状态为每个组件。React Developer Tools 为您提供了一个界面，用于探索 React 组件树以及各个组件的当前props、状态和上下文。React Developer Tools 还可以让您确定哪些组件正在重新渲染，并且可以生成图表来显示单个组件需要多长时间来渲染。您可以使用此信息来追踪效率低下的代码或优化数据密集型组件。 本教程首先安装 React Developer Tools 浏览器扩展。然后，您将构建一个文本分析器作为测试应用程序，它将获取一个文本块并显示诸如字数、字符数和字符使用等信息。最后，您将使用 React Developer Tools 来探索文本分析器的组件并跟踪不断变化的 props 和上下文。这些示例将使用Chrome 浏览器，但您也可以使用Firefox插件。 在本教程结束时，您将能够开始使用 React Developer Tools 来调试和探索任何 React 项目。 先决条件 要使用 Chrome React Developer Tools 扩展，您需要下载并安装Google Chrome 网络浏览器或开源Chromium 网络浏览器。您还可以使用适用于FireFox 网络浏览器的React Developer Tools FireFox 插件进行操作。 你需要一个运行Node.js的开发环境；本教程在 Node.js 版本 10.22.0 和 ..
该系列的一部分： 如何使用 HTML 构建网站 本教程系列将指导您使用 HTML（用于在 Web 浏览器中显示文档的标准标记语言）创建和进一步自定义该网站。不需要有任何编码经验，但如果您想重新创建演示网站，我们建议您从本系列的开头开始。 在本系列结束时，您应该有一个准备好部署到云的网站，并且基本熟悉 HTML。了解如何编写 HTML 将为学习其他前端 Web 开发技能（例如 CSS 和 JavaScript）奠定坚实的基础。 您可以使用 HTML 来修改网页的某些元素和内容片段的颜色。例如，你可以改变文本的颜色，边框或者，如在本教程演示HTML内容的分割-of一个<div>元素。改变这些内容的颜色值的方法因元素而异。 在本教程中，您将学习如何<div>使用 HTML 颜色名称更改文本、图像边框和元素的颜色。 文本元素的颜色，例如<p>or <h1>，通过使用style属性和color属性来修改，如下所示： <p style=”color:blue;”>This is blue text.</p> 尝试在您的index.html文件中编写此代码并在浏览器中加载它。（如果您还没有关注本系列教程，您可以index.html在我们的教程设置您的 HTML 项目 中查看设置文件的说明。有关在浏览器中加载文件的说明，请参阅此处的教程。） 你应该会收到这样的信息： 这是蓝色文字。 使用style属性和border属性修改边框的颜色： <img src=”https://html.sammy-codes.com/images/small-profile.jpeg” style=”border: 10px solid green”/> 尝试在您的index.html文件中编写此代码并在浏览器中加载它。（请注意，在此示例中，我们使用的是在线托管的图像。我们还指定边框应为 10 像素宽且实心（而不是虚线））。 你应该会收到这样的信息： <div>使用style属性和background-color属性修改容器的颜色，如下所示： <div style=”width:200px;height:200px;background-color:yellow;”></div> 尝试在您的index.html文件中编写此代码并在浏览器中加载它。你应该会收到这样的信息： 在这些示例中，颜色值由颜色名称定义。请尝试更改文本，图像边框的颜色与<div>使用下面的颜色名称元素：black，white，gray，silver，purple， red， fuchsia， lime，olive，green，yellow，teal，navy，blue， ..
介绍 Ansible 是一种现代配置管理工具，可简化设置和维护远程服务器的任务。凭借旨在让用户快速启动和运行的极简设计，它允许您使用剧本或临时命令从一个中心位置控制一到数百个系统。 与 playbook（由可重复使用的任务集合组成）不同，ad hoc 命令是您不经常执行的任务，例如重新启动服务或检索有关 Ansible 管理的远程系统的信息。 在本备忘单指南中，您将学习如何使用 Ansible 临时命令从 Ansible 控制节点执行常见任务，例如在一台或多台远程服务器上安装包、复制文件和重新启动服务。 先决条件 为了遵循本指南，您需要： 一个 Ansible 控制节点。本指南假设您的控制节点是一台安装了 Ansible 并配置为使用 SSH 密钥连接到您的 Ansible 主机的 Ubuntu 20.04 机器。确保控制节点有一个具有 sudo 权限的普通用户并启用了防火墙，如我们的初始服务器设置指南中所述。要设置 Ansible，请按照我们关于如何在 Ubuntu 20.04 上安装和配置 Ansible 的指南进行操作。 两个或更多 Ansible 主机。Ansible 主机是您的 Ansible 控制节点配置为自动化的任何机器。本指南假设您的 Ansible 主机是远程 Ubuntu 20.04 服务器。确保每个 Ansible 主机都具有： Ansible 控制节点的 SSH 公钥添加到authorized_keys系统用户的。该用户可以是 root 用户，也可以是具有 ..
介绍 云计算对行业和最终用户的影响再怎么强调也不为过：日常生活的许多方面都被运行在云网络上的无处不在的软件所改变。通过利用云计算，初创公司和企业无需购买和管理所有硬件和软件即可优化成本并增加产品。独立开发者有权推出全球可用的应用程序和在线服务。研究人员可以大规模共享和分析数据，这些数据曾经仅供资金充足的项目使用。互联网用户可以快速访问软件和存储，以创建、共享和存储远远超出其个人设备计算能力的数字媒体。 尽管云计算的存在越来越多，但其细节对许多人来说仍然模糊不清。云到底是什么，人们如何使用它，它对企业、开发人员、研究人员、政府、医疗保健从业者和学生有什么好处？在这篇概念性文章中，我们将概述云计算、它的历史、交付模型、产品和风险。 读完本文，您应该了解云如何帮助支持业务、研究、教育和社区基础设施，以及如何开始将云用于您自己的项目。 什么是云计算？ 云计算是将计算资源作为服务交付，这意味着资源由云提供商而非最终用户拥有和管理。这些资源可能包括基于浏览器的软件应用程序（如 Tik Tok 或 Netflix）、照片和其他数字媒体的第三方数据存储（如 iCloud 或 Dropbox）或用于支持计算基础设施的第三方服务器中的任何内容。商业、研究或个人项目。 在云计算广泛普及之前，企业和普通计算机用户通常必须购买和维护他们希望使用的软件和硬件。随着基于云的应用程序、存储、服务和机器的可用性不断提高，企业和消费者现在可以访问大量按需计算资源作为互联网访问服务。从内部部署的软件和硬件转向联网的远程和分布式资源意味着云用户不再需要投资购买和维护这些计算资源所需的劳动力、资本或专业知识。这种对计算资源的前所未有的访问引发了新一波基于云的业务，改变了跨行业的 IT 实践，并改变了许多日常计算机辅助实践。有了云， 定义云计算 美国国家标准与技术研究院(NIST) 是美国商务部的一个非监管机构，其使命是推动创新，它将云计算定义为： 一种模型，用于实现对可配置计算资源（例如，网络、服务器、存储、应用程序和服务）的共享池的无处不在、方便、按需的网络访问，该池可以通过最少的管理工作或服务提供商交互来快速配置和发布. NIST 将以下列出为云计算的五个基本特征： 按需自助服务：无需人工干预即可访问或配置云资源。通过这种模式，消费者可以在注册后立即访问云服务。组织还可以创建机制，允许员工、客户或合作伙伴根据预定逻辑按需访问内部云服务，而无需通过 IT 服务。 广泛的网络访问：用户可以通过任何设备在任何网络位置访问云服务和资源，只要他们有权限。 资源池：云提供商资源由多个租户共享，同时保持单个客户端的数据对其他客户端隐藏。 快速弹性：不同于内部部署的硬件和软件，云计算资源可以根据云用户不断变化的需求快速增加、减少或以其他方式修改。 可衡量的服务：对云资源的使用进行计量，以便企业和其他云用户只需为他们在任何给定计费周期中使用的资源付费。 这些特性为企业和个人提供了各种各样的变革机会，我们将在稍后的云计算的好处部分讨论这些机会。为了获得一些额外的背景信息，让我们简要回顾一下云计算的出现。 云计算的历史 云计算的许多方面可以追溯到 1950 年代，当时大学和公司出租大型计算机上的计算时间。当时，租用是获取计算资源的唯一途径之一，因为计算技术过于庞大且昂贵，无法由个人拥有或管理。到 1960 年代，斯坦福大学的 John McCarthy 和美国国防部高级研究计划局 (ARPA) 的 JCR Licklider 等计算机科学家开始提出一些想法，这些想法预测了当今云计算的一些主要特征，例如将计算概念化为公共事业和计算机网络的可能性，使人们可以从世界任何地方访问数据和程序。 然而，直到 21 世纪的第一个十年，云计算才成为主流现实和流行术语。这十年见证了2006年亚马逊的弹性计算（EC2）和简单存储服务（S3）、2007年的Heroku、2008年的谷歌云平台、2009年的阿里云、2010年的Windows Azure（现在的微软Azure）等云服务的推出， 2011 年 IBM 的 SmartCloud 和 2011 ..
本系列的一部分： 如何使用 Laravel 和 Docker Compose 在 PHP 中构建链接登陆页面 Laravel是一个开源 PHP 框架，它提供了一组工具和资源来构建现代 PHP 应用程序。在这个基于项目的教程系列中，您将使用 Laravel 框架构建一个Links Landing Page应用程序，使用由 Docker Compose 管理的容器化 PHP 开发环境。 最后，您将拥有一个使用 Laravel 构建并通过 Artisan 命令管理的单页网站，您可以在其中将相关链接分享给社交渠道和演示文稿上的受众。 Laravel 数据库迁移允许开发人员快速引导、销毁和重新创建应用程序的数据库，而无需登录数据库控制台或运行任何 SQL 查询。 在本指南中，您将创建一个数据库迁移来设置保存应用程序链接的表。为此，您将默认使用 Laravel 附带的 Artisan命令行工具。最后，您将能够根据需要多次销毁和重新创建数据库表，仅使用artisan命令即可。 首先，首先确保您位于应用程序的根目录中，并且您的 Docker Compose 开发环境已启动并正在运行： cd ~/landing-laravel docker-compose up -d Outputlanding-laravel_app_1 is up-to-date landing-laravel_nginx_1 is up-to-date landing-laravel_db_1 is up-to-date 接下来，创建一个数据库迁移来设置links表。Laravel ..
介绍 在快速创建 Node 应用程序时，有时需要一种快速的应用程序模板化方法。 Jade是Express的默认模板引擎，但 Jade 语法对于许多用例来说可能过于复杂。 嵌入式 JavaScript 模板 (EJS)可用作替代模板引擎。 在本文中，您将学习如何将 EJS 应用到 Express 应用程序，包括站点的可重复部分，并将数据传递到视图。 先决条件 如果你想跟随这篇文章，你需要： Node.js 的本地开发环境。遵循如何安装 Node.js 并创建本地开发环境。 注意： 您可以在 GitHub 上找到完整演示代码的 git 存储库。 本教程最初是为expressv4.17.1 和ejsv3.1.5 编写的。已通过 Node v16.0.0、npmv7.11.1、expressv4.17.1 和ejsv3.1.6 验证。 步骤 1 — 设置项目 首先，打开终端窗口并创建一个新的项目目录： mkdir ejs-demo 然后，导航到新创建的目录： cd ejs-demo 此时，您可以初始化一个新的 npm 项目： npm init -y 接下来，您需要安装express软件包： npm install [email protected] ..
介绍 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 元素被呈现。 ..