更新记录

1.3.2（2020-04-08） 下载此版本

新增视频教程: 1、cool-admin后端简单入门视频(快速写6个api接口)：https://www.bilibili.com/video/BV1SE411j74K 2、cool-admin前后端配合使用：https://www.bilibili.com/video/av90478011/ 3、cool-admin前端crud内部培训教程：https://www.bilibili.com/video/av89512654/

注：用电脑或者app看可以切换1080p

新增文档 cool-admin: https://docs.cool-admin.com

1.3.0（2020-03-06） 下载此版本

新增代码片段entity、controller、service、cl-crud快速编写代码 新增本地模式的文件上传，local(本地)、oss 修复es组件新增自传id无效 移除菜单动画，加速菜单渲染 新增前后端配合、前端crud等视频教程

平台兼容性

展示

• 演示地址：https://show.cool-admin.com
• 文档地址：https://docs.cool-admin.com
• 官网：https://www.cool-admin.com

技术选型

Node版后台基础框架基于Egg.js(阿里出品)

• 基础：egg.js
• 数据：typeorm
• 缓存：egg-redis
• 鉴权：egg-jwt
• 网络：axios

核心组件

独有cool-admin.com发布的npm组件

• 路由：egg-cool-router
• 控制器：egg-cool-controller
• 服务层：egg-cool-service
• 缓存：egg-cool-cache
• 模型：egg-cool-entity

运行

环境 Node.js>=8.9.0 Redis mysql

新建并导入数据库,修改数据库连接信息

推荐使用yarn

 git clone https://github.com/apgzs/cool-admin-api.git
 cd cool-admin-api
 yarn
 yarn dev
 http://localhost:7001

或者npm

 git clone https://github.com/apgzs/cool-admin-api.git
 cd cool-admin-api
 npm install
 npm run dev
 http://localhost:7001

快速开发6个接口 （演示视频： https://www.bilibili.com/video/av69398358/）

数据模型

数据模型必须放在app/entities/*下，否则typeorm无法识别，如:

 import { Entity, Column, Index } from 'typeorm';
 import { BaseEntity } from 'egg-cool-entity';
 /**
  * 系统角色
  */
 @Entity({ name: 'sys_role' })
 export default class SysRole extends BaseEntity {
     // 名称
     @Index({ unique: true })
     @Column()
     name: string;
     // 角色标签
     @Index({ unique: true })
     @Column({ nullable: true })
     label: string;
     // 备注
     @Column({ nullable: true })
     remark: string;
 }

新建完成运行代码，就可以看到数据库新建了一张sys_role表，如不需要自动创建config文件夹下修改typeorm的配置文件

控制器

有了数据表之后，如果希望通过接口对数据表进行操作，我们就必须在controller文件夹下新建对应的控制器，如：

import { BaseController } from 'egg-cool-controller';
import { Context } from 'egg';
import routerDecorator from 'egg-cool-router';
import { Brackets } from 'typeorm';
/**
 * 系统-角色
 */
@routerDecorator.prefix('/admin/sys/role', [ 'add', 'delete', 'update', 'info', 'list', 'page' ])
export default class SysRoleController extends BaseController {
    constructor (ctx: Context) {
        super(ctx);
        this.setEntity(this.ctx.repo.sys.Role);
        this.setPageOption({
            keyWordLikeFields: [ 'name', 'label' ],
            where: new Brackets(qb => {
                qb.where('id !=:id', { id: 1 });
            }),
        });//分页配置（可选）
        this.setService(this.service.sys.role);//设置自定义的service（可选）
    }
}

这样我们就完成了6个接口的编写，对应的接口如下：

• /admin/sys/role/add 新增
• /admin/sys/role/delete 删除
• /admin/sys/role/update 更新
• /admin/sys/role/info 单个信息
• /admin/sys/role/list 列表信息
• /admin/sys/role/page 分页查询(包含模糊查询、字段全匹配等)

PageOption配置参数

数据缓存

有些业务场景，我们并不希望每次请求接口都需要操作数据库，如：今日推荐、上个月排行榜等，数据存储在redis，注：缓存注解只在service层有效

import { BaseService } from 'egg-cool-service';
import { Cache } from 'egg-cool-cache';
/**
 * 业务-排行榜服务类
 */
export default class BusRankService extends BaseService {
    /**
     * 上个月榜单
     */
    @Cache({ ttl: 1000 }) // 表示缓存
    async rankList () {
        return [ '程序猿1号', '程序猿2号', '程序猿3号' ];
    }
}

Cache配置参数

路由

egg.js原生的路由写法过于繁琐，cool-admin的路由支持BaseController还有其他原生支持具体参照egg.js路由

自定义sql查询

除了单表的简单操作，真实的业务往往需要对数据库做一些复杂的操作。这时候我们可以在service自定义SQL，如

async page (query) {
    const { keyWord, status } = query;
    const sql = `
    SELECT
        a.*,
        GROUP_CONCAT(c.name) AS roleName
    FROM
        sys_user a
        LEFT JOIN sys_user_role b ON a.id = b.userId
        LEFT JOIN sys_role c ON b.roleId = c.id
    WHERE 1 = 1
        ${ this.setSql(status, 'and a.status = ?', [ status ]) }
        ${ this.setSql(keyWord, 'and (a.name LIKE ? or a.username LIKE ?)', [ `%${ keyWord }%`, `%${ keyWord }%` ]) }
        ${ this.setSql(true, 'and a.id != ?', [ 1 ]) }
    GROUP BY a.id`;
    return this.sqlRenderPage(sql, query);
}

this.setSql()设置参数

学习交流微信

lpap123456