搭建模拟cool-admin框架

一、介绍

      cool-admin：cool-admin自 2018 年初以来，一直本着快速通用开发为理念，同时看重每个页面的设计，无论在代码上还是 UI 设计上都受到广大开发者的喜爱。cool是酷的意思，admin一般的认知是一个权限管理系统；所以将他命名为cool-admin让他成为“一个很酷的后台权限管理框架”，要做到这点它就得满足很多用户的需求，解决很多用户的痛点。cool-admin 是一款前后端分离的权限管理框架，后端支持java、node两种语言

演示：

https://show.cool-admin.com

• 账户：admin
• 密码：123456

cool-admin是一个通用的后台权限管理系统，你可以将它应用在任何需要服务端管理的应用。如：开发小程序的 API 接口、企业内部的业务管理、ERP、CMS、APP 的后台等

优点：开源

开源地址

后端

• Github: https://github.com/cool-team-official/cool-admin-midway

Gitee: cool-admin-midway: cool-admin一个很酷的后台权限管理框架，模块化、插件化、CRUD极速开发，永久开源免费，基于midway.js 3.x、typeorm、mysql、jwt、element-ui等构件https://gitee.com/cool-team-official/cool-admin-midway

前端

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

Gitee: cool-admin-vue: cool-admin一个很酷的后台权限管理框架，模块化、插件化、CRUD极速开发，永久开源免费，基于midway2.0、typeorm、mysql、jwt、element-ui、vuex、vue-router、vue等构件https://gitee.com/cool-team-official/cool-admin-vue

二、前后端代码下载并测试运行

1.源码下载

方法1.使用git客户端和gitee/github下载

git下载安装如下链接所示

Git 的下载、安装、本地环境配置教程_git下载-CSDN博客

然后打开代码的网站

点击克隆下载，安装所给提示安装。

方法2使用vs和gitee下载

首先打开前端的源码网站找到相应版本并复制其仓库地址。

然后在VScode中找到克隆仓库并点击 

粘贴其仓库地址，并且选择下载位置。

等待下载完成，并打开代码。

2.测试

前端：

安装项目依赖

推荐使用 yarn：

yarn

运行应用程序

安装过程完成后，运行以下命令启动服务。您可以在浏览器中预览网站 http://localhost:9000

yarn dev

后端：

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

以 Mysql 为例，其他数据库请参考数据库配置文档

Mysql(>=5.7版本)，建议 8.0，node 版本(>=16.x)，建议 18.x，首次启动会自动初始化并导入数据

// mysql，驱动已经内置，无需安装
typeorm: {
    dataSource: {
      default: {
        type: 'mysql',
        host: '127.0.0.1',
        port: 3306,
        username: 'root',
        password: '123456',
        database: 'cool',
        // 自动建表 注意：线上部署的时候不要使用，有可能导致数据丢失
        synchronize: true,
        // 打印日志
        logging: false,
        // 字符集
        charset: 'utf8mb4',
        // 是否开启缓存
        cache: true,
        // 实体路径
        entities: ['**/modules/*/entity'],
      },
    },
  },

安装依赖并运行

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

注： npm i如果安装失败可以尝试使用cnpm，或者切换您的镜像源，推荐使用pnpm

3.结果

在前端和后端同时运行后，按照提示打开其网站测试

打开后如下结果：