{"id":13989615,"url":"https://github.com/zhang8043/abp-react-antd","last_synced_at":"2025-07-22T11:31:02.233Z","repository":{"id":47521412,"uuid":"164360440","full_name":"zhang8043/abp-react-antd","owner":"zhang8043","description":"一个基于 ABP + React + Ant Design Pro 的快速开发框架","archived":false,"fork":false,"pushed_at":"2022-08-26T20:59:35.000Z","size":6015,"stargazers_count":193,"open_issues_count":3,"forks_count":39,"subscribers_count":10,"default_branch":"master","last_synced_at":"2024-08-09T13:16:07.319Z","etag":null,"topics":["abp","abp-react-antd","ant-design","ant-design-pro","antd","net-core","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zhang8043.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-01-07T01:05:40.000Z","updated_at":"2024-05-14T04:45:28.000Z","dependencies_parsed_at":"2022-09-15T19:31:20.790Z","dependency_job_id":null,"html_url":"https://github.com/zhang8043/abp-react-antd","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhang8043%2Fabp-react-antd","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhang8043%2Fabp-react-antd/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhang8043%2Fabp-react-antd/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhang8043%2Fabp-react-antd/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhang8043","download_url":"https://codeload.github.com/zhang8043/abp-react-antd/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227079504,"owners_count":17728025,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["abp","abp-react-antd","ant-design","ant-design-pro","antd","net-core","react"],"created_at":"2024-08-09T13:01:51.010Z","updated_at":"2024-11-29T08:31:53.349Z","avatar_url":"https://github.com/zhang8043.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# ASP.NET Boilerplate + React + Ant Design Pro\n\n## 新版Vue UI将在 https://github.com/zhang8043/abp-vue-antd 搭建\n## Vue 已集成abp.js 和 signalr\n## 持续更新...\n## 80439484@qq.com 欢迎骚扰\n\n# 项目简介：\n\n* abp-react-antd是一套基于ASP.NET Boilerplate + React + Ant Design Pro开发的框架，源代码完全开源。\n* 采用主流框架，容易上手，简单易学，学习成本低。可完全实现二次开发、基本满足80%项目需求。\n* 操作权限控制精密细致，对所有管理链接都进行权限验证，可控制到导航菜单、功能按钮。\n* 提高开发效率及质量。常用类封装，日志、缓存、验证、字典、文件、邮件、,Excel。等等，目前兼容浏览器（IE8+、Chrome、Firefox、360浏览器等）\n\n# 功能模块：\n\n- 登录\n- 注册\n- 工作台\n- 个人中心\n- 个人设置\n- 系统管理\n  - 组织结构管理\n  - 租户管理\n  - 角色管理\n  - 用户管理\n  - 审计日志\n  - 数据字典\n  - 通知管理\n  - UI设置\n  - 系统设置\n- 工作流\n  - 流程管理\n  - 表单管理\n- Arcgis地图\n- 企业微信\n\n（部分功能暂未实现，玩命开发中...）\n\n# 技术介绍：\n\n## 什么是ASP.NET Boilerplate？\n\nASP.NET Boilerplate是专为新的现代Web应用程序设计的通用**应用程序框架**。它使用已经**熟悉的工具**并实现围绕它们的**最佳实践**，为您提供SOLID**开发体验**。\n\n**常见的企业应用功能：**\n* 需要身份验证和授权的应用程序的用户，角色和权限管理。\n* SaaS应用程序的租户和版本管理。\n* 组织单位管理。\n* 语言和本地化文本管理。\n* Identity Server 4集成。\n\n\u003ca href=\"https://aspnetboilerplate.com/Pages/Documents/Module-System\" target=\"_blank\"\u003e**ASP.NET Boilerplate官方文档**\u003c/a\u003e\n\n## 什么是 React？\n\nReact是一个用于构建用户界面的JavaScript库。\n\n* **声明性:** React使得创建交互式UI变得轻而易举。为应用程序中的每个状态设计简单视图，当数据发生变化时，React将有效地更新和呈现正确的组件。声明性视图使您的代码更易于理解，更易于理解，并且更易于调试。\n* **基于组件:** 构建管理其自身状态的封装组件，然后组合它们以制作复杂的UI。由于组件逻辑是用JavaScript而不是模板编写的，因此您可以轻松地通过应用程序传递丰富的数据，并将状态保持在DOM之外。\n* **学习一次，随处写入:** 我们不会对您的技术堆栈的其余部分做出假设，因此您可以在React中开发新功能而无需重写现有代码。React还可以使用Node和使用React Native的移动应用程序在服务器上呈现。\n\n\u003ca href=\"https://react.docschina.org/docs/hello-world.html\" target=\"_blank\"\u003e**React中文文档**\u003c/a\u003e\n\n## 什么是 Ant Design Pro？\n\n一套企业级的 UI 设计语言和 **React** 实现,**开箱即用**的中台前端/设计解决方案。\n* **优雅美观**：基于 Ant Design 体系精心设计\n* **常见设计模式**：提炼自中后台应用的典型页面和场景\n* **最新技术栈**：使用 React/umi/dva/antd 等前端前沿技术开发\n* **响应式**：针对不同屏幕大小设计\n* **主题**：可配置的主题满足多样化的品牌诉求\n* **国际化**：内建业界通用的国际化方案\n* **最佳实践**：良好的工程实践助您持续产出高质量代码\n* **Mock 数据**：实用的本地数据调试方案\n* **UI 测试**：自动化测试保障前端产品质量\n\n\u003ca href=\"https://pro.ant.design/docs/getting-started-cn\" target=\"_blank\"\u003e**Ant Design Pro官方文档**\u003c/a\u003e\n\n# 开发步骤\n\n* 项目下载完成，准备配置项目\n* 根目录中的 Precise-Antd是前端React目录，Precise-Core是后台的目录\n\n## 后端解决方案初始化配置\n\u003e* 打开项目前，请确保已经安装 **.NET CORE 2.1** 版本，下载地址：\u003ca href=\"https://dotnet.microsoft.com/download/dotnet-core/2.1\" target=\"_blank\"\u003e**.NET Core**\u003c/a\u003e\n\n\u003e* 还原nuget包\n\n\u003e* 项目数据库连接字符串和跨域的基本配置\n\n\u003e* 将数据库连接字符串修改为你的连接字符串 (注意:默认数据库为 SQL Server ，最低要求 2012 版本)\n\n\u003e* 修改项目调试启动配置信息\n\n\u003e* 初始化数据库\n\n\u003e* 将 .Web.Host 设置为启动项目\n\n\u003e* 打开程序包管理控制台,并设置默认项目为 .EntityFrameworkCore\n\n\u003e* 输入命令，迁移数据库: \n```\n    update-database\n```\n\u003e* 如果没有用过EFCore Code First做迁移，请先查阅资料\u003ca href=\"https://docs.microsoft.com/zh-cn/ef/core/managing-schemas/migrations/\" target=\"_blank\"\u003e官方文档\u003c/a\u003e\n\n\u003e* 如果你的环境没有问题，这个时候只需要 Ctrl+F5 就能运行，运行成功后就能在浏览器看到API界面了\n\n## 前端解决方案初始化配置\n\u003e* 进入项目中的Precise-Antd目录\n```\n    $ yarn 或 npm install\n```\n\n\u003e* 运行项目\n\u003e记得先启动后台\n```\n    $ npm start\n```\n\u003e* 启动调试，访问  \u003ca href=\"http://127.0.0.1:8000\" target=\"_blank\"\u003ehttp://127.0.0.1:8000\u003c/a\u003e 查看效果。\n\n\u003e* 构建和部署\n```\n    $ npm run build\n```\n\u003e该命令会将所有文件编译到 `dist` 目录下\n\n# 截图\n![后台API](https://github.com/zhang8043/abp-react-antd/blob/master/Precise-Antd/src/assets/rendering/1547774802.jpg)\n![登录页面](https://github.com/zhang8043/abp-react-antd/blob/master/Precise-Antd/src/assets/rendering/1547775725.jpg)\n![监控页](https://github.com/zhang8043/abp-react-antd/blob/master/Precise-Antd/src/assets/rendering/1547775726.jpg)\n![Arcgis地图](https://github.com/zhang8043/abp-react-antd/blob/master/Precise-Antd/src/assets/rendering/1547775803.jpg)\n![G6Editor](https://github.com/zhang8043/abp-react-antd/blob/master/Precise-Antd/src/assets/rendering/1547775926.jpg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhang8043%2Fabp-react-antd","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhang8043%2Fabp-react-antd","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhang8043%2Fabp-react-antd/lists"}