AdonisJS 框架教程:构建全栈 Web 应用程序

简介: AdonisJS 框架教程:构建全栈 Web 应用程序

AdonisJs是什么?

AdonisJs 是一个基于 Laravel 的 Node.js 框架。它实现了依赖注入和提供者的相似概念、优美的代码和直观的设计。AdonisJs 旨在为开发人员带来工作中的快乐和轻松,这就是为什么它蔑视用于全栈 Web 应用程序开发的一致且富有表现力的 API。

这个 Laravel 风格的 MVC 框架专注于创建可扩展、稳定和可扩展的 Web 应用程序的核心方面,例如:

  • 愉快的开发者体验
  • 一致的API
  • 速度和生产力
  • 支持邮件、身份验证、数据验证、Redis 等

AdonisJs 优点和缺点

让我们来看看 AdonisJs 最显着的优缺点。

优点

  • 文件夹结构:  AdonisJs 提供了一个方便的文件夹结构,可以很容易地保持井井有条。
  • 验证器:  AdonisJs 提供了一个专用的验证提供程序,可以轻松验证用户输入
  • Lucid ORM:  AdonisJs 对 MariaDB 和 MySQL 等数据库具有一流的支持。
  • ICO 和服务提供商:  AdonisJs 提供了一种通过 IOC 管理依赖项的简单方法。服务提供商可以管理生命周期依赖性。
  • 安全性:  AdonisJs 附带了一些工具来保护网站免受常见的 Web 攻击,例如跨站点伪造保护。
  • 测试:  AdonisJS 使开发人员能够编写功能单元测试来测试他们的 Web 应用程序,从而减轻了手动测试的挑战。

 缺点

  • 社区: 由于 AdonisJs 比较新且不太受欢迎,因此用户和支持社区很小。这意味着如果您遇到困难,您不太可能找到支持。
  • 文档:  AdonisJs 的文档目前不成熟,这意味着某些部分不完整。
  • 插件: 由于 AdonisJs 的受欢迎程度和年代久远,可用的插件较少
  • 未经过“实战测试”: 由于使用 AdonisJs 构建的大型网站较少,因此与其他框架相比,它尚未经过生产实战测试。

AdonisJs文件夹结构

现在我们有了一个正常运行的应用程序,让我们在开始我们的第一个应用程序之前了解更多关于它的文件结构。AdonisJs 具有 MVC 结构,可以轻松组织文件。这种结构使我们能够保持井井有条并在以后扩展文件。

复习: 模型视图控制器 (MVC) 架构由三部分组成:

  1. 模型:用于维护数据的最低级别的模式。
  2. 查看:这使用户能够查看数据。
  3. Controller:控制Model和View的软件代码。

让我们看看 AdonisJs 文件夹结构并定义一些关键术语。

网络异常,图片无法展示
|

应用程序

app 文件夹包含应用程序逻辑,包括:

  • 控制器: 它们控制逻辑流。控制器可以与路由绑定在一起。
  • 中间件: 中间件包含要在 HTTP 请求之前或之后执行的方法。
  • 模型: 这些定义了数据库模型和关系。

可以在 app 文件夹中创建更多文件夹,如 Validators、Exceptions、Helpers 和 ModelFilter。

配置

这是我们的应用程序配置存储的地方。我们也可以在这里创建我们的配置文件。

数据库

我们使用此文件夹来存储迁移、种子和工厂。

民众

这是我们放置静态文件的地方,例如图像、CSS 和 JavaScript 文件。它们将直接通过 HTTP 调用。

资源

这是我们放置视图模板和 Edge 模板文件的地方。

开始

这些文件用于加载应用程序。这也是我们可以创建 Events、Redis 和 Hooks 等文件的地方。

.env

.env 文件位于根文件夹中。它将包含与我们的工作环境相关的所有变量。开发和生产通常有不同的设置。

高手

ace 文件用于执行特定于项目的命令。

包.json

这是一个标准的 Node.js 文件。

服务器.js

该文件引导 HTTP 服务器。

创建一个基本的应用程序

现在我们已经熟悉了 AdonisJs,让我们学习如何实际制作我们的第一个应用程序。入门非常简单。首先,您必须从官方网站下载 AdonisJs,或者您现在可以跟随 Educative 的嵌入式编码小部件。

我们将从adonis可执行文件开始创建我们的第一个应用程序。在这个例子中,我们将制作一个博客应用程序。

adonis new blog
复制代码

此命令创建一个名为 blog 的新项目。接下来,我们将cd进入启动服务器的目录。

cd blog
npm run dev
复制代码

输出:

[nodemon] starting `node --harmony_proxies server.js`
info adonis:framework serving app on http://localhost:3333
复制代码

创建路线

start/routes.js文件定义了供用户访问的 URL 模式,作为 Web 应用程序的入口点。当用户请求 URL 时,Adonis 会在 中找到 URL 模式start/routes.js,因此如果模式匹配,Adonis 会处理该路由内的逻辑。

我们可以将路由与控制器绑定为逻辑处理程序,并将路由附加到中间件和验证器。

AdonisJs 提供了一个渲染视图的默认路由welcome.njk。要从头开始,我们必须先删除它。下面,我们实现了为主页和联系页面注册 2 个不同路由的代码。

'use strict'
const Route = use('Route')
Route.on('/').render('home')
Route.on('/contact').render('contact')
复制代码

创建控制器

控制器处理应用程序逻辑。它们与我们的模型、视图和助手相关联。控制器响应 HTTP 请求,因此它们不应该包含在其他文件中。

提示: 尝试将控制器重构到单独的文件中,以避免代码混乱。

'use strict'
class TestController {
 hello(){
   return 'Hello from Controller'
 }
}
module.exports = TestController
复制代码

输出:

“来自控制器的问候”

app/Controllers/Http/TestController.js文件中,我们创建了一个名为hello(). 我们在第 20 行访问控制器。TestController是控制器的名称,hello是方法的名称。

网络异常,图片无法展示
|

创建视图

视图是用户可见的组件。视图以扩展名保存在 resources/views 目录中.njk。下面,我们从上面为我们的页面创建两个视图。

./ace make:view home
./ace make:view contact
复制代码

Ace 是 Adonis 的命令行实用工具,用于制作视图、控制器和模型。

我们可以在我们创建的文件中使用 HTML 添加到我们的视图。在下面的示例中,使用 Bootstrap 进行设计。

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css">
  <link rel="stylesheet" href="/style.css">
</head>
<body>
  <div class="container">
    <div class="header clearfix">
      <nav>
        <ul class="nav nav-pills pull-xs-right">
          <li class="nav-item"><a href="/" class="nav-link">Home</a></li>
          <li class="nav-item"><a href="/about" class="nav-link">About</a></li>
          <li class="nav-item"><a href="/contact" class="nav-link">Contact</a></li>
        </ul>
        <h3 class="text-muted"> Adonis Blog </h3>
      </nav>
    </div>
    <section>
      {% block content %}{% endblock %}
    </section>
  </div>
</body>
</html>
复制代码

从那里,我们可以将基本模板扩展到其他视图并在文件中添加 CSS public/style.css

AdonisJs 应用程序的一部分

现在我们知道如何创建一个基本的应用程序,但使用 Adonis 仍然有很多问题。让我们回顾一下您需要了解的其他一些重要术语。

中间件

中间件是一组在 HTTP 请求到达路由器之前或之后运行的函数。中间件分为三种类型:

  • 服务器: 在请求到达路由器系统之前执行
  • 全局: 当路由模式匹配 URL 请求时执行。
  • named: 依附于特定路由或路由组并为之执行

中间件在文件夹内创建app/Middleware并在文件内注册start/kernel.js

网络异常,图片无法展示
|

例如,我们可以创建命名身份验证中间件,以便只有登录用户才能访问该站点。

'use strict';
class AuthRequired {
 async handle ({ auth, response }, next) {
   try {
     await auth.check()
   } catch (error) {
     return response.json({
       error: "Unauthorized access"
     })
   }
   // call next() to advance the request
   await next()
 }
}
module.exports = AuthRequired;
复制代码

请求方法

请求对象提供获取请求信息的方法。我们可以在start/route.js文件中创建到 URL 的路由。AdonisJs 使用全局中间件为任何 URL 请求创建一个请求对象。

全局中间件默认完成这个BodyParser。请求方式有很多种。下面我们列举几个:

  • request.all() :返回一个包含所有请求数据(包括查询参数和请求体数据)的对象。
  • request.get() :返回包含查询参数数据的对象。
  • request.post() :返回一个对象,其中包含来自提交表单的请求正文数据。
  • request.input(key) :返回指定键的值。


相关文章
|
11天前
|
安全 Linux 开发工具
零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
OpenIM 为开发者提供开源即时通讯 SDK,作为 Twilio、Sendbird 等云服务的替代方案。借助 OpenIM,开发者可以构建安全可靠的即时通讯应用,如 WeChat、Zoom、Slack 等。 本仓库基于开源版 OpenIM SDK 开发,提供了一款基于 Electron 的即时通讯应用。您可以使用此应用程序作为 OpenIM SDK 的参考实现。本项目同时引用了 @openim/electron-client-sdk 和 @openim/wasm-client-sdk,分别为 Electron 版本和 Web 版本的 SDK,可以同时构建 PC Web 程序和桌面应用(Wi
28 2
|
2月前
|
安全 应用服务中间件 网络安全
实战经验分享:利用免费SSL证书构建安全可靠的Web应用
本文分享了利用免费SSL证书构建安全Web应用的实战经验,涵盖选择合适的证书颁发机构、申请与获取证书、配置Web服务器、优化安全性及实际案例。帮助开发者提升应用安全性,增强用户信任。
|
3月前
|
监控 前端开发 JavaScript
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
使用 MERN 堆栈构建可扩展 Web 应用程序的最佳实践
59 6
|
3月前
|
存储 消息中间件 缓存
构建互联网高性能WEB系统经验总结
如何构建一个优秀的高性能、高可靠的应用系统对每一个开发者至关重要
43 2
|
3月前
|
开发框架 JavaScript 前端开发
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势
TypeScript 是一种静态类型的编程语言,它扩展了 JavaScript,为 Web 开发带来了强大的类型系统、组件化开发支持、与主流框架的无缝集成、大型项目管理能力和提升开发体验等多方面优势。通过明确的类型定义,TypeScript 能够在编码阶段发现潜在错误,提高代码质量;支持组件的清晰定义与复用,增强代码的可维护性;与 React、Vue 等框架结合,提供更佳的开发体验;适用于大型项目,优化代码结构和性能。随着 Web 技术的发展,TypeScript 的应用前景广阔,将继续引领 Web 开发的新趋势。
66 2
|
3月前
|
开发框架 搜索推荐 数据可视化
Django框架适合开发哪种类型的Web应用程序?
Django 框架凭借其强大的功能、稳定性和可扩展性,几乎可以适应各种类型的 Web 应用程序开发需求。无论是简单的网站还是复杂的企业级系统,Django 都能提供可靠的支持,帮助开发者快速构建高质量的应用。同时,其活跃的社区和丰富的资源也为开发者在项目实施过程中提供了有力的保障。
159 62
|
3月前
|
JSON 前端开发 API
使用Python和Flask构建简易Web API
使用Python和Flask构建简易Web API
175 3
|
2月前
|
前端开发 安全 JavaScript
2025年,Web3开发学习路线全指南
本文提供了一条针对Dapp应用开发的学习路线,涵盖了Web3领域的重要技术栈,如区块链基础、以太坊技术、Solidity编程、智能合约开发及安全、web3.js和ethers.js库的使用、Truffle框架等。文章首先分析了国内区块链企业的技术需求,随后详细介绍了每个技术点的学习资源和方法,旨在帮助初学者系统地掌握Dapp开发所需的知识和技能。
2025年,Web3开发学习路线全指南
|
3月前
|
存储 前端开发 JavaScript
如何在项目中高效地进行 Web 组件化开发
高效地进行 Web 组件化开发需要从多个方面入手,通过明确目标、合理规划、规范开发、加强测试等一系列措施,实现组件的高效管理和利用,从而提高项目的整体开发效率和质量,为用户提供更好的体验。
55 7
|
3月前
|
前端开发 API 开发者
Python Web开发者必看!AJAX、Fetch API实战技巧,让前后端交互如丝般顺滑!
在Web开发中,前后端的高效交互是提升用户体验的关键。本文通过一个基于Flask框架的博客系统实战案例,详细介绍了如何使用AJAX和Fetch API实现不刷新页面查看评论的功能。从后端路由设置到前端请求处理,全面展示了这两种技术的应用技巧,帮助Python Web开发者提升项目质量和开发效率。
88 1

热门文章

最新文章

  • 1
    打造高效的Web Scraper:Python与Selenium的完美结合
    13
  • 2
    Burp Suite Professional 2025.2 (macOS, Linux, Windows) - Web 应用安全、测试和扫描
    26
  • 3
    AppSpider Pro 7.5.015 for Windows - Web 应用程序安全测试
    20
  • 4
    【02】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-2月12日优雅草简化Centos stream8安装zabbix7教程-本搭建教程非docker搭建教程-优雅草solution
    54
  • 5
    部署使用 CHAT-NEXT-WEB 基于 Deepseek
    342
  • 6
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 7
    java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
    40
  • 8
    零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
    28
  • 9
    【01】客户端服务端C语言-go语言-web端PHP语言整合内容发布-优雅草网络设备监控系统-硬件设备实时监控系统运营版发布-本产品基于企业级开源项目Zabbix深度二开-分步骤实现预计10篇合集-自营版
    22
  • 10
    FastAPI与Selenium:打造高效的Web数据抓取服务 —— 采集Pixabay中的图片及相关信息
    55