【源码】基于 Ant Design Pro 框架的企业级中后台应用

项目简介

本项目基于 Ant Design Pro 框架构建，是一套企业级中后台前端/设计解决方案。项目拥有丰富的功能和页面，能为用户提供完整的中后台前端体验，助力用户轻松构建企业级中后台应用。

项目的主要特性和功能

1. 主题定制：可修改导航主题、主色调、布局等主题配置。
2. 权限控制：实现路由权限控制，按用户权限限制路由访问。
3. 异步组件：支持异步组件，优化页面加载性能。
4. 图标管理：可修改菜单图标和 logo 图标，满足个性化需求。
5. 跨域处理：通过 config/proxy.ts 代理解决跨域问题。
6. 代码规范：统一 post 和 get 参数命名规范。
7. 数据格式：统一数据返回格式，使用 TS 接口声明基类。
8. 泛型应用：运用泛型提升代码复用性和性能。
9. 样式设计：采用 less 样式进行面向对象设计，增加样式复用性。
10. 用户验证：使用 token 验证用户，通过请求拦截器确保请求安全。
11. 组件优化：处理高级组件中 modalPro 的显示状态及按钮问题。
12. 面包屑导航：搭建面包屑导航，提升操作便利性和页面可导航性。
13. 动态路由：支持动态路由，增强系统灵活性。

安装使用步骤

前端

1. 创建项目文件夹并进入： bash mkdir OrderWeb cd OrderWeb
2. 创建 Umi 项目并选择 ant-design-pro： bash npm create umi
3. 安装依赖： bash npm install
4. 启动项目： bash npm start

后端

1. 创建项目文件夹并进入： bash mkdir OrderWebAPI cd OrderWebAPI
2. 初始化 package.json： bash npm init -y
3. 创建入口文件： bash echo. > app.js touch app.js
4. 安装依赖包： bash npm install koa koa-bodyparser mongose
5. 启动后端服务： bash node app.js

数据库

1. 创建数据库文件夹： bash mkdir OrderDB
2. 启动 MongoDB 服务： bash mongod --dbpath OrderDB --port 27018

环境搭建（以 Ubuntu 为例）

1. 更新 apt-get 包的文件目录： bash apt-get update
2. 安装 nginx： bash apt-get install nginx
3. 安装 npm： bash apt-get install npm
4. 全局安装 n 并安装最新版本的 node： bash npm i -g n n latest
5. 进入 nginx 配置文件目录并编辑配置文件： bash cd /etc/nginx/ vi nginx.conf
6. 重启 nginx 服务： bash service nginx restart

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】