服务端开发实例

一、启动一个node.js服务

//1.初始化npm仓库
npm init -y
//2.下载koa
npm i koa -S

//3.新建.gitignore文件
node_modules

//4.安装nodemon
npm i nodemon -S

//5.配置package.json
{
  ...
  "scripts": {
    "start":"nodemon index.js"
  }
}

如图所示：

//6.新建index.js文件启动服务

二、安装路由模块

npm i koa-router -S
//路由:根据url地址的不同给用户呈现不同的页面,就是路由

//配置路由
const Koa = require("koa");
const app = new Koa();
const router = require("koa-router")();
router.get("/",async ctx=>{
    ctx.body = "首页"
})
router.get("/detail",async ctx=>{
    ctx.body = "我是新闻详情页"
})
app.use(router.routes());
app.listen(3000);
console.log("服务器运行在http://localhost:3000")

三、安装模板

//1.安装art-template
npm i art-template koa-art-template -S

//2.配置模板
const Koa = require("koa");
const app = new Koa();
const router = require("koa-router")();
const render = require("koa-art-template");
const {resolve} = require("path");
render(app,{
    root:resolve(__dirname,"views"),
    extname:".html"
})
router.get("/",async ctx=>{
    await ctx.render("index")
})
router.get("/detail",async ctx=>{
    await ctx.render("detail")
})
router.get("/news",async ctx=>{
    await ctx.render("news")
})
app.use(router.routes());
app.listen(3000);
console.log("服务器运行在http://localhost:3000")

nmp start启动服务

const Koa = require("koa");
const app = new Koa();
const router = require("koa-router")();
const render = require("koa-art-template");
const {resolve} = require("path");
render(app,{
    root:resolve(__dirname,"views"),
    extname:".html"
})
router.get("/",async ctx=>{
    // {msg:"koa是牛逼的node.js框架"}
    await ctx.render("index", {msg:"这是我要传输到前端页面的数据"})
})
router.get("/detail",async ctx=>{
    await ctx.render("detail")
})
router.get("/news",async ctx=>{
    await ctx.render("news")
})
app.use(router.routes());
app.listen(3000);
console.log("服务器运行在http://localhost:3000")
// 服务-->两个路由-->路由后面对应的是html页面