1.实现table表格的复选框, 代码如下 <tempalte><div><q-table title="已选兑换商品" :data="data" selection="multiple" //1 :selected.sync="selected" //2 //div里面的1,2,3与script中的4主要是用于实现复选框 :columns="columns" row-key="name" ><templatev-slot:top-right><q-btncolor="pri...
import router from './router' import { ProTable } from './components/light/pro-table/' import { Quasar } from 'quasar' // Import icon libraries import '@quasar/extras/material-icons/material-icons.css' // Import Quasar css import 'quasar/src/css/index.sass' const app = createApp(App)...
业务数据导出API 业务数据导出相关API,具体的通过swagger文档可以查看。通过axios封装api,名称为table 代码语言:txt 复制 import { axiosInstance } from "boot/axios"; const table = { export: function(tableName) { return axiosInstance.get("/api/business/" + tableName + "/export", { params: { } }...
#表单配置 通过数据库逆向的方式，将元数据物理表ca_meta_table通过动态表单方式管理起来，可以利用动态表单功能进行查询数据，但是不能修改数据。为了避免误操作，这里设置属性为只读。模块和模块行是一对多关系，模块行和表是多对一关系。#模块配置 字典模块添加3个省，市，区三个表。#核心代码 #说明 表单配置好之...
基于Vue和Quasar的前端SPA项目实战之业务数据(七) 回顾 通过上一篇文章基于Vue和Quasar的前端SPA项目实战之表关系(六)的介绍,元数据设计功能全部实现了,本文主要介绍业务数据的crud增删改查功能。 简介 在crudapi系统中,通过配置表单的方式定义元数据。表单配置好之后,对应的crud接口就自动生成了,前端集成RESTful API就...
通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了元数据中动态表单设计功能，支持常见的数据类型和索引，然后实现了动态表单的crud增删改查功能，所有的表单页面都是默认的风格。本文主要介绍拖拽表单定制功能，通过拖拽的方式定制表单录入和编辑页面，满足了个性化需求。#简介 针对元数据表...
Quasar是一个高性能的MaterialDesign组件套件,具有SPA,SSR,PWA,Mobile(Cordova和Compacter),Desktop(Electron)和浏览器扩展的构建器。这使你作为Web开发人员可以快速创建多种风格的响应式网站/应用程序。它专注于遵循材料2.0。 Quasar提供了一个UMD(统一模块定义)版本,你可以将其作为CSS和JSHTML标签添加到现有项目中,然后...
通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据(七)的介绍,实现了业务数据基本crud功能,本文主要介绍业务数据批量导入相关内容。
Quasar:Quasar是一个基于Vue的全能框架,它提供了丰富的组件和工具,可以帮助您构建跨平台的Web、移动和桌面应用程序。 2. 如何选择合适的UI库? 选择合适的UI库取决于您的项目需求和个人偏好。以下是一些因素可以帮助您做出选择: 功能和组件:不同的UI库提供不同的组件和功能,您应该根据项目需求选择具有所需功能的库...
基于Vue和Quasar的前端SPA项目实战之业务数据(七) 回顾 通过上一篇文章基于Vue和Quasar的前端SPA项目实战之表关系(六)的介绍,元数据设计功能全部实现了,本文主要介绍业务数据的crud增删改查功能。 简介 在crudapi系统中,通过配置表单的方式定义元数据。表单配置好之后,对应的crud接口就自动生成了,前端集成RESTful API就...