3 青浅l

尚未进行身份认证

我要认证

兜兜转转,发现只有写写代码,才能维持生活这样子。

等级
TA的排名 36w+

mongoose 多条件模糊查询

node express mongoose 多条件模糊查询// 模糊查询router.get('/searchSome',(req, res, next)=>{ let regexp=new RegExp(req.query.keyword,'i') console.log(req.query.keyword); Product.find({$or:[ {title:{$regex:regexp}}, {description:{$regex:r.

2020-10-22 15:24:15

vue 如何通过前端来导出excel表格

在做一些简单的demo时,偶尔会遇到导出excel表格。如果请后端帮忙的话 比较浪费时间,那么前端如何导出excel表格,下面就来记录一下之前使用到的案例一、安装依赖npm i file-saver xlsx script-loader -S或yarn add file-saver xlsx script-loader二、封装Blob、export_json_to_excel 方法1、封装blob方法在 src/utils文件夹下创建Blob.js/* eslint-disable *.

2020-10-12 17:21:36

微信小程序+nodeJs+express+mongodb踩坑记录 4、uniAPP wx小程序登录前端+后台实现

前言最近着手写一个单门店微信小程序商城,后台管理系统初步完成,小程序首页已经展示了商品,下一步就是添加购物车,生成订单;这里就设计到小程序登录。 记载一下自己的实现过程,下次直接copy。一、实现思路在添加购物车或着其它需要登录才能进行的操作时,先判断是否登录。进入登录页面,先使用wx.getSetting()方法判断是否授权,如果授权了,直接使用wx.login()获取Code 向后台发送请求,换取openid(下面会讲)。然后再调用wx.getUserInfo()拿到用户信息,调接口更新用户信息.

2020-09-17 09:59:12

如何利用在vue中echart 生成全国、省、市地图

生成中国地图比较简单,参照echarts文档就可以实现,可能就是稍微花一点点时间。下面记录通过cdn 引入echart 和npm安装echart来实现地图的方式1、通过cdn方式在 public/index.html 页面引入echart cdn 和 echart map数据china.js <script src="https://cdn.bootcss.com/echarts/4.3.0/echarts.min.js"></script> <scri.

2020-09-02 18:13:15

vuex中getters 的基本用法

一、getter 定义Vuex允许我们在store中定义"getter" ,用于对state中存储的数据进行过滤操作。就像vue生命周期中的computed一样,getter的返回值 会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算二、使用方法1、通过属性访问Getter 接受 state 作为其第一个参数:example:现在需要获取list:[1,2,3,4,5,6,7,8,9]中大于5的元素const store = new Vuex.Store({ .

2020-08-27 11:08:01

echarts 利用富文本设置图片label

最近做前端可视化,有一个如下的需求,放上初步的效果图:很简单的echart pie图,但是又有两个不同的地方:需求上有2个label,一个在扇形内部,一个在扇形外部外部label为图片查看文档最终的解决办法为,同样的数据渲染2个相同的pie图,利用rich将外部label设置为图片为了使vue组件看起来简洁,将chart 方法抽离到src/utils/chart.js<template> <el-row :gutter="24"> <el

2020-08-21 18:01:01

微信小程序+nodeJs+express+mongodb踩坑记录 3、文件上传

创建好model列表和routes列表,套用公共的curd方法,基本的增删改查接口很快就完成了。下面需要开始搞一个后台管理系统,方便造一些数据顺便测试一下接口。在这之前先把上传图片的接口搞定了。上传图片分上传到服务器和阿里云oss,前期测试的话直接上传到服务器吧!节省一丢丢的流量(太穷了)。一、上传到服务器使用multer上传到服务器npm i multer -S直接上代码/* * @Author: 471826078@qq.com * @LastEditors: 471826..

2020-08-15 13:54:17

微信小程序+nodeJs+express+mongodb踩坑记录 2、封装crud方法

前后端在工作中相互为搭档,又相互鄙视(手动狗头)。后台总觉得前端代码简单,切切图就好了,不用写什么逻辑,切图仔。由于安全性考虑,很多复杂的逻辑都是后台来完成。这个时候我们前端就会反击:后台只会crud,一个sql玩一天,查询出结果还要几十秒,渣渣。当然,这只是一个玩笑,这里就不深究了。今天主要记录一下封装的 crud 公共方法。这里只是封装了几个逻辑比较简单的 增 删 改 查:创建:routes/common.jsconst { formatDate } = require(...

2020-08-12 20:08:26

微信小程序+nodeJs+express+mongodb踩坑记录

一、前言春节期间利用nodejs+mongodb+express 开发后台接口; vue+elementui 开发后台管理系统开发一款蛋糕店小程序。打通了整个购物流程,用户登录授权和付款都已经实现。只是UI有待优化,现在打算利用uni-app开发一下小程序。主要三个目标:最晚年前小程序上线,预计国庆节前学习一下uni-app开发流程完善一下nodejs知识点整个开发过程肯定是面向百度的,没有系统的学习过nodejs,都是一边百度一边写;用这个项目来学习uni-app和nodeJs。..

2020-08-12 19:42:33

微信小程序+nodeJs+express+mongodb踩坑记录 1、后台搭建

一、创建项目1、安装依赖文件express servicecd servicenpm installnpm i multer mongoose express-jwt jsonwebtoken body-parser ali-oss co -S//multer 上传文件mongoose 操控mongodbexpress-jwt token校验中间件jsonwebtoken token2、链接数据库在入口文件 app.js中加入以下代码const mongoose = requi.

2020-08-12 19:39:48

vue prop属性使用方法小结

Prop一、基本用法Prop的基本用法很简单,作用是在子组件中接收父组件的值父组件传值<template> <div> <Example :data1='data1' :data2='`属性值2`' /> </div></template><script> import Example from '@/components/expmple' export defa

2020-08-01 10:36:40

mongoose 查询数据属性为数组,且包含某个值的方法

mongoose在创建schema的时候有些属性需要设置为数组类型,比如商品图片、商品标签、不同尺寸、价格等。那么怎么查询具有某个标签的商品了,下面记录一下两种情况:查询具有‘vue’标签的文章1、数组中存储的是字符串元素下面以个人博客数据来说明-数据(labels 值为字符串数组)[ { labels: ["vue","react","mongoose"], likeCount: 0, lookCount: 0, name: "手动封装一个渐变色进度条",

2020-07-30 13:57:21

vue中post和get方式导出文件

execl表格导出在后台管理系统中非常常见,记录一下vue项目中通过get和post调用后端接口导出文件一、get方式请求接口1、window.location.href = host + '/api/XXX/XXX'2、window.open( host + '/api/XXX/XXX')3、 let link = document.createElement('a') link.href = host + '/api/XXX/XXX' link.downloa

2020-07-29 19:30:53

vue渐变色进度条。适用真假进度条

业务需要,动手封装一个渐变色进度条。组件适用真假进度条,1、调用子组件的setProgress()方法,进度条开始执行,到91%进度条进入等待状态。待后台接收完数据,修改finished值为ture,进度条继续执行到100%。2、如果需要真的进度条,调用接口轮循获取进度值progress传入组件。<template> <hprogress ref="hjprogress" @isFinished="isFinished" :finished="finished" />&

2020-07-24 16:42:03

elementui+node上传文件到阿里云oss

一、获取阿里云oss配置参数pm2服务器配置提醒: cb(null, ‘./public/uploads’); 需要修改为 cb(null, ‘../public/uploads’);主目录新建config.jsconst OSS_CONFIG = { region: 'oss-cn-beijing', accessKeyId: 'LXXXXXXXXXXXXXXXNr', accessKeySecret: '7XXXXXXXXXXXXXXXH', buck

2020-07-19 16:13:00

vue+node+express个人博客部署到nginx

1、vue打包个人博客页面大概的架子已经搭起来了,打包部署到centos服务器看一下效果。module.exports = { publicPath: './', // 设置打包文件相对路径 (默认是没有“ . ”的,打包后路径不对,打开网页空白。需要加上 .) devServer: { // open: true, //配置自动启动浏览器 proxy: { '/api': { target: 'h

2020-07-06 15:27:13

node+express+multer 实现单文件上传、下载

routes/index.jsnode express 部署到服务器,用pm2进行管理。启动的时候需要进去 /bin 目录服务器 上传文件路径 : “.. /public/uploads”本地上传文件路径 : “./public/uploads”下载文件不能通过ajax请求和axios,需要通过a标签或者window.location.herf = '下载文件接口'下载文件的接口需要写成get请求方式/* * @Author: 471826078@qq.com * @Da.

2020-07-01 01:01:17

记录一下axios封装

src目录下创建api/axios.jsaxios.js代码如下:/* * @Author: 471826078@qq.com * @Date: 2020-05-21 09:54:50 * @LastEditors: 471826078@qq.com * @LastEditTime: 2020-05-27 16:18:41 */import axios from 'axios'//引入vueimport Vue from 'vue';//新创建一个vue实例let v = new.

2020-07-01 00:24:41
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取