成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

koa2系列教程：綜合koa2搭建登錄注冊(cè)頁(yè)面

li21 / 3081人閱讀

摘要：系列教程，持續(xù)更新系列教程應(yīng)用初見(jiàn)系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊(cè)頁(yè)面系列教程實(shí)現(xiàn)登錄注冊(cè)功能本文源碼地址這篇是將前幾天的內(nèi)容做個(gè)綜合，運(yùn)用靜態(tài)文件處理，路由，模板引擎我的版本項(xiàng)目結(jié)構(gòu)是

koa2系列教程，持續(xù)更新

koa2系列教程：koa2應(yīng)用初見(jiàn)

koa2系列教程：koa2處理靜態(tài)文件

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

koa2系列教程：koa2路由控制中間件

koa2系列教程：綜合koa2搭建登錄注冊(cè)頁(yè)面

koa2系列教程：koa2實(shí)現(xiàn)登錄注冊(cè)功能

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

這篇是將前幾天的內(nèi)容做個(gè)綜合，運(yùn)用koa靜態(tài)文件處理，路由，模板引擎

我的版本：

項(xiàng)目結(jié)構(gòu)是這樣子的：

1.寫(xiě)路由控制 
// router/index.js

const Router = require("koa-router")


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

home.get("/", async (ctx) => {
    let title = "首頁(yè)"
    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 = "注冊(cè)"
    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.寫(xiě)ejs

這個(gè)自個(gè)寫(xiě)就可以，隨意，想看我寫(xiě)的，可以看開(kāi)頭的源碼地址

3.index.js編寫(xiě) 
// 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.啟動(dòng)服務(wù) 
node index.js

打開(kāi)瀏覽器：localhost:3000

localhost:3000/login

localhost:3000/register

這篇就結(jié)束了，下一篇文章，將利用MongoDB，綜合起來(lái)，實(shí)現(xiàn)一個(gè)登陸注冊(cè)功能

本文首發(fā)于微信公眾號(hào)：node前端

不妨關(guān)注一下

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/99516.html

相關(guān)文章

  • koa2系列教程：koa2實(shí)現(xiàn)登錄注冊(cè)功能

    摘要：系列教程，持續(xù)更新系列教程應(yīng)用初見(jiàn)系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊(cè)頁(yè)面系列教程實(shí)現(xiàn)登錄注冊(cè)功能這個(gè)主要結(jié)合前幾天的內(nèi)容，做個(gè)實(shí)際案例的效果版本項(xiàng)目結(jié)構(gòu)前幾天，我們把注冊(cè)和登錄的頁(yè)面實(shí)現(xiàn)了 koa2系列教程，持續(xù)更新 koa2系列教程：koa2應(yīng)用初見(jiàn) koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ...

    baiy 評(píng)論0 收藏0

  • koa2系列教程：koa2應(yīng)用初見(jiàn)

    摘要：系列教程，持續(xù)更新系列教程應(yīng)用初見(jiàn)系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊(cè)頁(yè)面系列教程實(shí)現(xiàn)登錄注冊(cè)功能這篇教程主要介紹構(gòu)建服務(wù)器，簡(jiǎn)單引用本教程的版本要格外注意版本號(hào)案例簡(jiǎn)單利用搭建服務(wù)器文件夾 koa2系列教程，持續(xù)更新 koa2系列教程：koa2應(yīng)用初見(jiàn) koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ...

    import. 評(píng)論0 收藏0

  • koa2系列教程：koa2處理靜態(tài)文件

    摘要：系列教程，持續(xù)更新系列教程應(yīng)用初見(jiàn)系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊(cè)頁(yè)面系列教程實(shí)現(xiàn)登錄注冊(cè)功能這篇主要介紹處理靜態(tài)文件的中間件用到的版本項(xiàng)目的結(jié)構(gòu)大家可以往文件夾里面添加點(diǎn)東西編輯啟動(dòng) koa2系列教程，持續(xù)更新 koa2系列教程：koa2應(yīng)用初見(jiàn) koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 k...

    madthumb 評(píng)論0 收藏0

  • koa2系列教程：koa2使用模板引擎

    摘要：系列教程，持續(xù)更新系列教程應(yīng)用初見(jiàn)系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊(cè)頁(yè)面系列教程實(shí)現(xiàn)登錄注冊(cè)功能這篇教大家如何使用模板引擎這里我們使用模板引擎做個(gè)例子，你們自己選擇自己熟練的模板引擎使用的 koa2系列教程，持續(xù)更新 koa2系列教程：koa2應(yīng)用初見(jiàn) koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ...

    ZoomQuiet 評(píng)論0 收藏0

  • koa2系列教程：koa2路由控制中間件

    摘要：系列教程，持續(xù)更新系列教程應(yīng)用初見(jiàn)系列教程處理靜態(tài)文件系列教程使用模板引擎系列教程路由控制中間件系列教程綜合搭建登錄注冊(cè)頁(yè)面這篇我們來(lái)使用一個(gè)控制一下路由本篇的版本注意版本哦目錄結(jié)構(gòu)編輯子路由子路由裝載所有子路由加載路由中間件啟動(dòng)服務(wù)， koa2系列教程，持續(xù)更新 koa2系列教程：koa2應(yīng)用初見(jiàn) koa2系列教程：koa2處理靜態(tài)文件 koa2系列教程：koa2使用模板引擎 ko...

    lily_wang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<