nodejs-koa2(mvc模式)

 

一、开发准备

  • Nodejs介绍;
  • koa2介绍;
  • Nodejs环境安装;
  • 开发工具Visual Studio Code(下文简称vsc),vsc怎么新建项目;

自行百度解决;

二、开始干活

1、在硬盘上新增一个文件夹,打开VSC,点击‘添加工作区文件夹’,如果没有欢迎‘使用页面’,点击--文件--新建窗口,效果如下图

 

 2、添加vsc调试。Shift+ctrl+p,输入框内输入:launch.json

选择刚刚的文件夹

launch.json文件是vsc帮忙生成的,里面有一些版本信息启动设置等

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}\\app.js"
        }
    ]
}

"program": "${workspaceFolder}\\app.js"

此处就是是将app.js作为启动文件。${workspaceFolder}代表根目录,vsc启动时会在根目录下找到并加载app.js文件。

接着在终端输入 npm init 生成package.json文件

npm init

3、项目结构

3-1、package.json

参数介绍:name项目名称、version版本号、description项目描述、main项目启动文件、scripts启动快捷设置,author作者,dependencies第3方中间件名称及版本。

{
    "name": "koa2mcv",
    "version": "1.0.0",
    "description": "Hello Koa 2 example with MVC",
    "main": "app.js",
    "scripts": {
        "start": "node app.js"
    },
    "author": "baba",
    "dependencies": {
        "koa": "2.11.0",
        "koa-router": "8.0.8",
        "koa-bodyparser": "4.3.0",
        "koa-static-plus": "0.1.1",
        "koa-view": "2.1.3",
        "koa-jwt": "4.0.0",
        "koa-log4": "2.3.2",
        "jsonwebtoken": "8.5.1",
        "nunjucks": "3.2.1",
        "mime": "2.4.5",
        "mz": "2.7.0"
    }
}

最重要的

“dependencies”这里添加一些要用到的包,以上是这次要用到的所有的包,版本自己更改。

“scripts”这里是一些nodejs的便捷命令,上线的时候会用到,直接在终端中,package.json同级目录 ,执行‘npm start’ 即 可启动app.js。

别的没啥太大作用瞎写即可。

3-2、app.js

启动相关配置,封装到config/init.js中,启动文件直接引用即可

//启动服务
require('./config/init').startServer();

3-3、views存放html页面。

3-4、static存放静态文件,css,js,font等。

3-5、src存放业务控制,类似于springMVC中的controller、service。

 

 

关注公众号,发送‘nodejs’读取完整文章

 

 

 

 

 

源码:https://download.csdn.net/download/y_k_1_2_3_4/12995714

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

24k唇动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值