随笔分类 -  crudapi-admin-web

分享一套前端实战图文教程，主题为crudapi后台管理页面，框架采用Vue，控件库为Quasar， 形式为SPA单页面Web应用。 主要知识点涵盖：Vue基本知识，自定义组件，axios网络请求，Vuex状态管理，Router路由，本地存储LocalStorage、Session、Cookie，登录，本地调试，docker打包等。 主要功能包括：元数据管理，序列号管理，表关系设置，业务数据crud增删改查等。 计划1个月更新2~4篇文章，所有内容免费开源，欢迎大家一起交流学习，共同进步！
「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之之拖拽表单定制（十六）
摘要：「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之之拖拽表单定制（十六）本文主要通过拖拽方式实现表单定制功能，使用非常方便，零代码定制表单录入和编辑页面，满足了个性化需求，整个过程无需写代码。 阅读全文
posted @ 2021-11-05 11:03 crudapi 阅读(591) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之元数据导出导入（十五）
摘要：「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之元数据导出导入（十五）本文主要介绍了元数据表单的导出导入功能，可以用于日常元数据表单备份，也可以分享给其他系统进行导入，以达到复用的目标。后续可以利用元数据导出导入功能配置一些常见的业务表单，比如电商、CRM、教育等领域，然后将这些业务表单导出供用户下载和使用。 阅读全文
posted @ 2021-09-25 10:55 crudapi 阅读(357) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之模块管理（十四）
摘要：「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之模块管理（十四）因此本文主要介绍表单模块管理相关内容。属于同一类型的表单可以添加到同一个模块，比如字典相关的表建立“字典”模块，用户相关的表建立“用户管理”模块，模块在首页直接展示，用户可以快速的操作对应的表单。 阅读全文
posted @ 2021-09-09 11:22 crudapi 阅读(279) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之EXCEL数据导出（十三）
摘要：本文主要介绍了介绍业务数据批量导出功能，不同的业务表单操作类似，通过配置的方式可以零代码实现业务数据的批量导出功能。 阅读全文
posted @ 2021-08-13 09:11 crudapi 阅读(226) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之数据库逆向（十二）
摘要：本文主要介绍了数据库逆向功能，在数据库表单已经存在的基础上，通过数据库逆向功能，快速生成元数据，不需要一行代码，我们就可以得到已有数据库的基本crud功能，包括API和UI。类似于phpmyadmin等数据库UI管理系统，但是比数据库UI管理系统更灵活，更友好。 阅读全文
posted @ 2021-08-06 09:33 crudapi 阅读(251) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之联合索引（十一）
摘要：本文主要介绍了联合索引功能，在创建和编辑表单元数据时候都可以设置联合索引，索引可以用来优化查询速度，也可以用来唯一性验证，避免数据库中插入重复数据。 阅读全文
posted @ 2021-07-02 10:07 crudapi 阅读(147) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之文件上传（十）
摘要：本文主要介绍了文件上传功能，包括普通上传模式和大文件切片上传模式，大文件切片上传模式通过优化后很容易支持断点续传和秒传，后续会根据需求优化文件上传功能。 阅读全文
posted @ 2021-06-22 10:18 crudapi 阅读(313) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之EXCEL数据导入（九）
摘要：本文主要介绍了介绍业务数据批量导入功能，不同的业务表单都可以自动生成模板文件，通过配置的方式可以零代码实现业务数据的批量导入功能。 阅读全文
posted @ 2021-06-10 10:30 crudapi 阅读(402) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之docker部署（八）
摘要：本文主要介绍了vue前端打包和docker部署相关内容，到目前为止，crudapi-admin-web代码已经完成，后续会继续优化代码，文档也会持续更新。每一篇文章对应的代码，都打上了tag，命名规则为t1,t2..., 欢迎下载代码学习和交流。 阅读全文
posted @ 2021-04-03 18:21 crudapi 阅读(410) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之业务数据增删改查（七）
摘要：本文主要介绍了介绍业务数据的增删改查功能，到目前为止，前端实现了crudapi完整的功能。通过配置的方式可以零代码实现业务数据的基本crud功能，如果需要复杂功能，可以进行二次开发。 阅读全文
posted @ 2021-04-02 15:30 crudapi 阅读(591) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表关系管理（六）
摘要：本文主要介绍了元数据中表关系管理功能，支持常见一对多，一对一，多对多等关系，并且通过G6图表库显示所有表的关系的图！ 阅读全文
posted @ 2021-04-01 09:47 crudapi 阅读(376) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表单（五）
摘要：本文主要介绍了元数据中动态表单设计功能，支持常见的数据类型和索引，然后实现了动态表单的crud增删改查功能！ 阅读全文
posted @ 2021-03-29 10:38 crudapi 阅读(881) 评论(0) 推荐(0)
「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之自定义组件（四）
摘要：本文主要介绍了元数据中序列号功能，用到了q-pagination分页控件，并且封装成自定义组件cpage, 然后实现了序列号的crud增删改查功能。 阅读全文
posted @ 2021-03-25 15:48 crudapi 阅读(681) 评论(0) 推荐(0)
基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之布局菜单嵌套路由（三）
摘要：本文主要介绍了嵌套路由和菜单功能，用到了router-view和q-tree，然后实现了设置页面和关于页面功能。 阅读全文
posted @ 2021-03-15 10:54 crudapi 阅读(707) 评论(0) 推荐(0)
基于Vue和Quasar的前端SPA项目实战之用户登录（二）
摘要：本文主要介绍了用户登录功能，用到了axios网络请求，Vuex状态管理，Router路由，localStorage本地存储等Vue基本知识，然后还用到了Quasar的三个插件，LocalStorage, Notify和Loading。 阅读全文
posted @ 2021-03-09 10:42 crudapi 阅读(1318) 评论(0) 推荐(0)
【免费开源】基于Vue和Quasar的crudapi前端SPA项目实战—环境搭建 （一）
摘要：本文主要介绍了项目背景和技术选型，通过Quasar脚手架创建了项目工程，并且本地运行成功。 阅读全文
posted @ 2021-03-05 13:46 crudapi 阅读(1252) 评论(0) 推荐(0)