从零开始部署vue+node+mongodb全栈项目,既为个人记录,也为分享(最简单的方案,本人亲测)。配置阿里云服务器安全组规则 如果你不配置这个规则,那么你连mongodb,node部署的后端应用接口都访问不到。常见配置如下。安全组规则安装node第一步,升级 apt-get 源sudo apt-get update第二步,安装nodesudo apt-get install node第三步,
axiosaxios 简介Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。axios 安装$ npm install axios或者使用cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>vue项目axios封装创建文件夹并引用创建axios.
main.js 中 let $vue = new Vue({ router, el: '#app', render: h => h(App) }); export default $vue 在js文件中,直接使用$vue即可 ...
转载 2021-08-30 15:06:00
880阅读
2评论
这里我主要介绍两种自定义全局公共组件的方法 (1)第一种: 首先在components中新建一个文件夹,我这里做的是全局加载动画组件所以命名的是Loading文件夹 如图: 其中index.js为组件加载文件,index.vue为组件模板文件index.js文件:// 引入组件 import Loading from './index.vue' // 创建个空对象 const obj = {} /
转载 6月前
29阅读
【代码】vue-其他组件公用数据.html。
原创 2023-06-03 00:07:01
44阅读
文章目录jeecg-boot 项目前言config\index.jsrequest.js地址通用项目解决办法1、修改 env 配置,以 开发环境为例(这一步针对 jeecg-boot 项目)2、vue.config.js 添加跨域注意: 普通项目多重跨域请直接看 vue.config.js 添加跨域 jeecg-boot 项目前言最近公司使用 jeecg-boot 低代码平台做项目,总体来说项
转载 6月前
11阅读
vue中使用less首先要下载依赖: npm install less less-loader --save-dev 下载好之后就可以.vue文件中使用lang="less"和@import如下图:1,将vue组件中style标签属性改为: <style lang="less" rel="stylesheet/less"> </style> 2,如有引入文件,则文
转载 2024-03-19 15:48:22
151阅读
1、vue-cli webpack全局引入jquery(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。)(2)在webpack.base.conf.js里加入var webpack = require("webpack")(3)在module.exports的最后加入pl
随着用户对Web前端的使用体验升级,导致Web前端开发的工作难度增大。为了提高开发效率和代码复用率, 近几年,互联网前端行业发展迅速,涌现出一大批优秀框架 这些框架逐渐改变了传统前端的开发方式,譬如:谷歌的AngularJS,脸书的ReactJS这些MVVM框架的碰到以及器件化的盛行,促使前端程序员不得不增速本人的步伐,不断更新本人的理论知识体系。因篇博客简单介绍了VueJS是什么、核心原理及技术
转载 2024-09-12 03:54:32
49阅读
方法方法是属于类的函数和过程,它们相对于类是局部的,并且在类的外部是不存的。只有在类的内部或者通过类的实例才能调用方法,方法能存取所有的公用的、保护的和私有的字段。方法可在private、protected或者public段中声明,要设计一个比较好的类,应该考虑哪些方法应该放在类中。公用方法(Public method)和属性(property)代表着用户与类的接口。通过公用方法,类的使用者可以存
转载 2023-10-19 22:29:53
0阅读
太长不看我把多项目集成模板上传到了github vue-multi-admins-template, clone到本地即可使用, 使用方法在文章最后使用需求vue多个项目开发时, 存在项目内资源共用的问题, 解决方案一般有两个, 1, 每个项目独立开发, 公用资源通过npm打包发布到私人或公用npm服务器, 使用时引用这些npm包 2, 多个项目集成到一个根项目里, 每个子项目可单独运行打包, 也
转载 2024-08-12 16:58:01
1287阅读
定义实体类 首先定义实体类User,需要继承BaseRowModel @Data public class User extends BaseRowModel { @ExcelProperty(value = "姓名", index = 0) private String name; @ExcelP ...
转载 2021-08-20 11:26:00
873阅读
在现代Web开发中,jQuery作为一种快速、简洁的JavaScript库,被广泛应用于DOM操作、事件处理、AJAX交互等多种场景。然而,时常会出现“公用jQuery”的问题,即在多个页面或模块中共享同一版本的jQuery库,可能导致加载冗余、版本冲突甚至功能异常等问题。本文将详细介绍如何解决“公用jQuery”问题的过程。 ### 环境准备 为了确保环境中的一切正常工作,以下是必要的软硬件
原创 7月前
21阅读
一.准备知识  首先我们需要知道以下几个重要的概念:基类派生类公用基类公用派生类概念引例:已知
原创 2022-08-02 17:59:24
50阅读
# 在Vue中实现iOS系统调用自定义公共方法 在开发移动端应用时,我们有时需要与设备的系统进行交互,特别是在iOS系统中,可能希望通过JavaScript调用一些本地方法。下面,我将指导你如何在Vue中实现iOS系统调用自定义公共方法的过程。 ## 整体流程 我们可以将整个流程分为以下几个步骤: | 步骤 | 描述 | |------|------| | 1. | 在Vue项目中定义公共
原创 2024-09-18 05:03:38
32阅读
###表单的公用组件,mForm.vue <template> <el-form ref="form" :inline="inline" :model="dataObject" :label-width="labelWidth"> <el-form-item v-for="(item,index)
原创 2021-07-31 17:56:34
10000+阅读
一套代码打包多环境多项目需求多环境打包实现多环境打包实现 版本号: vue/cli:4.5.12 node:v14.15.3 npm:6.14.9需求代码多环境打包很常见,直接说说多项目打包:多项目打包就是一套代码,只有logo,部分样式,标题等不同。如果分好几套代码,后期改需求总不能每套代码都改一遍,所以就需要多项目打包。 (当然,如果后期项目差异过大时,还是强烈建议把项目区分开来)多环境打包
转载 2024-06-19 06:19:51
84阅读
一.话不多,先上效果:  大家好呀,好久不见,最近还好吗?今天分享个vue封装弹框组件的内容,并全局注册它,虽然内容比较简单,但是刚入门vue的小伙伴可以友好的了解组件封装思想~ (最后有完整源码)基本效果:弹框里内容可以自定义内容放入标签等:二.具体实现:1.先确定弹框组件有什么功能:<SpringFrame :title="'江湖'" :isShow="true"
转载 2024-08-28 16:33:16
196阅读
  由于各浏览器的默认CSS样式不一样,我们必须写一个CSS Reset统一起来。通常我的做法是在common.css里写全局控制,这里面也包括header和footer,其它CSS文件就通过@import url(” common.css”);引用。body{padding:10px;margin:0;background:#fff;font-size:12px;line-heig
转载 精选 2010-01-28 10:51:02
189阅读
unit YzDelphiFunc; interface uses ComCtrls, Forms, Windows, Classes, SysUtils, ComObj, ActiveX, ShlObj, Messages, Graphics, Registry, Dialogs, Controls, uProcess, uCpuUsage, StrUtils, CommCtrl,...
转载 2019-03-07 18:45:00
124阅读
  • 1
  • 2
  • 3
  • 4
  • 5