资讯专栏INFORMATION COLUMN

koa2系列教程:综合koa2搭建登录注册页面

li21 / 3058人阅读

摘要:系列教程,持续更新系列教程应用初见系列教程处理静态文件系列教程使用模板引擎系列教程路由控制中间件系列教程综合搭建登录注册页面系列教程实现登录注册功能本文源码地址这篇是将前几天的内容做个综合,运用静态文件处理,路由,模板引擎我的版本项目结构是

koa2系列教程,持续更新

koa2系列教程:koa2应用初见

koa2系列教程:koa2处理静态文件

koa2系列教程:koa2使用模板引擎

koa2系列教程:koa2路由控制中间件

koa2系列教程:综合koa2搭建登录注册页面

koa2系列教程:koa2实现登录注册功能

本文源码地址:https://github.com/xiaqijian/...

这篇是将前几天的内容做个综合,运用koa静态文件处理,路由,模板引擎

我的版本:

项目结构是这样子的:

1.写路由控制
// router/index.js

const Router = require("koa-router")


// 子路由1
const home = new Router()

home.get("/", async (ctx) => {
    let title = "首页"
    await ctx.render("index", {
        title
    })
})


// 子路由2
const page = new Router()

page.get("/404", async (ctx) => {
    let title = "404"
    await ctx.render("err", {
        title
    })
})


const login = new Router()

login.get("/", async (ctx) => {
    let title = "登录"
    await ctx.render("login", {
        title
    })
})

const register = new Router()

register.get("/", async (ctx) => {
    let title = "注册"
    await ctx.render("register", {
        title
    })
})

// 装载所有子路由
let router = new Router()
router.use("/", home.routes(), home.allowedMethods())
router.use("/page", page.routes(), page.allowedMethods())
router.use("/login", login.routes(), login.allowedMethods())
router.use("/register", register.routes(), register.allowedMethods())

module.exports = router
2.写ejs

这个自个写就可以,随意,想看我写的,可以看开头的源码地址

3.index.js编写
// index.js

const Koa = require("koa")
const views = require("koa-views")
const statics =  require("koa-static")
const path = require("path")
const router =  require("./router")
const app = new Koa()

const staticPath = "./static"

app.use(statics(
  path.join(__dirname, staticPath)
))

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

// 加载路由中间件
app.use(router.routes()).use(router.allowedMethods())



app.listen(3000, () => {
    console.log("localhost:3000")
})
4.启动服务
node index.js

打开浏览器:localhost:3000

localhost:3000/login

localhost:3000/register

这篇就结束了,下一篇文章,将利用MongoDB,综合起来,实现一个登陆注册功能

本文首发于微信公众号:node前端

不妨关注一下

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99516.html

相关文章

  • koa2系列教程koa2实现登录注册功能

    摘要:系列教程,持续更新系列教程应用初见系列教程处理静态文件系列教程使用模板引擎系列教程路由控制中间件系列教程综合搭建登录注册页面系列教程实现登录注册功能这个主要结合前几天的内容,做个实际案例的效果版本项目结构前几天,我们把注册和登录的页面实现了 koa2系列教程,持续更新 koa2系列教程:koa2应用初见 koa2系列教程:koa2处理静态文件 koa2系列教程:koa2使用模板引擎 ...

    baiy 评论0 收藏0
  • koa2系列教程koa2应用初见

    摘要:系列教程,持续更新系列教程应用初见系列教程处理静态文件系列教程使用模板引擎系列教程路由控制中间件系列教程综合搭建登录注册页面系列教程实现登录注册功能这篇教程主要介绍构建服务器,简单引用本教程的版本要格外注意版本号案例简单利用搭建服务器文件夹 koa2系列教程,持续更新 koa2系列教程:koa2应用初见 koa2系列教程:koa2处理静态文件 koa2系列教程:koa2使用模板引擎 ...

    import. 评论0 收藏0
  • koa2系列教程koa2处理静态文件

    摘要:系列教程,持续更新系列教程应用初见系列教程处理静态文件系列教程使用模板引擎系列教程路由控制中间件系列教程综合搭建登录注册页面系列教程实现登录注册功能这篇主要介绍处理静态文件的中间件用到的版本项目的结构大家可以往文件夹里面添加点东西编辑启动 koa2系列教程,持续更新 koa2系列教程:koa2应用初见 koa2系列教程:koa2处理静态文件 koa2系列教程:koa2使用模板引擎 k...

    madthumb 评论0 收藏0
  • koa2系列教程koa2使用模板引擎

    摘要:系列教程,持续更新系列教程应用初见系列教程处理静态文件系列教程使用模板引擎系列教程路由控制中间件系列教程综合搭建登录注册页面系列教程实现登录注册功能这篇教大家如何使用模板引擎这里我们使用模板引擎做个例子,你们自己选择自己熟练的模板引擎使用的 koa2系列教程,持续更新 koa2系列教程:koa2应用初见 koa2系列教程:koa2处理静态文件 koa2系列教程:koa2使用模板引擎 ...

    ZoomQuiet 评论0 收藏0
  • koa2系列教程koa2路由控制中间件

    摘要:系列教程,持续更新系列教程应用初见系列教程处理静态文件系列教程使用模板引擎系列教程路由控制中间件系列教程综合搭建登录注册页面这篇我们来使用一个控制一下路由本篇的版本注意版本哦目录结构编辑子路由子路由装载所有子路由加载路由中间件启动服务, koa2系列教程,持续更新 koa2系列教程:koa2应用初见 koa2系列教程:koa2处理静态文件 koa2系列教程:koa2使用模板引擎 ko...

    lily_wang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<