【node进阶】浅析Koa框架---ejs模板|文件上传|操作mongoDB

这篇具有很好参考价值的文章主要介绍了【node进阶】浅析Koa框架---ejs模板|文件上传|操作mongoDB。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

✅ 作者简介:一名普通本科大三的学生,致力于提高前端开发能力
✨ 个人主页:前端小白在前进的主页
🔥 系列专栏 : node.js学习专栏
⭐️ 个人社区 : 个人交流社区
🍀 学习格言: ☀️ 打不倒你的会使你更强!☀️
💯 刷题网站:这段时间有许多的小伙伴在问有没有什么好的刷题网站,博主在这里给大家推荐一款刷题网站:👉点击访问牛客网👈牛客网支持多种编程语言的学习,各大互联网大厂面试真题,从基础到拔高,快来体验一下吧!


koa ejs,node.js入门到精通,数据库,前端,node.js,koa
🔥前言

koa框架中的ejs模板使用方式与express并无差距,文件上传、操作mongoDB也并没有很多不一样的东西,本篇文章更着重于代码,ejs模板在文章express应用程序生成器中已经做了讲解,文件上传在文章Express+Multer+Postman模拟文件上传功能中也做了讲解,node连接mongoDB暂时还没出文章,这里的话先给大家说一下怎么去操作mongoDB,后续会出文章补充mongoDBMYSQL

ejs模板

  • 安装koa-views中间件

    npm install --save koa-views
    

    koa-views 是一个视图管理模块,它的灵活度很高,支持很多的模版引擎,这里我们给它配置的引擎是 ejs。

  • 安装ejs模板引擎

    npm install --save ejs
    

文件目录

├── package.json
├── index.js(入口文件)
└── view(视图管理文件夹)
------└── index.ejs(ejs模板页面)

index.js(入口文件)

const Koa = require('koa')
const views = require('koa-views')
const path = require('path')
const app = new Koa()

// 加载模板引擎
app.use(views(path.join(__dirname, './view'), {
  extension: 'ejs'
}))

app.use( async ( ctx ) => {
  let title = 'hello koa2'
  await ctx.render('index', {
    title,
  })
})

app.listen(3000)

index.ejs 模板页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>home模板页面</h1>
    <div>欢迎使用<%= title%></div>
</body>
</html>

最终效果
koa ejs,node.js入门到精通,数据库,前端,node.js,koa

上传文件

  • 安装@koa/multer multer

    npm install --save @koa/multer multer
    

    在这里很多人感到不解,为什么安装了@koa-multer中间件后还要安装multer,这是因为@koa/multer中间件是依赖于multer而创建的,所以必须要下载multer

上传页面代码

<form action="/upload" method="POST" enctype="multipart/form-data">
        <div>
            头像:<input type="file" name="avatar">
        </div>

        <div>
            <input type="submit" value="提交">
        </div>
    </form>

关键逻辑代码

const multer = require('@koa/multer');
//自动在public目录下生成文件夹uploads,在这里存储图片
const upload = multer({ dest: 'public/uploads/' })

//路由代码
router.post("/upload",upload.single('avatar'),
(ctx,next)=>{
    console.log(ctx.request.body,ctx.file)
    ctx.body={
        ok:1,
        info:"add user success"
    }
})

koa ejs,node.js入门到精通,数据库,前端,node.js,koa
我们点击提交按钮后,图片的存放路径就给出来了,我们可以在public/uploads中找到我们上传的图片.
(谨记:我们得到的图片是没有后缀名的,如果想要在网页中打开图片,必须要自定义存储引擎!)

操作mongoDB

虽然在之前的文章中没有涉及到数据库,是因为考虑到想把mongoDBMYSQL两种数据库连着出文章,便于大家去做一个对比,在本文中就先简单的让大家明白koa怎么连接mongoDB

文件目录

├── package.json
├── index.js(入口文件)
└── config
------└── db.config.js(数据库配置文件)
└──model
------└── UserModel.js(数据库模型文件)

安装mongoose模块

npm i mongoose

db.config.js(数据库配置文件)

//连接数据库
const mongoose = require("mongoose")

mongoose.connect("mongodb://127.0.0.1:27017/lzq_koa")
//插入集合和数据,数据库lzq_koa会自动创建

UserModel.js(数据库模型文件)

const mongoose = require("mongoose")
const Schema = mongoose.Schema
const UserType = {
    username:String,
    password:String,
    age:Number,
    avatar:String
}

const UserModel = mongoose.model("user",new Schema(UserType))
// 模型user 将会对应 users 集合, 
module.exports = UserModel

小结

这篇文章最不合理的地方在于之前没有出在node中学习简单的mongoDB操作的文章,就会导致本篇的操作mongoDB小节中大家可迷,但是希望大家谅解一下,主要是想把数据库在node学习专栏中最后去出,希望各位可以体谅一下!koa框架中只少了最后一个模块没出了,它就是身份认证,下篇文章会给大家奉上的!

koa ejs,node.js入门到精通,数据库,前端,node.js,koa文章来源地址https://www.toymoban.com/news/detail-824022.html

到了这里,关于【node进阶】浅析Koa框架---ejs模板|文件上传|操作mongoDB的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • node中间件-koa框架

    安装 npm i koa koa导出的是一个类,必须用 new 进行创建 koa也是通过注册中间件来完成请求操作的 koa注册的中间件提供了两个参数: ctx:上下文(Context)对象; koa并没有像express一样,将req和res分开,而是将它们作为ctx的属性; ctx代表一次请求的上下文对象; ctx.reque

    2024年02月16日
    浏览(53)
  • node笔记_koa框架是什么?

    大家好,我是yma16,本文介绍node的一个web框架koa。 往期文章 node_windows环境变量配置 node_npm发布包 linux_配置node

    2024年02月07日
    浏览(45)
  • 【node进阶】Express+Multer+Postman模拟文件上传功能

    ✅ 作者简介:一名普通本科大三的学生,致力于提高前端开发能力 ✨ 个人主页:前端小白在前进的主页 🔥 系列专栏 : node.js学习专栏 ⭐️ 个人社区 : 个人交流社区 🍀 学习格言: ☀️ 打不倒你的会使你更强!☀️ 💯 刷题网站:这段时间有许多的小伙伴在问有没有什么

    2024年02月02日
    浏览(38)
  • Node后端框架Express与Koa接口统一响应封装

    以前在写 SpringBoot 全栈开发的系列文章中全栈开发之后端脚手架:SpringBoot集成MybatisPlus代码生成,分页,雪花算法,统一响应,异常拦截,Swagger3接口文档,有提到对后端接口的响应数据进行统一的封装,方便前端或者第三方进行数据获取与对接工作;统一响应一般包含状态

    2024年02月05日
    浏览(40)
  • Node.js 操作百度网盘实现文件上传(小文件上传,大文件分片上传)

    Node.js 操作百度网盘实现文件上传(小文件上传,大文件分片上传) 前提准备:获取百度网盘的授权码 https://pan.baidu.com/union/doc/al0rwqzzl

    2024年02月09日
    浏览(47)
  • koa2实现文件上传

    要在Koa2中实现文件上传,你可以按照以下步骤进行操作: 安装依赖:首先,确保已在你的项目中安装了 koa-body 模块,它用于解析请求体中的表单数据和文件。 导入所需的模块:将以下代码添加到你的应用程序文件中。 配置中间件:在创建 Koa 应用之后,使用 koa-body 中间件

    2024年02月13日
    浏览(32)
  • koa2文件的上传下载功能

    const Router = require(“koa-router”); const upload = new Router(); const bodyParser = require(“koa-bodyparser”); const multer = require(\\\"@koa/multer\\\"); const path = require(“path”); const article = require(\\\"…/utils/sql\\\"); const { getCurrentTime } = require(\\\"…/utils/times\\\"); upload.use(bodyParser()); const storage = multer.diskStorage({ destin

    2024年02月02日
    浏览(46)
  • node实战——koa实现文件下载和图片/pdf/视频预览(node后端储备知识)

    大家好,我是yma16,本文分享关于node实战——koa实现文件下载和图片预览。 本文适用对象 :前端初学者转node方向,在校大学生,即将毕业的同学,计算机爱好者。 node系列往期文章 node_windows环境变量配置 node_npm发布包 linux_配置node node_nvm安装配置 node笔记_http服务搭建(渲染

    2024年02月05日
    浏览(36)
  • 大文件上传demo,前端基于Uppy,后端基于koa

    文件上传基本上所有的管理系统之类的项目都有这么一个功能。因为使用了 Element ,可以方便的使用 其提供的 Upload 组件,对于普通上传来说基本上就够用了。但是有时候会涉及到大文件上传的需求,这时就会面临一些问题:比如文件上传超时。 自己做的话很麻烦,需要考虑

    2024年02月09日
    浏览(40)
  • 【Express】服务端渲染(模板引擎 EJS)

    EJS(Embedded JavaScript)是一款流行的模板引擎,可以用于在Express中创建动态的HTML页面。它允许在HTML模板中嵌入JavaScript代码,并且能够生成基于数据的动态内容。 下面是一个详细的讲解和示例,演示如何在Express中使用EJS模板引擎: 安装EJS:首先,在你的项目中安装EJS模板引

    2024年02月07日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包