02 egg.js参数传递

最新推荐文章于 2024-05-08 12:27:30 发布
最新推荐文章于 2024-05-08 12:27:30 发布
阅读量934 收藏 3
点赞数
分类专栏： # egg.js 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mengdeng19950715/article/details/115195025
版权

目录

一、项目执行顺序

二、路由参数传值

1、query方式获取

2、参数命名-params

3、页面获取信息

一、项目执行顺序

使用的IDE为VS Code。安装egg.js插件可以智能提示，注意图标背景为黑色的

对于egg.js项目启动时：

1、首先在路由组件router.js中找到对应的url。

2、然后找到对应的controller中的对应的方法。

3、最后渲染页面,访问http://127.0.0.1:7001/getlist

二、路由参数传值

可参见官网 路由

路由传参

- 通过params获取：this.ctx.params

问号传参

- 通过query获取：this.ctx.query

修改状态码

- 通过status修改：this.ctx.status

1、query方式获取

通过this.ctx.query获取参数

// app/router.js
module.exports = app => {
  app.router.get('/search', app.controller.search.index);
};

// app/controller/search.js
exports.index = async ctx => {
  this.ctx.body = this.ctx.query.name
};

// curl http://127.0.0.1:7001/search?name=egg

2、参数命名-params

通过this.ctx.params获取参数

// app/router.js
module.exports = app => {
  app.router.get('/user/:id/:name', app.controller.user.info);
};

// app/controller/user.js
exports.info = async ctx => {
  this.ctx.body = {
    id: this.ctx.params.id,
    name: this.ctx.params.name
  }
};

// curl http://127.0.0.1:7001/user/123/xiaoming

3、页面获取信息

1、安装模板引擎egg-view-ejs，可见网址

npm i egg-view-ejs --save

2、配置: 使用ejs解析.html文件

// {app_root}/config/plugin.js

exports.ejs = {

  enable: true,

  package: 'egg-view-ejs',

};

// {app_root}/config/config.default.js

exports.view = {

  mapping: {

    '.html': 'ejs',

  },

};

3、测试

// app/view/index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    hello <%= msg%>

    <% for (var i = 0; i < list.length; i++) {%>

        <h2><%= list[i]%></h2>

    <%}%>

    <!-- 对于静态资源可以直接访问  -->

    <img src="/public/image/home.png" alt="">  

</body>

</html>

// app/controller/home.js

async index() {

    var list = [1, 2, 3, 4]

    await this.ctx.render('index', {

      msg:'world'

      list

    })

  }

// app/router.js

module.exports = app => {

  const { router, controller } = app;

  router.get('/', controller.home.index);

};

页面访问：http://127.0.0.1:7001/

 

 

梦灯
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Egg.js初步使用
GAN、Transformer、Vue、Django知识学习&&分享者 ZhuBa的博客 zhuba-Ahhh.github.io
11-20 1854
可选的模板不少，具体参考官方文档。!服务端渲染的好处对SEO非常友好，单页应用，比如Vue是到客户端才生成的。这种应用对于国内的搜索引擎是没办法爬取的，这样SEO就不会有好的结果。所以如果是官网、新闻网站、博客这些展示类、宣传类的网址，必须要使用服务端渲染技术。后端渲染是老牌开发模式，渲染性能也是得到一致认可的。在PHP时代，这种后端渲染的技术达到了顶峰。对前后端分离开发模式的补充，并不是所有的功能都可以实现前后端分离的。特别现在流行的中台系统，有很多一次登录，处处可用的原则。
egg 获取传值参数
bigb的博客
12-11 777
egg 获取传值参数 1. 路由配置： router.post('/home/parameter/:id', controller.home.parameter); 2. 处理函数： async parameter() { const id = this.ctx.params.id const name = this.ctx.query.name const body = this.ctx.request.body this.ctx.body = {
egg.js中获取get传值、动态路由传值
DKcode
04-07 5448
一、egg中获取get传值 var query = this.ctx.query;//返回对象格式 var querysring = this.ctx.querystring //返回字符串 二、动态路由 例如：router.get('/article/:id',controller.article.detail); 注意：配置动态路由后，必须传值，否则访问不到！ 三、获取动态路由...
Egg 接收参数
票票的博客
07-30 512
Get 请求方式 地址栏拼接传参使用 ctx.query.userId 接收 动态路由传参使用 ctx.params.userId 接收
eggjs 获取各种类型请求参数
遗忘了的自己
11-18 1495
1. query 参数获取 // eg: test?id=1 const { id } = this.ctx.query 2. path 参数获取 // eg: test/:id => test/1 const { id } = this.ctx.params; 3. body 参数获取 const bodyData = this.ctx.request.body; 4. header 参数获取 const header = this.ctx.header; 5. 请求路径获取 const
关于自定义Egg.js的请求级别日志详解
10-17
然而，Egg.js的设计者在源码中实现了一个自定义格式化函数，覆盖了外部传入的formatter参数，因此直接通过配置文件自定义日志格式是不可行的。 既然通过配置文件的方式无法实现自定义请求级别的日志，我们就需要...
毕业设计：基于Vue.js和Egg.js的人才招聘网源码.zip
05-28
Vue.js是目前非常流行的前端JavaScript框架，而Egg.js则是一个强大的Node.js企业级框架，用于后端开发。这个项目结合了这两者，构建了一个完整的前后端分离的Web应用。 Vue.js知识点： 1. **组件化**：Vue.js的核心...
Egg.js 中 AJax 上传文件获取参数的方法
12-11
在Egg.js中，使用AJAX上传文件并获取参数的过程涉及到多个关键步骤和技术。首先，前端需要使用HTML和JavaScript来构建文件上传表单，并通过AJAX实现异步提交。然后，后端使用Node.js和Egg.js框架处理上传请求，解析...
egg-typeorm:Egg用于Egg.js的TypeORM插件
05-03
egg-typeorm plugin for Egg.js.安装$ npm install -S @hackycy/egg-typeorm mysql使用插件启用// {app_root}/config/plugin.tsconst plugin: EggPlugin = { typeorm: { enable: true, package: '@hackycy/egg-...
Egg 获取路由传参
越陌度阡
03-22 2100
Egg中获取路由传参与Koa差不多，主要的区别在于Egg中的控制器继承于Controller，所以在获取传参的时候要修改 this 的指向，下面用一个实例来说明如何获取路由传参。 首先在app文件夹下的 router.js 中添加路由。 'use strict'; module.exports = app => { const { router, controller } = .........
egg.js中的中间件
weixin_42304193的博客
03-02 756
egg.js中的中间件 在这里我举例说明三种插件 框架内部中间件 应用级中间件 路由级中间件 内置中间件 内置的中间件不用设置，也不会编写，它是存在于框架本身内部的。比如 框架内置的 bodyParser 中间件，就是内置的框架中自行导入了，会自己在运行中。 应用级中间件 应用级中间件的加载步骤是继承koa框架的，洋葱模型，应用级中间件是应用在所有路由中的。 使用方法 首先说明一下应用级中间的...
egg.js 【1-基础配置】
YhWyl527的博客
07-02 298
创建文件夹 命令框： 1.npm init egg --type=simple 然后 让写名字等信息 暂且回车 2.进入文件夹 npm i 安装依赖 3.npm run dev 启动项目 文件解析 |router.js| 'use strict'; /** * @param {Egg.Application} app - egg application */ // application是一个全局变量 项目启动时会自动实例化该对象 module.exports = app =&gt
Egg.js学习
weixin_33782386的博客
09-13 223
egg.js是什么 是一个node.js的后台web框架，类似的还有express，koa 优势：规范、插件机制Egg.js约定了一套代码目录结构（配置config、路由router、扩展extend、中间件middleware、控制器controller）规范的目录结构，可以使得不同团队的开发者使用框架写出来的代码风格会更一致，接手成本...
egg.js 中间件middleware的基本用法和配置、传参
DKcode
04-09 8751
一、定义中间件在egg中定义中间件，app/middleware目录下，每一个js就是一个中间件 //1、在js中，暴露一个方法 module.exports = (options, app) => { //2、返回一个异步的函数 return async function login(ctx, next) { console.log('hello mid...
ctx.request.body、ctx.request.query和ctx.params的区别
最新发布
m0_56635723的博客
05-08 481
通常用于存储HTTP请求的主体（Body）中的数据。当客户端通过POST、PUT、PATCH等方法发送表单数据、JSON数据或其他类型的数据时，这些数据会被解析后放置在这里。分别代表了从HTTP请求中获取不同部分数据的方式。后面的部分，用于传递非敏感的、简单的键值对数据。在Node.js的Web框架中，如Koa或Express，用于存储URL中动态部分的值。包含了URL查询字符串中的参数。用于获取URL查询字符串中的参数，而。则用于获取路由中动态匹配的参数。主要用于获取请求主体中的数据，
egg数据库操作(增删改查)
古语静水流深
12-10 4498
1.数据库的增加（单个和多个） 对于上述数据库的迁移我们进行了阐述，今天我们开始对数据库操作进行学习。我们会详尽增删改查的操作，开始我们的正题吧。首先创建我们的模型文件：app/model/user.js 然后书写数据库部分： // app / model / user.js 'use strict'; module.exports = app => { const { STRING, INTEGER, DATE , ENUM} = app.Sequelize; // 配置（重要：一
eggjs业务中间件中无法获取ctx.params
eval的博客
08-03 4666
问题 由于路由中间件的加载顺序在业务中间件之后，所以在这里无法取到ctx.params // app/middleware/test.js module.exports = options =&amp;gt; { return async function (ctx, next) { ctx.logger.info(ctx.params); // undefined await...
Node - Egg.js 框架从入门到放弃系列（3）- 主要的几种传参方式
瞧，一条会动的河粉
10-24 607
本文为个人学习整理所得，希望对读者有所帮助。 GET 传递参数 在一般情况下，项目中会有两种get传参方式：1 是以?和&分割的、2 是以/分割； 例如客户端向传递约定的id和name这两个参数： localhost:7001/goods/detail?id=2333&name=hefen localhost:7001/goods/detail/2333/hefen ...
render函数
qinwei_123的博客
07-12 1042
这是根据传入的参数来判断应该渲染的图标，注意，不论在哪里，props中的属性都因该规范书写，至少提供默认值和类型，eslint检查就不会报缺少默认值的错误了。 import Vue from 'vue' Vue.component('render-dom', { props: { row: { type: Object, default: function()...
用yarn安装egg.js
03-01
使用yarn安装egg.js非常简单，只需按照以下步骤操作： 1. 首先，确保你已经安装了Node.js和yarn。你可以在命令行中运行以下命令来检查它们是否已安装： ``` node -v yarn -v ``` 2. 创建一个新的目录，并进入该目录： ``` mkdir my-egg-project cd my-egg-project ``` 3. 在该目录下，运行以下命令来初始化一个新的egg.js项目： ``` yarn init egg --type=simple ``` 4. 上述命令将会询问一些问题，你可以根据自己的需求进行选择。完成后，yarn将会自动下载并安装egg.js及其相关依赖。 5. 安装完成后，你可以使用以下命令来启动egg.js应用程序： ``` yarn dev ``` 6. 现在，你可以在浏览器中访问http://localhost:7001来查看你的egg.js应用程序运行情况。 希望以上步骤对你有所帮助！如果你还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值