- 组件是Vue.js最推崇的,也是最强大的功能之一,核心目标是为了代码开发的重用性。我们可以把组件代码按照 template、style、script 的拆分方式,放置到对应的.vue文件中。本章节我们就来学习有关Vue组件的基础知识。5 6 7 8 9 5.1 组件简介组件的本质就是为了拆分Vue实例的代码量。我们也可以把所有的组件代码写到Vue实例中,那样的话,实例代码则显的臃肿不堪,冗长... 组件是Vue.js最推崇的,也是最强大的功能之一,核心目标是为了代码开发的重用性。我们可以把组件代码按照 template、style、script 的拆分方式,放置到对应的.vue文件中。本章节我们就来学习有关Vue组件的基础知识。5 6 7 8 9 5.1 组件简介组件的本质就是为了拆分Vue实例的代码量。我们也可以把所有的组件代码写到Vue实例中,那样的话,实例代码则显的臃肿不堪,冗长...
- “工业4.0”这一以信息化技术促进产业变革的时代,前端技术不断发展,前端开发能够处理的业务越来越多,网页也变得越来越强大和动态化,互联网、云计算、大数据、人工智能、区块链和物联网融合,计算无处不在,软件定义一切,网络包容万物,连接随手可及,这些进步都离不开JavaScript。在目前的开发中,已经把很多服务端的代码放到了浏览器中来执行,这就产生了成千上万行的JavaScript代码,他们连接... “工业4.0”这一以信息化技术促进产业变革的时代,前端技术不断发展,前端开发能够处理的业务越来越多,网页也变得越来越强大和动态化,互联网、云计算、大数据、人工智能、区块链和物联网融合,计算无处不在,软件定义一切,网络包容万物,连接随手可及,这些进步都离不开JavaScript。在目前的开发中,已经把很多服务端的代码放到了浏览器中来执行,这就产生了成千上万行的JavaScript代码,他们连接...
- 一、cdnhtml中使用可以直接引入下面cdn<script src="https://unpkg.com/vue@next"></script> 二、使用步骤 1.脚手架的安装$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev 2.运行 一、cdnhtml中使用可以直接引入下面cdn<script src="https://unpkg.com/vue@next"></script> 二、使用步骤 1.脚手架的安装$ npm init vite-app <project-name>$ cd <project-name>$ npm install$ npm run dev 2.运行
- Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\administrator\Desktop\renren-fast-vue\node_modules\node-sass\vendor’at Object.fs.readdirSync (fs.js:861:3)at Objec... Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\administrator\Desktop\renren-fast-vue\node_modules\node-sass\vendor’at Object.fs.readdirSync (fs.js:861:3)at Objec...
- 报错如下: 解决方法: 报错如下: 解决方法:
- 基于Vue和Quasar的前端SPA项目实战之拖拽表单定制(十六) 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,实现了元数据中动态表单设计功能,支持常见的数据类型和索引,然后实现了动态表单的crud增删改查功能,所有的表单页面都是默认的风格。本文主要介绍拖拽表单定制功能,通过拖拽的方式定制表单录入和编辑页面,满足了个性化需求。 简介针对元数据表的... 基于Vue和Quasar的前端SPA项目实战之拖拽表单定制(十六) 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,实现了元数据中动态表单设计功能,支持常见的数据类型和索引,然后实现了动态表单的crud增删改查功能,所有的表单页面都是默认的风格。本文主要介绍拖拽表单定制功能,通过拖拽的方式定制表单录入和编辑页面,满足了个性化需求。 简介针对元数据表的...
- 基于Vue和Quasar的前端SPA项目实战之元数据导出导入(十五) 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之模块管理(十四)的介绍,通过模块管理将具有相同类型或属于同一业务的表单进行分类,方便快速查找。本文主要介绍元数据表单的导出和导入功能。 简介针对元数据表,有时需要导出元数据到本地文件,用来备份数据,这里采用的文件格式为json。后续可以通过导入功能进行导入... 基于Vue和Quasar的前端SPA项目实战之元数据导出导入(十五) 回顾通过前一篇文章 基于Vue和Quasar的前端SPA项目实战之模块管理(十四)的介绍,通过模块管理将具有相同类型或属于同一业务的表单进行分类,方便快速查找。本文主要介绍元数据表单的导出和导入功能。 简介针对元数据表,有时需要导出元数据到本地文件,用来备份数据,这里采用的文件格式为json。后续可以通过导入功能进行导入...
- 基于Vue和Quasar的前端SPA项目实战之模块管理(十四) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,通过配置的方式可以零代码实现表单管理功能,但是所有表单都没有分类,如果表单数量很多的情况下不方便查找,因此本文主要介绍表单模块管理相关内容。 简介属于同一类型的表单可以添加到同一个模块,比如字典相关的表建立“字典”模块,用户相关的表建立“... 基于Vue和Quasar的前端SPA项目实战之模块管理(十四) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,通过配置的方式可以零代码实现表单管理功能,但是所有表单都没有分类,如果表单数量很多的情况下不方便查找,因此本文主要介绍表单模块管理相关内容。 简介属于同一类型的表单可以添加到同一个模块,比如字典相关的表建立“字典”模块,用户相关的表建立“...
- 基于Vue和Quasar的前端SPA项目实战之数据导出(十三) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入(九)的介绍,通过配置的方式可以零代码实现业务数据的批量导入功能,本文主要介绍业务数据批量导出相关内容。 简介针对每个业务表,有时需要导出数据到本地文件,用来备份或者分析,这里采用的文件格式为EXCEL,第一行为字段名称,从第二行开始为数据。 UI界面... 基于Vue和Quasar的前端SPA项目实战之数据导出(十三) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入(九)的介绍,通过配置的方式可以零代码实现业务数据的批量导入功能,本文主要介绍业务数据批量导出相关内容。 简介针对每个业务表,有时需要导出数据到本地文件,用来备份或者分析,这里采用的文件格式为EXCEL,第一行为字段名称,从第二行开始为数据。 UI界面...
- 基于Vue和Quasar的前端SPA项目实战之数据库逆向(十二) 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,实现了动态表单功能。如果是全新的项目,通过配置元数据并且创建物理表,从而自动实现业务数据的CRUD增删改查。但是如果数据库表已经存在的情况下,如何通过配置表单元数据进行管理呢?这时候数据库逆向功能就很有必要了。 简介数据库逆向就是通过读取数... 基于Vue和Quasar的前端SPA项目实战之数据库逆向(十二) 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,实现了动态表单功能。如果是全新的项目,通过配置元数据并且创建物理表,从而自动实现业务数据的CRUD增删改查。但是如果数据库表已经存在的情况下,如何通过配置表单元数据进行管理呢?这时候数据库逆向功能就很有必要了。 简介数据库逆向就是通过读取数...
- 基于Vue和Quasar的前端SPA项目实战之联合索引(十一) 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,关于表单元数据配置相关内容已经实现了,本文主要介绍联合索引功能的实现。 简介联合索引又叫复合索引,如果索引只有一个字段,在设置列属性的时候直接设置。如果是多个字段联合索引,就需要单独设置了。这里可以创建普通或唯一两种类型的联合索引,通过下拉框... 基于Vue和Quasar的前端SPA项目实战之联合索引(十一) 回顾通过之前文章 基于Vue和Quasar的前端SPA项目实战之动态表单(五)的介绍,关于表单元数据配置相关内容已经实现了,本文主要介绍联合索引功能的实现。 简介联合索引又叫复合索引,如果索引只有一个字段,在设置列属性的时候直接设置。如果是多个字段联合索引,就需要单独设置了。这里可以创建普通或唯一两种类型的联合索引,通过下拉框...
- 基于Vue和Quasar的前端SPA项目实战之文件上传(十) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入(九)的介绍,实现了业务数据批量导入功能,本文主要介绍文件上传相关内容。 简介crudapi支持附件字段,表字段里面保存的是文件url字符串。附件可以通过其它文件管理系统比如阿里云的OSS进行上传,或者使用系统自带的文件管理API进行上传,包括普通文件上... 基于Vue和Quasar的前端SPA项目实战之文件上传(十) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之数据导入(九)的介绍,实现了业务数据批量导入功能,本文主要介绍文件上传相关内容。 简介crudapi支持附件字段,表字段里面保存的是文件url字符串。附件可以通过其它文件管理系统比如阿里云的OSS进行上传,或者使用系统自带的文件管理API进行上传,包括普通文件上...
- 基于Vue和Quasar的前端SPA项目实战之数据导入(九) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据(七)的介绍,实现了业务数据基本crud功能,本文主要介绍业务数据批量导入相关内容。 简介当数据量比较大的时候,如果手工录入数据就会比较慢,所以通过批量导入的方式录入数据,以提高效率。这里采用的文件格式为EXCEL,针对每个业务表,可以自动生成EXCEL... 基于Vue和Quasar的前端SPA项目实战之数据导入(九) 回顾通过之前一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据(七)的介绍,实现了业务数据基本crud功能,本文主要介绍业务数据批量导入相关内容。 简介当数据量比较大的时候,如果手工录入数据就会比较慢,所以通过批量导入的方式录入数据,以提高效率。这里采用的文件格式为EXCEL,针对每个业务表,可以自动生成EXCEL...
- 基于Vue和Quasar的前端SPA项目实战之docker部署(八) 回顾通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据(七)的介绍,crudapi-admin-web基本功能全部实现了,本文主要介绍前端打包和docker部署相关内容。 简介Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linu... 基于Vue和Quasar的前端SPA项目实战之docker部署(八) 回顾通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之业务数据(七)的介绍,crudapi-admin-web基本功能全部实现了,本文主要介绍前端打包和docker部署相关内容。 简介Docker是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linu...
- 基于Vue和Quasar的前端SPA项目实战之业务数据(七) 回顾通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之表关系(六)的介绍,元数据设计功能全部实现了,本文主要介绍业务数据的crud增删改查功能。 简介在crudapi系统中,通过配置表单的方式定义元数据。表单配置好之后,对应的crud接口就自动生成了,前端集成RESTful API就可以实现业务数据的crud功能,如... 基于Vue和Quasar的前端SPA项目实战之业务数据(七) 回顾通过上一篇文章 基于Vue和Quasar的前端SPA项目实战之表关系(六)的介绍,元数据设计功能全部实现了,本文主要介绍业务数据的crud增删改查功能。 简介在crudapi系统中,通过配置表单的方式定义元数据。表单配置好之后,对应的crud接口就自动生成了,前端集成RESTful API就可以实现业务数据的crud功能,如...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新,构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间,华为云展示了Serverless与MCP融合创新的解决方案,本期访谈直播,由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持,华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中,探讨处理器生态的关键要素及其联系,分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源,3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源,3步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签