cool-admin(midway版)一个很酷的后台权限管理框架,模块化、插件化、CRUD极速开发,永久开源免费,基于midway.js 3.x、typescript、typeorm、mysql、jwt、vue3、vite、element-ui等构建
Go to file
2022-10-26 20:42:06 +08:00
.vscode Merge branch '5.x' of https://github.com/cool-team-official/cool-admin-midway into 5.x 2022-07-19 10:22:25 +08:00
public 5.x 2022-03-14 14:46:21 +08:00
src 修复无法获得IP地址 2022-10-26 20:42:06 +08:00
test/controller 5.x 2022-03-14 14:46:21 +08:00
view 5.x 2022-03-14 14:46:21 +08:00
.dockerignore 更新Docker配置 2022-06-27 08:33:14 +00:00
.editorconfig 5.x 2022-03-14 14:46:21 +08:00
.eslintrc.json 5.x 2022-03-14 14:46:21 +08:00
.gitattributes 5.x 2022-03-14 14:46:21 +08:00
.gitignore 5.x 2022-03-24 15:56:46 +08:00
.prettierrc.js 5.x 2022-03-14 14:46:21 +08:00
bootstrap.js 5.x 2022-03-14 14:46:21 +08:00
Dockerfile 更新Docker配置 2022-06-27 08:33:14 +00:00
jest.config.js 5.x 2022-03-14 14:46:21 +08:00
LICENSE 添加开源许可 2022-04-27 18:31:38 +08:00
package.json 修复缓存值重复的问题 2022-09-05 09:25:16 +08:00
README.md 修改说明 2022-10-09 16:55:49 +08:00
server.js 5.x 2022-03-27 19:41:20 +08:00
tsconfig.json 5.x 2022-03-14 14:46:21 +08:00

Midway Logo

cool-admin(midway版)一个很酷的后台权限管理系统开源免费模块化、插件化、极速开发CRUD方便快速构建迭代后台管理系统支持serverless、docker、普通服务器等多种方式部署 到 文档 进一步了解

GitHub license GitHub tag GitHub tag

技术栈

  • 后端:node.js midway.js egg.js mysql typescript
  • 前端:vue.js element-ui jsx vuex vue-router

如果你是前端,后端的这些技术选型对你是特别友好的,前端开发者可以较快速地上手。 如果你是后端Typescript 的语法又跟 java、php 等特别类似,一切看起来也是那么得熟悉。

演示

https://show.cool-admin.com

  • 账户admin
  • 密码123456

Admin Home

文档

https://admin.cool-js.com

项目前端

https://github.com/cool-team-official/cool-admin-vue

微信群

Admin Wechat

运行

修改数据库配置,配置文件位于src/config/config.local.ts

数据库为 mysql(>=5.7版本)node 版本(>=12.x),首次启动会自动初始化并导入数据

orm: {
    type: 'mysql',
    host: '127.0.0.1',
    port: 3306,
    username: 'root',
    password: '123456',
    database: 'cool',
    // 自动建表 注意:线上部署的时候不要使用,有可能导致数据丢失
    synchronize: true,
    // 打印日志
    logging: true,
    // 字符集
    charset: 'utf8mb4',
  },

安装依赖并运行

$ npm i
$ npm run dev
$ open http://localhost:8001/

注: npm i如果安装失败可以尝试使用cnpm,或者切换您的镜像源

CURD(快速增删改查)

大部分的后台管理系统,或者 API 服务都是对数据进行管理,所以可以看到大量的 CRUD 场景(增删改查)cool-admin 对此进行了大量地封装,让这块的编码量变得极其地少。

新建一个数据表

src/modules/demo/entity/goods.ts,项目启动数据库会自动创建该表,无需手动创建

import { EntityModel } from '@midwayjs/orm';
import { BaseEntity } from '@cool-midway/core';
import { Column } from 'typeorm';

/**
 * 商品
 */
@EntityModel('demo_app_goods')
export class DemoAppGoodsEntity extends BaseEntity {
  @Column({ comment: '标题' })
  title: string;

  @Column({ comment: '图片' })
  pic: string;

  @Column({ comment: '价格', type: 'decimal', precision: 5, scale: 2 })
  price: number;
}

编写 api 接口

src/modules/demo/controller/app/goods.ts,快速编写 6 个 api 接口

import { Provide } from '@midwayjs/decorator';
import { CoolController, BaseController } from '@cool-midway/core';
import { DemoAppGoodsEntity } from '../../entity/goods';

/**
 * 商品
 */
@Provide()
@CoolController({
  api: ['add', 'delete', 'update', 'info', 'list', 'page'],
  entity: DemoAppGoodsEntity,
})
export class DemoAppGoodsController extends BaseController {
  /**
   * 其他接口
   */
  @Get('/other')
  async other() {
    return this.ok('hello, cool-admin!!!');
  }
}

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

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

部署

$ npm start
$ npm stop

内置指令

  • 使用 npm run lint 来做代码风格检查。
  • 使用 npm test 来执行单元测试。

低价服务器

阿里云、腾讯云、华为云低价云服务器,不限新老