koa2系列教程：綜合koa2搭建登錄注冊頁面

li21 發布于2019-08-23 13:46 / 3059人閱讀

摘要：系列教程，持續更新系列教程應用初見系列教程處理靜態文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現登錄注冊功能本文源碼地址這篇是將前幾天的內容做個綜合，運用靜態文件處理，路由，模板引擎我的版本項目結構是

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前端

不妨關注一下

GPU云服務器云服務器 koa2 js注冊登錄頁面 php注冊登錄教程 linux系列教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/99516.html

koa2系列教程：koa2實現登錄注冊功能

摘要：系列教程，持續更新系列教程應用初見系列教程處理靜態文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現登錄注冊功能這個主要結合前幾天的內容，做個實際案例的效果版本項目結構前幾天，我們把注冊和登錄的頁面實現了 koa2系列教程，持續更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態文件 koa2系列教程：koa2使用模板引擎 ...

baiy 2019-08-23 13:51 評論0 收藏0
koa2系列教程：koa2應用初見

摘要：系列教程，持續更新系列教程應用初見系列教程處理靜態文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現登錄注冊功能這篇教程主要介紹構建服務器，簡單引用本教程的版本要格外注意版本號案例簡單利用搭建服務器文件夾 koa2系列教程，持續更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態文件 koa2系列教程：koa2使用模板引擎 ...

import. 2019-08-23 13:43 評論0 收藏0
koa2系列教程：koa2處理靜態文件

摘要：系列教程，持續更新系列教程應用初見系列教程處理靜態文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現登錄注冊功能這篇主要介紹處理靜態文件的中間件用到的版本項目的結構大家可以往文件夾里面添加點東西編輯啟動 koa2系列教程，持續更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態文件 koa2系列教程：koa2使用模板引擎 k...

madthumb 2019-08-23 13:43 評論0 收藏0
koa2系列教程：koa2使用模板引擎

摘要：系列教程，持續更新系列教程應用初見系列教程處理靜態文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面系列教程實現登錄注冊功能這篇教大家如何使用模板引擎這里我們使用模板引擎做個例子，你們自己選擇自己熟練的模板引擎使用的 koa2系列教程，持續更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態文件 koa2系列教程：koa2使用模板引擎 ...

ZoomQuiet 2019-08-23 13:43 評論0 收藏0
koa2系列教程：koa2路由控制中間件

摘要：系列教程，持續更新系列教程應用初見系列教程處理靜態文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊頁面這篇我們來使用一個控制一下路由本篇的版本注意版本哦目錄結構編輯子路由子路由裝載所有子路由加載路由中間件啟動服務， koa2系列教程，持續更新 koa2系列教程：koa2應用初見 koa2系列教程：koa2處理靜態文件 koa2系列教程：koa2使用模板引擎 ko...

lily_wang 2019-08-23 13:44 評論0 收藏0