服务端开发实例

淩亂°似流年 2023-02-14 15:41 119阅读 0赞

# 一、启动一个node.js服务 #

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

//3.新建.gitignore文件
    node_modules

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70]

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

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

如图所示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 1]

//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")

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 2]

nmp start启动服务

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 4]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200603204130486.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200603164628501.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20200603164827285.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20200603170133314.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20200603170221467.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTU0OTk3,size_16,color_FFFFFF,t_70