egg初体验

egg初体验

一、框架介绍、安装

1. egg的个人理解

  • koa官网,官网中国呢的文档还是挺详细的
  • 之前接触过nodejs的话很容易上手,只是框架不同写法上有区别而已。
  • egg就是一个框架,做了一些封装,从 koa 发展过来,写法上都大同小异,个人使用过感觉 egg 写起来更加方便。

2. 安装

跟着官网安装就好了,官网很详细,可以是用快速初始化,也可以跟着官网一步一步搭出框架,新手我建议还是逐步搭建比较好,可以了解框架结构,对框架理解回跟深入

  • egg快速入门
  • 官网逐步搭建的时候,你可能会不知道应该在那个地方创建文件,在那个地方创建文件夹,这个时候看一下完整的的目录结构就全清楚了。

二、controller

  • 输出hello word

    js 复制代码
    'use strict';
    
    const { Controller } = require('egg');
    
    class HomeController extends Controller {
      async index() {
        const { ctx } = this;
        ctx.body = 'hi, egg';
      }
    }
    
    module.exports = HomeController;
  • 访问文件,具体文件操作可以看这两个文章,node-file案例,node-file文件处理方法

    js 复制代码
    'use strict';
    
    const { Controller } = require('egg');
    const fsp = require('fs').promises;
    
    class TestController extends Controller {
      async index() {
        const { ctx, config } = this;
    
        const fileContent = await fsp.readFile(config.static.dir + '/test.xlsx', 'utf8');
    
        const editContent = await fsp.writeFile(config.static.dir + '/test.xlsx', 'test1');
    
        ctx.body = fileContent;
      }
    }
    
    module.exports = TestController;
  • 调用外部接口

    js 复制代码
      'use strict';
    
      const { Controller } = require('egg');
      const fsp = require('fs').promises;
    
      class TestController extends Controller {
        async index() {
          const { ctx, config } = this;
          // 这里我用的在线mock工具,随便找一个在线mock工具就行
          const result = await ctx.curl('https://mock.presstime.cn/mock/6520f61af82aa50021bbdc40/example/test', {
            dataType: 'json',
          });
    
          const res = result.data.data.records.reduce((pre, item) => {
            return (pre += `<div>${item.qualificationName}</div>`);
          }, '');
    
          ctx.body = res;
        }
      }
    
      module.exports = TestController;

数据库

  • 连接mysql需要用到插件 egg-mysql,参考官网-教程-MySQL

  • 注意:

    • 开启插件需要放在 plugn.js 中,这块官网写的确实不是很细,给初学者很不友好,这里我刚开始按照官网直接配置有问题,数据库就连不上。

      js 复制代码
        module.exports = {
          mysql: {
            enable: true,
            package: 'egg-mysql',
          }
        };
    • 配置数据源也不能按照官网的来,和上面一样,我卡了挺久,查了好久资料。配置完这两步,就可以开始crud了。

      js 复制代码
        module.exports = appInfo => {
          /**
           * built-in config
           * @type {Egg.EggAppConfig}
           **/
          const config = exports = {
            mysql: {
              client: {
                // host
                host: '',
                // 端口号
                port: '',
                // 用户名
                user: '',
                // 密码
                password: '',
                // 数据库名
                database: '',
              },
              // 是否加载到 app 上,默认开启
              app: true,
              // 是否加载到 agent 上,默认关闭
              agent: false,
            }
          };
      
          // use for cookie sign key, should change to your own and keep security
          config.keys = appInfo.name + '_123456';
      
          // add your middleware config here
          config.middleware = [];
      
          // add your user config here
          const userConfig = {
            // myAppName: 'egg',
          };
      
      
          return {
            ...config,
            ...userConfig,
          };
        };
  • 使用 server 层中连接数据库,返回数据,controller 中做逻辑处理。按照官网的步骤做就好了。

相关推荐
摸鱼也很难1 小时前
解决 node.js 执行 npm下载 报无法执行脚本的错
前端·npm·node.js
PeterJXL1 小时前
pnpm:包管理的新星,平替 npm 和 yarn
前端·npm·node.js·pnpm
黑色的糖果1 小时前
vue2封装自定义插件并上传npm发布及使用
前端·npm·node.js
afabama1 小时前
nvm 安装某个版本的node,缺少npm包
前端·npm·node.js
前端 贾公子1 小时前
Nodemailer使用教程:在Node.js中发送电子邮件
node.js
XT46252 小时前
解决 npm install 卡住不动或执行失败
前端·npm·node.js
yun_shuo5 小时前
文件内容扫描工具
electron·node.js·vue
理想不理想v5 小时前
前端开发工程师需要学什么?
java·前端·vue.js·webpack·node.js
daqinzl5 小时前
node.js @ffmpeg-installer/ffmpeg 桌面推流
ffmpeg·node.js·installe·桌面推流
蒜蓉大猩猩18 小时前
Vue.js --- Vue3中其他组合式API
前端·javascript·vue.js·前端框架·node.js·html