03 2020 档案
摘要:1.前端下载 (1)封装工具类 utils/exportXLSX.tsx import * as XLSX from 'xlsx'; /** * 纯前端将数据导出成XLSX文件 * @param {string} fileName 导出的XLSX文件名 * @param {string} sheet
阅读全文
摘要:1.安装 xlsx yarn add xlsx --save-dev 2.创建工具类 app/controller/tools.js 'use strict'; const Controller = require('egg').Controller; const XLSX = require('x
阅读全文
摘要:1.计算公式 offset=page*limit-limit 2.代码 /** * 分页查询 * @param offset 起始页 * @param limit 每页展示条数 * offset=page*limit-limit */ const query = { offset: app.toIn
阅读全文
摘要:1.代码 return await app.model.Diary.findAndCountAll({ order:[['updatedAt', 'DESC']] }); .
阅读全文
摘要:1.封装组件 components/Scroll/index.tsx /** * 下拉刷新 上拉加载更多 */ import React, { forwardRef, useState,useEffect, useRef, useImperativeHandle, useMemo } from "r
阅读全文
摘要:安装: npm i egg-http-proxy --save // 或 yarn add egg-http-proxy 导入到egg项目里: // 在config/plugin.js里面添加 exports.httpProxy = { enable: true, package: 'egg-htt
阅读全文
摘要:config-overrides.js const { override, fixBabelImports, addLessLoader, addWebpackAlias } = require('customize-cra'); const path = require('path'); func
阅读全文
摘要:1.安装模块 yarn add react-cropper lrz 2.分装组件 src/components/ImgCropper/index.tsx /** * 上传logo组件 */ import * as React from 'react'; import { Upload, Icon,
阅读全文
摘要:1.安装模块 npm install qrcode-react // 或者 yarn add qrcode-react 2.属性介绍 size 二维码大小 numberbgColor 二维码背景色string (CSS颜色)"#FFFFFF"fgColor 颜色 string (CSS颜色)logo
阅读全文
摘要:默认情况egg.js启动的端口是是7001,如果我们想修改端口的话找到 config.default.js 然后加入下面代码修改
阅读全文
摘要:egg-jwt 是一个生成token的插件 token的规则: 服务器返回的token数据基本结构是 Header.Payload.Signature, header、payload、signature三部分以'.'隔开。 例如: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVC
阅读全文
摘要:Sequelize.JS是node里面比较常用的一个ORM(对象映射模型),提供了很多丰富的接口,egg-sequelize是基于其做的一个egg项目下的ORM插件 安装: npm install egg-sequelize mysql2 -S // 或者 yarn add egg-sequeliz
阅读全文
摘要:用来允许前端进行跨域请求的一个插件 安装: npm i egg-cors --save // 或 yarn add egg-cors 导入到egg项目里: // 在config/plugin.js里面添加 exports.cors = { enable: true, package: 'egg-co
阅读全文
摘要:1.安装时间处理 及 压缩 模块 yarn add silly-datetime pump 2.文件保存路径 config/config.default.js config.uploadDir = 'app/public/avatar/upload'; 3.创建tools serviceapp/se
阅读全文
摘要:app/service/diary.js 1.增 create // 新增文章 async create(params) { const { app } = this; try { const result = await app.model.Diary.create({ title: params
阅读全文
摘要:实现: 通过 user表 关联外键 查询 role表 及 diary表 1.数据模型 app/model/user.js /** * 用户模型 */ module.exports = app => { const { STRING, INTEGER } = app.Sequelize; const
阅读全文
摘要:以 menu 表为例: 1.app/model/menu.js 'use strict'; /** * 菜单模型 */ module.exports = app => { const { INTEGER, STRING } = app.Sequelize; const Menu = app.mode
阅读全文
摘要:1.创建角色模型 app/model/role.js /** * 角色模型 */ module.exports = app => { const { INTEGER, STRING } = app.Sequelize; const Role = app.model.define('role', {
阅读全文
摘要:方式一:后端处理 1.增加 tools service app/service/tools.js /** * 构建树形结构数据 * @param {*} data */ buildTree(data) { const res = []; // 找出所有根节点 for(let item of data
阅读全文
摘要:Egg.js 中 session 的使用 设置 session this.ctx.session.username = '张三'; 获取 session let username = this.ctx.session.username; Session的默认配置 // Session的默认配置 ex
阅读全文
摘要:cookie: 1、可以实现 同一个浏览器访问同一个域的时候 不同页面之间的数据共享 2、实现数据的持久化 (关闭浏览器重新打开以后数据还存在) 第一个参数:cookies的名称 第二个参数:cookies的值 第三个参数:配置 设置cookie this.ctx.cookies.set('user
阅读全文
摘要:网址: http://eggjs.org/zh-cn/core/security.html 方式一: 在 controller 中通过参数传入模板 /** * 方式一:在 controller 中通过参数传入模板 * this.ctx.csrf 用户访问这个页面的时候生成一个密钥 */ await
阅读全文
摘要:中间件:匹配路由前、匹配路由完成做的一系列操作。Egg是基于Koa实现的,所有Egg的中间件形式和Koa的中间件形式是一样的,都是基于洋葱模型。 Koa中的中间件:https://eggjs.org/zh-cn/intro/egg-and-koa.html#middleware Egg中的中间件:h
阅读全文
摘要:1.创建 helper 扩展方法 app/extend/helper.js /** * app/extend/helper.js * 扩展里面引入第三方模块 * https://www.npmjs.com/package/silly-datetime * 1、yarn add silly-datet
阅读全文
摘要:1.抓取的接口 /** * 抓取的接口 * 新闻列表接口:http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1 * 新闻详情接口:http://www.phonegap100.com/appapi.php?a=ge
阅读全文
摘要:1、安装mysql npm i egg-mysql -S 2、在config/plugin.js里声明改插件 exports.mysql = { enable: true, package: 'egg-mysql', }; 3、在config/config.default.js里配置 config.
阅读全文
摘要:1.开发文章首页接口 app/service/article.js const Service = require('egg').Service; class ArticleService extends Service { async lists() { const { app } = this;
阅读全文
摘要:1.创建 service 文件 app/service/article.js const Service = require('egg').Service; class ArticleService extends Service { async create(params) { const { a
阅读全文
摘要:1.创建 mysql 表结构 create database egg_article; use egg_article; create table article( id int(10) not null auto_increment, img text default null comment '
阅读全文
摘要:1.安装 ejs yarn add egg-view-ejs 2.修改配置 config/plugin.js 'use strict'; exports.ejs = { enable: true, package: 'egg-view-ejs' }; config/config.default.js
阅读全文
摘要:1.创建service文件 app/service/product.js const Service = require('egg').Service; class ProductService extends Service { async index() { return { id: 100,
阅读全文