基于ant-design-pro的模块化整理

最新推荐文章于 2024-08-06 05:02:39 发布
最新推荐文章于 2024-08-06 05:02:39 发布
阅读量811 收藏
点赞数
分类专栏： Ant Design Pro
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41581254/article/details/84957825
版权

1.每个页面标注最新修改时间，修改人，和当前页面内容
在这里插入图片描述
2.在这里插入图片描述
一个页面对应多组件，做一个index入口，把所有组件引进来
在这里插入图片描述
用一个import把所有组件都加载进来，这样不用写很多import

3.建一个管理通用常用样式的less文件
在这里插入图片描述
4.通用的js也做一个统一入口
在这里插入图片描述

葵妹子
关注
专栏目录
ant design pro模板_Ant Design Pro 学习笔记
weixin_39932611的博客
12-19 588
学习笔记摘要介绍Ant Design Pro 是一个基于Ant Design搭建起来的模板项目。它提供了两个主要布局：BasicLayout、UserLayout，在布局基础上制作了20多个基础页面，详情见模板介绍段落。Ant Design Pro 主体代码使用ES2015+语法规则，因此在阅读源码时遇到不理解的语法，可前往相关主页进行查询。在学习笔记中，除非遇到关键的语法点，否则不对语法进行额外...
ant design pro （九）引入外部模块
weixin_34413357的博客
12-06 1709
一、概述 原文地址：https://pro.ant.design/docs/import-cn 除了 antd 组件以及脚手架内置的业务组件，有时我们还需要引入其他外部模块，这里以引入富文本组件 react-quill 为例进行介绍。 二、使用 2.1、引入依赖 在终端输入下面的命令完成安装： npm install react-quill --save 注意：加上 --save 参数会自动添...
模块开发之ant(Ant Design of React)使用（四）
陈袁的博客
06-19 2163
模块开发之antd(Ant Design of React)使用（四） 模块开发之antd(Ant Design of React)使用（四） 前言 初看 安装 使用create-react-app脚手架 安装脚本架脚本 创建项目 引入antd依赖 按需加载 组件按需加载 方式一、babel-plugin-import(推荐) 方式二、手动引入组件 样式按需加载 国际化 组...
推荐开源项目：pro-blocks - Ant Design Pro 的高效构建块
最新发布
gitblog_00072的博客
08-06 282
推荐开源项目：pro-blocks - Ant Design Pro 的高效构建块 pro-blocksBlocks of Ant Design Pro.项目地址:https://gitcode.com/gh_mirrors/pr/pro-blocks 项目介绍 pro-blocks 是一个基于 Umi 框架的 Ant Design Pro 块集合，旨在加速企业级后台管理系统的开发流程。这个项目...
antd pro v5 tab标签卡（多标签页）实现
星宇大前端
05-04 7145
多标签页很多公司的后台管理系统都会有这个需求，之前用vue一般架子也是带的，现在公司用了antd pro ，看了下官方不支持，确实会影响性能，但是架不住需求。 背景 先看下远古截图： https://github.com/ant-design/ant-design-pro/issues/220 17年提出的需求现在还没有实现，看样官方也是铁了心了。在看看提供的其他解决方案： https://github.com/LANIF-UI/dva-boot-admin https://github.com/.
ant-design-pro项目开发全攻略（用这个做博客网站模板不要太快，一招鲜吃遍天）
在下月亮有何贵干
03-01 8549
打算做一个个人网站，新建umi项目的时候发现了ant-design-pro这个项目模板，打开一看貌似挺有用，记录一下一步步探索的开发攻略，包括如何修改主题内容、添加路由新页面，以及将md文档文件插入页面（用于博客网站制作）。
SpringBoot2+Ant Design实战班
08-11
该互联网实战项目是基于 Spring Boot 2+ SpringSecurity5+Element UI+Ant Design Pro Vue+可视化AntV 等技术栈开发的项目，采用多模块前后端分离开发。包括图形展示、权限管理、用户管理等功能，用于研发企业级中后台产品。 【后端技术】技术 说明Spring Boot2 MVC框架 开发的一站式解决方案Spring Security5  认证和授权框架MyBatisPlus3.3.1  基于 MyBatis 框架的快速研发框架MyBatisCode工具 生成 MyBatis 相关代码Jackson 提供了处理 JSON 数据的工具Lombok 简化对象封装工具 Druid   数据库连接池 【前端技术】Vue        互联网最火的前端框架Vue Router 路由框架Vuex 全局状态管理框架Axios 前端 HTTP 框架Element UI 前端 UI 框架Ant Design Pro Vue 前端模板Antv  蚂蚁金服可视化技术，阿里巴巴可视化技术，天猫，淘宝，支付宝，花呗均使用AntV主要用于研发企业级中后台产品。特性提炼自企业级中后台产品的交互语言和视觉风格。使用 TypeScript 开发，提供完整的类型定义文件。 链路开发和设计工具体系。【开发工具】IntelliJ IDEA 开发 IDESQLyog 数据库连接客户端Postman HTTP 请求工具【开发环境】工具 版本JDK 1.8MySQL 5.7
基于springboot，ant-design-vue-pro的简易后台管理系统.zip
02-22
《基于SpringBoot与Ant-Design-Vue-Pro的简易后台管理系统》 本文将深入探讨一个以SpringBoot为核心，Ant-Design-Vue-Pro为前端框架的简易后台管理系统的构建过程和技术要点。SpringBoot以其简洁的配置、自动装配...
ant-design-vue-pro-master.zip
08-20
Ant Design Vue Pro Master是一个基于Ant Design Vue的前端项目框架，提供了丰富的UI组件和优化的开发体验。此压缩包包含了项目的一个特定版本，该版本特别支持多页签功能，允许用户在同一个应用内方便地切换不同的...
ant-design-pro-master
09-12
"ant-design-pro-master" 是一个基于Ant Design Pro的开源项目，它是蚂蚁金服推出的一套企业级前端解决方案的源代码仓库。这个项目主要用于学习和理解如何有效地构建专业级的Web应用，尤其是对于那些想要深入了解Ant...
GGEditor基于G6和React的可视化图编辑器可用于画流程图思维导图
08-10
GGEditor 基于 G6 和 React 的可视化图编辑器，可用于画流程图 思维导图
基于antdesign和vue的中后台管理框架
08-10
基于ant-design和vue的中后台管理框架
基于 springboot、ant-design-vue 的开源框架+源代码+文档说明
11-29
前端界面风格采用了阿里开源的`ant-design-vue`框架。密码加密、访问验证、数据权限验证。使用Maven做项目管理，提高项目的易开发性、扩展性。 目前功能模块代码生成器、权限框架、数据字典、数据缓存、数据监控、...
ant-design-pro 从入门到使用
热门推荐
sorrycx
07-20 6万+
1、学习经历         用了两周的时间学习nodejs，nodejs是一个脚本语言，有过js基础，所以上手很简单。首先看nodejs开发文档，基本的语法自己也都实现了一遍。然后，第二周用websocket 和串口通信，实现了点击屏幕监控信号灯的功能。第三周开始看ant design pro ,好吧，开始确实无从下手，这里就简单分享下看懂ant-design-pro 并使用的过程。 2、从...
ant-design-pro 使用总结—自定义打包 构建配置
liusaint1992的专栏
11-04 3万+
ant-design-pro使用了umi.js，没有直接使用webpack，我们要配置自定义的构建打包跟直接的webpack配置不太一样。 首先，大部分的webpack打包配置都可以直接修改config/config.js来实现,比如 proxy，publicPath等。参考umi.js配置文档。https://umijs.org/zh/config/#基本配置。 这里记录一些针对性的配置。 ha...
ant design pro 代码学习(七) ----- 组件封装（登录模块）
夕阳枫的博客
07-16 1万+
  以登录模块为例，对ant design pro的组件封装都相关分析。登录模块包含基础组件的封装、组件按模块划分、同类组件通过配置文件生成、跨层级组件直接数据通信等，相对来说还是具有一定的代表性。 1、登录模块流程图   首先，全局了解一下登录模块的总体流程。如下图所示。该流程图主要分两部分：1、页面布局；2、组件封装。黄色实线表示页面中组件的引用。下边会对基础组件分析，以及多层级组件直接的...
Ant Design Pro v4　最新版安装（跳过所有坑）
weixin_44736274的博客
06-28 3万+
先上一些官方的话 Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design 的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/...
ant design pro项目中，关于dvajs的models使用方法
代码的星辰大海
03-29 9098
ant design pro在它的框架下，模块化程度特别的高。pages、models、services、utils/request服务都进行分离 src/models用于存放全局的models，src/pages/models用于存放页面的models。 参考dvajs的使用网址 之前学习的时候，不知道如何dispatch传参和绑定models于页面上。模仿antd pro项目文件中的sr...
AntDesignPro开发指南：快速入门与关键技术
项目结构方面，手册列出了一个典型的AntDesignPro项目组织架构，包括mock文件夹用于存储本地模拟数据，public目录存放共享资源，如网站图标，src目录下按照功能模块划分，如common（应用通用配置）、components...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值