从零开始部署vue+node+mongodb全栈项目,既为个人记录,也为分享(最简单的方案,本人亲测)。配置阿里云服务器安全组规则 如果你不配置这个规则,那么你连mongodb,node部署的后端应用接口都访问不到。常见配置如下。安全组规则安装node第一步,升级 apt-get 源sudo apt-get update第二步,安装nodesudo apt-get install node第三步,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-28 17:34:09
                            
                                64阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-18 14:10:34
                            
                                233阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!-- 这里是html界面设计,template套着 -->
<template>
  <div>
    <div>
      <button @click="buttonClick">{{button}}</button>
    </div>
    <div>{{ allNum }}<            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-20 08:32:10
                            
                                35阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            初始化项目1、在安装了node.js的前提下,使用以下命令  npm install --g vue-cli  2、在将要构建项目的目录下  vue init webpack myproject(项目目录名称)  一路回车如下中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中的两个测试,不要也罢,后面是问要使用哪个进行install依赖包            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-30 12:41:30
                            
                                21阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            随着用户对Web前端的使用体验升级,导致Web前端开发的工作难度增大。为了提高开发效率和代码复用率, 近几年,互联网前端行业发展迅速,涌现出一大批优秀框架 这些框架逐渐改变了传统前端的开发方式,譬如:谷歌的AngularJS,脸书的ReactJS这些MVVM框架的碰到以及器件化的盛行,促使前端程序员不得不增速本人的步伐,不断更新本人的理论知识体系。因篇博客简单介绍了VueJS是什么、核心原理及技术            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-12 03:54:32
                            
                                49阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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 = {}
/            
                
         
            
            
            
            【代码】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 低代码平台做项目,总体来说项            
                
         
            
            
            
            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            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-05-31 09:40:21
                            
                                951阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ###表单的公用组件,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中实现iOS系统调用自定义公共方法
在开发移动端应用时,我们有时需要与设备的系统进行交互,特别是在iOS系统中,可能希望通过JavaScript调用一些本地方法。下面,我将指导你如何在Vue中实现iOS系统调用自定义公共方法的过程。
## 整体流程
我们可以将整个流程分为以下几个步骤:
| 步骤 | 描述 |
|------|------|
| 1. | 在Vue项目中定义公共            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-18 05:03:38
                            
                                32阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <template>
	<div class="wrap">
		<div class="main">
			<div class="main_left">
				<ul v-for="(val,index) in list[0].type" @click="clc(index)">
					<li>{{val.tit}}            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-16 15:40:11
                            
                                235阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            大家好,我是皮皮。 一、前言 前几天在Python白银交流群【空翼】问了一个Python网络爬虫的问题,提问截图如            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-03 10:26:52
                            
                                0阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            随手记问题背景前端点击下载,后台逻辑判断,当符合一定条件,则返回文件流,下载文件。当不符合条件,返回错误信息的json,前端读取json,被展示错误信息。研究过程1、第一个想到的是window.open,新开窗口去下载文件,如果有错误,则用response的输出流返回一段html代码,如:<html>
<head>
<meta charset="utf-8">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-04 02:20:55
                            
                                651阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在vue和webapi中,免不了在json字符串和json对像间相互转换,把常用的转换记录一下,下面是前端中用到的数组例子this.title.push({
         name:'输入标题',
         list:[{
             name:'选项一',
             fen:0
            },
            {            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-03 13:23:28
                            
                                375阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            //一个公用的ajax模板function loadKind() {let sendData = {};$.ajax({type: 'get',...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-14 09:17:31
                            
                                43阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如何实现Java公用的变量
## 引言
在Java开发中,我们常常会遇到需要在不同的类或方法中共享数据的情况。为了方便管理和使用这些共享的数据,我们可以使用Java公用变量来实现。本文将详细介绍如何在Java中实现公用变量,并提供步骤和代码示例。
## 公用变量的概念
Java公用变量是指在程序的不同类或方法中可以共享的数据。它们具有全局的作用域,可以被任何类或方法访问和修改。使用公用变量可以            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-01-28 04:47:31
                            
                                30阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            公用的Redis服务是现代应用架构中的常用组件,但不当使用可能导致性能问题与数据丢失。在这一博文中,我们将探讨如何解决与公用Redis服务相关的问题。这将包括问题背景、错误现象、根因分析、解决方案、验证测试以及预防优化。
### 问题背景
在我们的应用系统中,多部门共享一个公用的Redis服务,以便于缓存管理和数据共享。然而,随着访问量的激增,系统开始出现性能瓶颈。这不仅影响了日常的数据操作,