好多米阳光-优快云博客

原创基于element-ui后台模板，日常唠嗑

徒手搭建后台管理系统模板（2.0）

2023-11-23 14:59:28 3403

原创基于element自动表格

需求是根据JSON文件生成表格，包含配置和自动props属性以及过滤器；

2023-11-23 14:16:34 340

原创基于element自动表单设计

需求是根据JSON文件生成表单，包含配置和自动model属性以及表单验证，数据回显。

2023-11-23 13:57:32 461

原创 vue中echart-gl 3D地图纹理实例

echarts-gl绘制上海市地图，地图纹理。

2023-10-19 14:14:11 1035

原创 axios二次封装【同事一直吐槽之前写的请求，今天就缕缕吧】

Axios的二次封装，完整实例（附使用方法）

2023-03-28 15:43:11 94

'use strict'/** * 数组求和 * @param array * @returns {number|*} * @constructor */export function SUM (array = []) { const len = array.length if (len === 0) { return 0 } else if (len === 1) { return array[0] } else { return array[0].

2021-09-01 17:20:32 155

原创 canvas 小球环绕旋转,vue组件，可直接使用

以下是测试组件对的效果图，懒得做gif图。vue 基于canvas做的旋转组件，可直接拷贝出去使用。以下是代码完整的组件代码截图：<template> <section class='tagCloudIndex main'> <div class="panel-title"> <div class="border-left"></div> <div c.

2020-12-17 17:40:26 364

原创 vue项目播放rtmp或者hls流码

奉上效果demo 或者说是测试地址，测试工具直播流在线git地址引入的文件播放器组件rtmp流码：hls 流码：大功告成。

2020-03-26 18:41:21 1544

原创 vue项目IE打开空白问题（官方vue-cli 2.*）

下载安装：npm install babel-polyfill --save-dev修改main.js：修改webpack.base.conf.js：重新运行：dit地址：https://github.com/Apache-Ra/vue-admin

2020-03-26 18:26:47 675

原创 websocket长链接

最近有小伙伴@我关于websocket相关问题，与此小记一篇。如果需要vue版本或者服务端的代码，可以@我let ws = null;// 初始化function init(){ if ('WebSocket' in window) { ws = new WebSocket('ws://*******************'); ws.onopen...

2019-12-07 20:55:24 148

原创 react开篇之旅

该后台模板尚未完善，后续持续默默更新。先上效果图：目录机构目录说明：代码部分移步GITHUB

2019-04-23 19:02:34 170

原创 node+express controller更新（简书上面格式太丑了，这边也贴上一份儿）

/*** description：用户* createTime: 2018-11-02* message: 不接受任何私下吐槽，直接提出意见即可（欢迎大家多多指教）*/const _ = require('lodash');const DB = require('../../config/DBHelp.js');/*** 返回的状态信息*/const res...

2019-01-23 09:26:31 1055 1

原创 node+mysql+express接口开发controller

/** * description：用户 * createTime: 2018-11-02 * message: 不接受任何私下吐槽，直接提出意见即可（欢迎大家多多指教） */const _ = require('lodash');const DB = require('../../config/DBHelp.js');/** * 返回的状态信息 */co...

2019-01-22 19:16:00 482

原创 node+mysql+express接口开发数据库连接池

const DB_MYSQL = require('mysql');const DB_CONFIG = require('./DBConfig');/** * 数据库连接池 * @type {Pool}*/const pool = DB_MYSQL.createPool({ host: DB_CONFIG.database.HOST, user...

2019-01-22 19:14:00 891

原创 vue工具类之——LocalStorage操作（完整复杂版本）

早之前在优快云上发布过类似的，这次整理项目时候，重新整理了一下：/** * description: 登录页样式文件 * create_time: 2017-04-02 * message: 不接受任何私下吐槽，请当面沟通协调 */import extend from 'Extend';import urlParam from './URLParam'c...

2019-01-10 15:23:00 1327

原创 vue工具类之——URL地址栏参数操作

地址栏参数的获取，返回object地址栏参数的删除，返回string地址栏参数的修改，返回string/** * description: 登录页样式文件 * create_time: 2016-05-12 * message: 不接受任何私下吐槽，请当面沟通协调 * getURLParam: 获取地址栏参数（返回OBJ） * changeURLParam...

2019-01-10 14:09:00 1593

原创 vue工具类之——Cookie操作

注意：此工具是个鸡肋的存在，没有多大意义。（浏览器可以直接操作，类似于LocalStorage）/** * description: 登录页样式文件 * create_time: 2019-01-03 * message: 不接受任何私下吐槽，请当面沟通协调 */class Cookie { constructor() { this.date= n...

2019-01-08 19:08:00 481

原创 vue组建之——模拟K线数据

子组建：<template> <div class='chart_cross'> <div ref="crossEchart" class="chart"></div> </div></template><script>

2019-01-08 17:39:00 1496

原创 vue组建之——简单饼状图

父组件：<chartPie :pieChartData="charData"></chartPie>参数：vue.cardData_1= { class: 'number_of_calls', name: '拨打数量', data: [ {key: '拨打数量', value: 30}, {key: '正在进行',...

2019-01-08 10:00:00 1855

原创 vue工具类之——表单验证（自定义简单案例）

可以更具需求自行添加消息弹出层把错误信息弹出去，改写法会把错误提示信息返回到使用的页面中。可自行扩展正则匹配验证，有需要的可以留言，后面会把相关资料发布到GITHUB<div class="input"><input type="text" title="账户" v-model="userName" ref="userName&quot

2019-01-05 14:22:00 794

原创 vue 工具类之——获取系统日期，时间，星期

写法有很多种：例如const aa = (obj) =>{ return obj;}export {aa}import {aa} from '../util/aa'export default aaimport aa from '../util/aa'export default function aa() { return obj;}...

2019-01-04 23:21:00 4403

原创 vue-admin/vue-element-admin 自动生成表单，数据提交，组件传值

父组件（基于element-UI）：弹出层<dialogBar :dialogData="dialogData" v-if="showUpdateDiaLog" @handleDiaLog="handleDiaLogConfirm"></dialogBar>let dialogData= { dialog: true, title: '创建用户', ...

2019-01-04 22:44:00 7501 2

原创 Node + Express + MySQL 接口开发完整案例

先上目录结构：简单描述一下，主要的目录文件config / dbConfig: 文件配置了，数据库信息 DBHelp: 数据库连接池的连接与释放controller：放置开发的接口routes: 接口抛出（接口路由层）app 启动入口，配置接口跨域，返回字符编码···dbConfig.jsconst config = { ...

2018-12-27 10:48:18 3608 3

原创 vue+element+axios+vuex后台管理系统（父子组建嵌套）

仅用于记录，使用方法笔记：详情：设计思路：弹出层里面加载Froma表单（应需求里面表单都是弹出层）设计要点：一般建议子组件里面不进行任何业务操作（业务逻辑操作，建议在父组件中使用），这样便于组建的复用性组建拆分越简单越好，子组建中的参数传递到最外层组建（父组件）方法可以用vuex来过度数据或者stroage（不建议一层一层传递） GIT：https...

2018-12-24 13:47:15 1049

原创 Vue基于WechatPlugin二次封装请求类库

//本类库与项目开发临时写的，未完善的地方大家可以积极参与，后面放置git仓库import Vue from 'vue'//import store from '../store'//import router from '../router/router'import { WechatPlugin } from 'vux'let vue = new Vue({ router, Wechat...

2018-04-25 15:33:55 1947 1

原创 vue之页面渲染

在我们利用脚手架搭建项目的时候，main.jsnew Vue({ store, router, render: h => h(App)}).$mount('#app')这是我一个项目中的，和实际可能有一点不一样，不过意思雷同。new 一个Vue对象，然后挂载$mount方法，通过自定义Render方法、template、el等生成Render函数，我这里使用的

2017-11-16 19:01:18 4174

原创 vue路由智能加载，起始篇

for(i in routerList.Router){ item = routerList.Router[i] // 如果path是'/'说明是默认加载 let routerPath = (item.path === '/') ? '/'+item.name : item.path //如果存在children,说明有子路由 if(item.children){ fo

2017-11-02 16:33:44 581

原创 vue+cordova 开发混合app入门指南

本文介绍基于VUE+cordova开发混合式APP执行命令:一：npm install -g vue-cli 安装全局vue二：vue init webpack porjectNme （projectName是项目名字）三：cd porjectNme四：npm install --registry=https://registry.np

2017-10-17 13:44:45 9153

原创 Vue 工具类整理完整案例（可直接使用）

上一篇博客介绍了,全局使用request工具类！本次完全独立出来，完整的工具类import Vue from 'vue'import router from '../router/index'let Export = {}let vue = new Vue({router})Export.post = function (options) { options.method =

2017-09-30 15:49:48 5650

原创 vue请求类的封装，基于jQuery版本和Axios，两个版本

vue中基于jQuery请求类的封装： /** * 该插件基于JQuery的基础封装的，使用的时请自配JQuery * 使用方法:在页面import该JS文件 * XXX.post({··parameter··}).then((response) =>{ success }) */ import Vue from 'vue' import store from '.....

2017-09-30 13:35:59 2855

原创 nginx 简单实用配置——笔记篇

nginx简单实用的配置。——笔记篇location / { root html; index index.html index.htm; }location /wechat/ { proxy_pass http://localhost:8080/#/login;

2017-08-21 21:38:37 344

原创 Qrcode二维码生成

废话不说，直接上代码：官网API：http://code.ciaoca.com/javascript/qrcode/*{margin: 0;padding: 0}html,body{width:100%;height: 100%;background:#FBF9FE;}.userInfoList{width:700px; margin

2017-08-09 17:21:39 4632

原创 vue+vueRouter+vuex+vux(微信项目开发框架)

用vue+vueRouter+vuex+vue编写的单页面手机端项目框架非常适合H5项目···咱们开始吧！main.jsimport Vue from 'vue'import Vuex from 'vuex'import FastClick from 'fastclick'import {WechatPlugin, AjaxPlugin, LoadingP

2017-08-08 23:21:13 12556 3

原创 vue+vueRouter+Element

此项目提供项目框架组件方案，适合初学者。由于公司项目紧张,这是晚上下班写了一点点。项目结构图main.js/** * 导入文件 * @Vue: vue * @Vuex: vue的一种状态管理模式 * @FastClick: 点击时延迟 * @Element: element-ui * @App: 入口vue * @router: 路由文件 */import Vue ...

2017-07-17 21:21:29 4463

原创 vue+vueRouter 实例demo

main.jsimport Vue from 'vue'import App from './App.vue'import router from './router/router'/** * 加载插件 * @VueRouter：路由 *//** * 定义常量信息 * @DOMAINNAME：客户端地址 * @SERVERNAME：服务端地址 *

2017-07-10 18:01:08 11809 1

原创 Vue+Vux项目实践

利用脚手架搭建项目架构，此步骤不予此地说明，不明之处可上git、百度或者留言。本项目实践代码，均可执行。代码尚未优化，大牛请绕路。提供完整的路由，services````````````` -----------------------------------------------------------------------------------

2017-05-18 11:34:05 23943 2

原创 Angularjs处理Checkbox

----html----------------------------------------------绑定----controller----------------------------------------------$scope.privilegeArray = [];$scope.sele

2017-03-28 13:43:31 815

原创 Angularjs-router动态改变Title值问题

许久没写Angularjs这玩意儿了，发现以前项目直接从dom元素去修改title实属简陋了些。懒得废话，上代码；index里面直接即可。路由文件我作名config app.run(['$rootScope', '$log', function($rootScope, $log){ $rootScope.$on('$stateChangeSucces

2017-03-20 11:31:21 3714

原创 select二级联动

聊天群有同学文城市二级联动，于此记录一份。 // 填充省下拉列表 var provincesOptionHtml = ""; var provinces = []; var provinceAndCityArray = [{ name: "北京", cities: ["西城", "东城", "崇文", "宣武", "朝阳"] },

2016-12-29 16:07:28 734

原创 JS 操作Tab选项卡

先前有群友询问js操作Tab选项卡问题，于此贴上一份。方式一： $(".tableTitle p").click(function(){ $(".tableTitle p").eq($(this).index()).addClass("active").siblings().removeClass('active');$(".tableListContent").hid

2016-12-27 16:24:54 384