cd myapp # 新建页面 $ umi generate page index # 本地开发 $ umi dev # 构建上线 $ umi build 介绍 umi，中文可发音为乌米，是一个可插拔的企业级...，目的是通过框架的方式简化 React 开发 dva 目前是纯粹的数据流，和 umi 以及 roadhog 之间并没有相互的依赖关系，可以分开使用也可以一起使用，个人觉得 umi + dva 是比较搭的...（mac 下推荐使用 nvm 来管理 node 版本） $ node -v 8.1x 推荐使用 yarn 管理 npm 依赖，并使用国内源（阿里用户使用内网源）。...found，你需要将 yarn global bin 路径配置到环境变量中，方法如下： # mac 系统: $ sudo vi ~/.bash_profile # 在 .bash_profile 中添加下面一行...Administrator\AppData\Local\Yarn\bin # 复制上面的 global bin 的路径，添加到系统环境变量 PATH。
在线预览链接：https://preview.pro.ant.design/dashboard/analysis 1：将github链接下载到本地 使用git clone --depth=1 https...://github.com/ant-design/ant-design-pro.git my-project克隆到自己的本地文件夹里面 或者直接从github下载到本地：github链接：https:/...到这里就已经把Ant Design Pro搭建好了，接下来新建一个界面 选择基于 基于 block 开发，快速构建标准页面 ? 添加空白页 ? 添加个人中心 ? 这个时候就自动生成 ?...在空白页面里面点击右下角按钮，可以根据自己的需要添加各种组件 ?...这个时候，可以打开编辑器查看代码，可以发现个人中心accountcenter和空白页面emptypage的代码都已经自动生成在src/page底下了。 ?
升级好最新前端框架后，让我们回到Mock服务前后端的配置服务开发中，最开始我们已经学会了Antd pro的中后台框架的创建，以及使用Ant Design组件进行布局式开发前端页面。...ProComponents ProComponents 是基于 Ant Design 而开发的模板组件，提供了更高级别的抽象支持，开箱即用。...可以显著地提升制作 CRUD 页面的效率，更加专注于页面 拿项目解释下，我们之前在实现项目管理的时候，是一个个组件组装起来，并且需要对样式进行布局调整。而且大部分页面的无非就是表单，搜索和分页表。...官网 https://procomponents.ant.design/ 模版组件 主要提供如下组件 ProLayout 解决布局的问题，提供开箱即用的菜单和面包屑功能 ProTable 表格模板组件，...ProSkeleton 页面级别的骨架屏 组件包使用 需要安装依赖 $ npm i @ant-design/pro-components --save # 注意 使用条件 antd 的版本 >= 4.11.1
1.采用最新主流前后分离框架（Springboot+Mybatis+antd），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 2.开发效率很高,采用代码生成器，单表数据模型和一对多...，可极其方便的生成图形报表、pdf、excel、word等报表； 8.采用前后分离技术，页面UI风格精美，针对常用组件做了封装：时间、行表格控件、截取显示控件、报表组件，编辑器等等 9.查询过滤器：查询功能自动生成...业务流转 15.多数据源：及其简易的使用方式，在线配置数据源配置，便捷的从其他数据抓取数据； 16.国际化：支持多语言，开发国际化项目非常方便； 17.自定义表单，支持用户自定义表单布局，支持单表，一对多表单...table │ └─接口模拟测试 │ └─一对多JEditable │ └─图片拖拽排序 │ └─图片翻页 │ └─图片预览 │ └─PDF预览 │ └─分屏功能 │─封装通用组件 │ ├─行编辑表格...其他说明 项目使用的 vue-cli3, 请更新您的 cli 关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码 修改 Ant Design 配色
Ant Design Vue Ant Design Vue 是一个非常成熟的框架，使用 Ant Design Vue 创建用户界面非常简单，这些组件可以适应各种图标样式、字体和黑色主题。...Vue3 上的 Ant Design 包更小，感觉更轻，并且支持 SSR（还包括组合API），Ant Design 拥有成熟的复杂组件，如数据表、统计框、pop确认、模态和弹出窗口。...Element+ 甚至提供开发人员在构建 UI 界面时可能需要的最细微的部件，从简单的动画到框架范围的国际化系统，可以与 i18n 配对使用以创建自定义翻译，甚至添加非内置语言。...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。...附带了预先制作的主题，并提供了一个成熟的可视化编辑器，帮助开发人员定制自己的主题。
那我们这里来使用vite+vue+ts的方式实现前端显示数据库的表信息，并能从前端更改后端数据库的信息。...3、后端api使用orm工具查询数据库中的表数据 4、将查询结果返回给前端组件 5、前端设置返回的数据到 Table 的 dataSource,表格会自动渲染 通过这个过程涉及到前后端的交互，对于vue...axios yarn add ant-design-vue axios 3、创建 Table 组件,使用 Ant Design 的 Table 渲染表格: <a-table...- 添加:axios.post('/addRecord'),后端接收并 INSERT 添加记录 - 删除:在表格行上添加删除按钮, axios.post('/deleteRecord'),后端接收并...DELETE 删除记录 - 修改:在表格行添加编辑按钮,弹出编辑表格,axios.put('/updateRecord'),后端接收并 UPDATE 修改记录 7、 后端对应添加 /addRecord
Ant Design Vue 官方网站：https://2x.antdv.com/components/overview/ Ant Design Vue 是一个非常成熟的框架，使用 Ant Design...Vue3 上的 Ant Design 包更小，感觉更轻，并且支持 SSR（还包括组合API），Ant Design 拥有成熟的复杂组件，如数据表、统计框、pop确认、模态和弹出窗口。...Element+ 甚至提供开发人员在构建 UI 界面时可能需要的最细微的部件，从简单的动画到框架范围的国际化系统，可以与 i18n 配对使用以创建自定义翻译，甚至添加非内置语言。...，团队知道如何迎合和维护一个优秀的 UI 框架。...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。
Ant Design Vue 官方网站： https://2x.antdv.com/components/overview/ Ant Design Vue 是一个非常成熟的框架，使用 Ant Design...Vue3 上的 Ant Design 包更小，感觉更轻，并且支持 SSR（还包括组合API），Ant Design 拥有成熟的复杂组件，如数据表、统计框、pop确认、模态和弹出窗口。...Element+ 甚至提供开发人员在构建 UI 界面时可能需要的最细微的部件，从简单的动画到框架范围的国际化系统，可以与i18n 配对使用以创建自定义翻译，甚至添加非内置语言。...，团队知道如何迎合和维护一个优秀的 UI 框架。...可以使用这些选项来创建自己的带有颜色图案和字体的完整主题。这个定制的主题可以下载并轻松添加到应用程序中以覆盖默认值。
前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...Vite&Vue】 【代码生成】原生 jvxe 表单新增时 一对多子表不显示，导致表单保存不了 【代码生成】erp模式 一对一，可添加多条数据 【代码生成】Tab风格 一对多子表校验不通过时，点击提交表单空白了...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器...导入导出等),基本满足80%项目需求 简易Excel导入导出，支持单表导出和一对多表模式导出，生成的代码自带导入导出功能 集成简易报表工具，图像报表和数据导出非常方便，可极其方便的生成图形报表、pdf、...excel、word等报表； 采用前后分离技术，页面UI精美，针对常用组件做了封装：时间、行表格控件、截取显示控件、报表组件，编辑器等等 查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式
前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...，简化代码 自定义组件改成全局注册，省去了组件手工引入 升级ant-design-vue到最新1.7.2 CardList列表加载不出来处理 消除路由编辑界面添加path报错 用户编辑头像为空的情况下，...18位数字 单表及行编辑 【Online表单权限】行编辑的问题，一对多子表，子表'新增' '删除' 按钮未控制 【Online】sql增强 java增强配置页面修改成列表方式 【Online】行编辑组件...,2个页面会出现同时出现的问题 #1893 附表如何添加部门、用户等基础资料的选择 #2118 MySQL 8 persist关键字问题报错 #2140 于SpringBoot 请求参数包含 [] 特殊符号...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器
前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...更多升级日志见 从 ant-design-vue 2.x 版本升级到 ant-design-vue 3.x 版本form表单label宽度设置问题修复，如表单宽度效果有问题，可以去掉宽度设置新功能升级新版系统通知风格...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...),基本满足80%项目需求简易Excel导入导出，支持单表导出和一对多表模式导出，生成的代码自带导入导出功能集成简易报表工具，图像报表和数据导出非常方便，可极其方便的生成图形报表、pdf、excel、word...等报表；采用前后分离技术，页面UI精美，针对常用组件做了封装：时间、行表格控件、截取显示控件、报表组件，编辑器等等查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询
前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服务。...、插件能力（可插拔）等等！...一对多JEditable │ └─JEditable组件示例 │ └─图片拖拽排序 │ └─图片翻页 │ └─图片预览 │ └─PDF预览 │ └─分屏功能 │─封装通用组件 │ ├─行编辑表格...（经过封装，使用简单） │ └─在线code编辑器 │ └─上传文件组件 │ └─验证码组件 │ └─树列表组件 │ └─表单禁用组件 │ └─等等 │─更多页面模板 │ ├─各种高级表单...vue-cli3, 请更新您的 cli 关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码 修改 Ant Design 配色，在文件 vue.config.js
介绍 一款基于代码生成器的JAVA快速开发平台！全新架构前后端分离：SpringBoot 2.x，Ant Design&Vue&，Mybatis，Shiro，JWT。...概述 Jeecg-Boot 是一款基于SpringBoot+代码生成器的快速开发平台！前后端分离架构：SpringBoot,Ant Design Vue,Mybatis,Shiro,JWT。...，可极其方便的生成图形报表、pdf、excel、word等报表； 8.采用前后分离技术，页面UI风格精美，针对常用组件做了封装：时间、行表格控件、截取显示控件、报表组件，编辑器等等 9.查询过滤器：查询功能自动生成...业务流转 15.多数据源：及其简易的使用方式，在线配置数据源配置，便捷的从其他数据抓取数据； 16.国际化：支持多语言，开发国际化项目非常方便； 17.表单设计器，支持用户自定义表单布局，支持单表，一对多表单...（经过封装，使用简单） │ └─在线code编辑器 │ └─上传文件组件 │ └─验证码组件 │ └─树列表组件 │ └─表单禁用组件 │ └─等等 │─更多页面模板 │ ├─各种高级表单
前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT 支持微服务。...聚合路由错误issues/1444 数据字典项 Redis 缓存冲突issues/1522 dictText名称解析报错，想问下这个问题如何解决，需要解析的表是单表（树）issues/1634 消息模板类型建议添加...多表头导出，会多出一列空白列issues/1513 tinymce第一次打开正常,页面切换后再切换回来内容空白且无法编辑issues/1507 抽屉式界面下方有一点奇怪的显示issues/1532 头部菜单样式...issues/1772 Mybatis-plus的IdType配置问题issues/1789 [popup相关]如何实现带动态参数的报表在popup中使用issues/1666 当进入登录页时，有一定几率出现验证码错误...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发; 开发效率很高,采用代码生成器
前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue3，Mybatis-plus，Shiro，JWT 支持微服务。强大的代码生成器让前后端代码一键生成!...类没有无参构造函数 #4594树开表单列的字段如果带着下划线会导致生成的 *mapper.xml 中 SQL语句出错 #4649生成的代码条件里时间选择器有问题 #417租户用户编辑会导致重复添加一模一样的数据...#4747用户租户表（sys_user_tenant）未做唯一性约束，会造成多次添加默认租户 #4698下拉搜索框问题 #286springCache中的清除缓存的操作使用了“keys”。...采用最新主流前后分离框架（SpringBoot+Mybatis-plus+Ant-Design+Vue），容易上手; 代码生成器依赖性低,灵活的扩展能力，可灵活实现二次开发;开发效率很高,采用代码生成器...),基本满足80%项目需求简易Excel导入导出，支持单表导出和一对多表模式导出，生成的代码自带导入导出功能集成简易报表工具，图像报表和数据导出非常方便，可极其方便的生成图形报表、pdf、excel、word
前面说到如何使用Ant Design Pro，并且添加自己需要的模块，但是如果添加了一个自己不太需要的模块，要怎么去删除？以下空白页面现在已经不需要了，删除步骤很简单。 ?...1：找到空白页面对应的页面代码emptypage ? 在资源管理器中显示，并且删除 ? 2：全局搜索emptypage ? 删掉在配置文件config里面自动生成的代码 ? 3：重新启动项目 ?...这个时候不需要的页面模块已经被删除了 ?
你可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。...CSS样式表定义如何显示 HTML 元素，类似 HTML 中的字体标签和颜色属性所起的作用那样。样式保存在外部的 .css 文件中。...我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。...3、Ant Design React Ant Design React，也是一个优秀的组件库，用于研发企业中后台产品。...它的相关资源：Ant Design Pro、Ant Design Charts、Ant Design Vue、Ant Design React等（详见官方文档） 除此之外，前端的UI框架还有很多很多，
前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服务。...、插件能力（可插拔）等等！...前端 Vue 2.6.10,Vuex,Vue Router Axios ant-design-vue webpack,yarn vue-cropper - 头像裁剪组件 @antv/g2 - Alipay...一对多JEditable │ └─JEditable组件示例 │ └─图片拖拽排序 │ └─图片翻页 │ └─图片预览 │ └─PDF预览 │ └─分屏功能 │─封装通用组件 │ ├─行编辑表格...（经过封装，使用简单） │ └─在线code编辑器 │ └─上传文件组件 │ └─验证码组件 │ └─树列表组件 │ └─表单禁用组件 │ └─等等 │─更多页面模板 │ ├─各种高级表单
可以满足（但不限于）以下需求： 简单表格导出 为表格添加样式（更改背景色、更换字体、字号、颜色） 设置行高、列宽 解析 ant-design 的 Table 直接导出 excel，根据 antd 页面中设置的列宽动态计算...添加工作表： const sheet = workbook.addWorksheet('My Sheet'); 指定工作表的选项： 使用 addWorksheet 函数的第二个参数来指定工作表的选项。...可以添加一行或者同时添加多行数据，是使用最频繁的属性。...returned const rows = worksheet.getRows(5, 2); // start, length (>0, else undefined is returned) // 获取工作表中的最后一个可编辑行...也可以通过 worksheet.addRow() 逐行添加数据。 下载 excel 下载是使用 file-saver 库。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
