zl程序教程

vue后台(二)

  • Vue Admin Work后台管理系统 和 VueUse 的无缝结合,有惊喜也有坎坷……

    Vue Admin Work后台管理系统 和 VueUse 的无缝结合,有惊喜也有坎坷……

    昨天想把 VueAdminWork的P版 和 VueUse 工具库整合一下,说干就干啊,一顿操作猛如虎 三下五除二整完了,把能替换的功能都用 VueUse 替换了。比如: 1、修改 `document` 标题 2、全屏功能由VueUse的useFullScreen方法替换原来的 `screenfull` 库 3、剪贴功能由VueUse的useClipboard方法替换原来的 `clipboardj

    日期 2023-06-12 10:48:40     
  • Vue3.0商店后台管理系统项目实战-vuex是什么(5大语法)

    Vue3.0商店后台管理系统项目实战-vuex是什么(5大语法)

    参考资料Vue3.0官方文档:https://cn.vuejs.org/ Element Plus文档:https://element-plus.gitee.io/zh-CN/打开默认的stroe/index.jsvuex中一共有五个状态 State Getter Mutation Action Module 下面进行详细讲解import { createStore } from

    日期 2023-06-12 10:48:40     
  • Vue3.0商店后台管理系统项目实战-导航的icon图标

    Vue3.0商店后台管理系统项目实战-导航的icon图标

    参考资料Vue3.0官方文档:https://cn.vuejs.org/ Element Plus文档:https://element-plus.gitee.io/zh-CN/ Element Plus 提供了一套常用的图标集合。1:安装# NPM $ npm install @element-plus/icons-vue复制图片.png2:在main.js引入main.jsimport {

    日期 2023-06-12 10:48:40     
  • Vue3.0商店后台管理系统项目实战-模板语法

    Vue3.0商店后台管理系统项目实战-模板语法

    基本语法1:v-text<template> <h1>hello world!</h1> <p v-text="name"></p> <!-- v-text的简写 --> <p>{{ name }}</p> </template> <script&

    日期 2023-06-12 10:48:40     
  • Vue3.0商店后台管理系统项目实战-事件的模板语法

    Vue3.0商店后台管理系统项目实战-事件的模板语法

    v-on:事件名=“事件方法” 绑定事件1:点击事件<template> <div class="about"> <div id="dom">{{ msg }}</div> <!-- v-on:事件名=“事件方法” 绑定事件 --> <!-- 事件及其方

    日期 2023-06-12 10:48:40     
  • Vue3.0商店后台管理系统项目实战-路由

    Vue3.0商店后台管理系统项目实战-路由

    1:router-link和router-view的区别在App.vue里面router-link相当于是a标签 ,to="路由path" <router-link to="/">Home</router-link> | <router-link to="/about">About</ro

    日期 2023-06-12 10:48:40     
  • VueAdminWork再添一员开源框架,基于Arco design的中后台管理系统 Arco Work开源啦,感谢您的一路支持

    VueAdminWork再添一员开源框架,基于Arco design的中后台管理系统 Arco Work开源啦,感谢您的一路支持

    “ 一个人不管有多忙,不管在何处,还是应该从有限的时间中挤出一点 来读一本好书,并因此有所感悟。当然,生命最宝贵的一课,还是从经验中学习得来的”--出自《稻盛和夫给年轻人的忠告》 01—前言自2021年10月 Vue Admin Work系列框架开源以来,收获了很多小伙伴的喜欢和鼓励。当然,也有很多好的建议我们会陆续采纳,首先来说一下,VueAdminWork系列框架是做什么用的,有哪些版本。&q

    日期 2023-06-12 10:48:40     
  • 168张图,万字长文,手把手教你开发vue后台管理系统!

    168张图,万字长文,手把手教你开发vue后台管理系统!

    我写这个项目的初衷一方面是为了记录自己自学 vue 的一个过程,另一方面是为了帮助小白快速掌握使用 vue 脚手架创建项目的一个完整过程。本项目是一个基于 vue2 和 Vue-cli 2 开发的后台管理系统,功能简单,非常适合新手拿来练习。因为该项目只是一个简单的 demo ,所以我并没有完成所有的功能,但是包含基本的增删改查功能。我会教大家从零开始搭建一个 vue 脚手架项目,讲解的内容虽说不

    日期 2023-06-12 10:48:40     
  • golang + vue3+vite 构建后台管理系统笔记。

    golang + vue3+vite 构建后台管理系统笔记。

    开始选用的gin框架,但是后来突然发现gin框架的路由不是最长匹配规则。不能实现路由降级。比如不能同时注册 / 和 /upload 路由。如下代码会报错。// catch-all wildcard '*filepath' in new path '/*filepath' conflicts r.GET("/ping", func

    日期 2023-06-12 10:48:40     
  • 用Vue.js开发企业管理后台,我做到了

    用Vue.js开发企业管理后台,我做到了

    Vue.js是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是,它可以自底向上逐层应用。Vue.js的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有的项目整合。当与现代化的工具链及各种支持类库结合使用时,Vue.js完全能够为复杂的单页应用提供驱动。 时至今日,Vue.js 已成为世界三大主流前端框架之一。Vue.js 在国内也是主流技术之一,有完善的中文文档和中文社区,易学易上

    日期 2023-06-12 10:48:40     
  • django-vue-admin前端设置后台接口地址为127.0.0.1产生跨域问题解决办法

    django-vue-admin前端设置后台接口地址为127.0.0.1产生跨域问题解决办法

    django-vue-admin前端设置后台接口地址为127.0.0.1产生跨域问题解决办法: 不能设置成127.0.0.1,设置成节点的ip地址即可解决。 应该是脚手架本身存在问题导致的。

    日期 2023-06-12 10:48:40     
  • 解决springboot+vue+mybatis中,将后台数据分页显示在前台,并且根据页码自动跳转对应页码信息

    解决springboot+vue+mybatis中,将后台数据分页显示在前台,并且根据页码自动跳转对应页码信息

    文章目录 先看效果1、要考虑的问题,对数据进行分页查询2、前端和后台的交互 先看效果 1、要考虑的问题,对数据进行分页查询 mapper文件这样写 从每次开始查询

    日期 2023-06-12 10:48:40     
  • Vue   商城的一些小demo(后台添加商品、前台购物车、本地存储的使用)

    Vue 商城的一些小demo(后台添加商品、前台购物车、本地存储的使用)

      demo   商城后台,添加一种商品 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <!-- 引入vue.js -->

    日期 2023-06-12 10:48:40     
  • 【Vue和Vue3+vite】通过脚手架配置代理实现axios跨域与第三方后台数据传递(图文+代码示例)

    【Vue和Vue3+vite】通过脚手架配置代理实现axios跨域与第三方后台数据传递(图文+代码示例)

    一、脚手架环境安装xios 命令:npm i axios 二、在组件中引入axios import axios from 'axios' 三、设置代理服务器 打开vue.config.js文件,添加以下代码(注意:端口号是第三方的端口号):

    日期 2023-06-12 10:48:40     
  • vue前端调后台接口下载excel文件

    vue前端调后台接口下载excel文件

    后台提供下载接口,可传参数 使用get方法 window.location.href = '/api/xxx/xxx?params' window.open('/api/xxx/xxx?params') <a href="/api/xxx/xxx?params" download="excel.xls">export</a> get方法参数拼接

    日期 2023-06-12 10:48:40     
  • 手写一个服务器代码将 《vue电商后台管理系统》部署上去 上线、打包

    手写一个服务器代码将 《vue电商后台管理系统》部署上去 上线、打包

    我将在博文中全程以cnpm作为代码格式,为了好复制,它快啊!你要知道node安装包自带npm,npm下载cnpm才可以使用cnpm 今日目标: 1.上

    日期 2023-06-12 10:48:40     
  • vue项目后台demo

    vue项目后台demo

    https://github.com/bailicangdu/vue2-manage

    日期 2023-06-12 10:48:40     
  • vue   请求后台数据   (copy)

    vue 请求后台数据 (copy)

    https://www.cnblogs.com/calledspeed001/p/7094494.html var that=this   get请求 that.$http.get("1.txt").then(function(result){ console.log(result) this.msg=result.data; }) post请求    需要环境 &

    日期 2023-06-12 10:48:40     
  • vue实战入门后台篇三:springboot+mybatis实现网站后台-实体及基础框架搭建

    vue实战入门后台篇三:springboot+mybatis实现网站后台-实体及基础框架搭建

    系列文章目录   第一章 项目框架搭建   第二章 登录鉴权功能实现   第三章 实体及基础框架搭建   第四章 增删改查功能实现   第五章 操作日志功能实现   第六章 前端登录功能对接   第七章 各实体

    日期 2023-06-12 10:48:40     
  • vue实战入门后台篇一:springboot+mybatis实现网站后台-项目框架搭建

    vue实战入门后台篇一:springboot+mybatis实现网站后台-项目框架搭建

    系列文章目录   第一章 项目框架搭建   第二章 登录鉴权功能实现   第三章 实体及基础框架搭建   第四章 增删改查功能实现   第五章 操作日志功能实现   第六章 前端登录功能对接   第七章 各实体

    日期 2023-06-12 10:48:40     
  • vue实战入门进阶篇七:vue+elementui实现网站后台-访问统计界面实现

    vue实战入门进阶篇七:vue+elementui实现网站后台-访问统计界面实现

    系列文章目录   第一章 系统功能规划   第二章 登录界面实现   第三章 系统框架搭建   第四章 主页框架实现   第五章 首页界面实现   第六章 新闻资讯界面实现   第七章 访问统计界面实现   

    日期 2023-06-12 10:48:40     
  • vue实战入门进阶篇六:vue+elementui实现网站后台-新闻资讯界面实现

    vue实战入门进阶篇六:vue+elementui实现网站后台-新闻资讯界面实现

    系列文章目录   第一章 系统功能规划   第二章 登录界面实现   第三章 系统框架搭建   第四章 主页框架实现   第五章 首页界面实现   第六章 新闻资讯界面实现   第七章 访问统计界面实现   

    日期 2023-06-12 10:48:40     
  • vue实战入门进阶篇二:vue+elementui实现网站后台-登录界面实现

    vue实战入门进阶篇二:vue+elementui实现网站后台-登录界面实现

    系列文章目录   第一章 系统功能规划   第二章 登录界面实现   第三章 系统框架搭建   第四章 主页框架实现   第五章 首页界面实现   第六章 新闻资讯界面实现   第七章 访问统计界面实现   

    日期 2023-06-12 10:48:40     
  • vue后台(五)

    vue后台(五)

    一,查看某个spu下的所有sku列表       在elementUI找到el-dialog,表格嵌套dialog <el-dialog title="sku列表" :visible.sync="dialogTableVisible" :before-close="handleBeforeClose"> <el-table :da

    日期 2023-06-12 10:48:40     
  • vue后台(一)

    vue后台(一)

    一,项目准备工作 1.拿到已经是二次开发的代码, npm i , 安装依赖包   ES6模块暴露和导入复习 1. 导出方式一: 默认一次性导出 (只能有一个) export default xxx 本质: 整个模块是一个对象, 对象中有default属性, 即: {default: xxx} 2. 导出方式二: 非默认分

    日期 2023-06-12 10:48:40     
  • vue2+echarts:后台传递一天有多类数据的时候,如何渲染柱状图

    vue2+echarts:后台传递一天有多类数据的时候,如何渲染柱状图

    1.需求描述 后台传输过来的json数据: 一天可能有多个支付渠道进行交易,从而产生交易记录每天的支付渠道类型不定,需要进行判断 需求描述: 两个展示各渠道支付

    日期 2023-06-12 10:48:40     
  • vue2+echarts:使用后台传输的json数据去动态渲染echarts图表

    vue2+echarts:使用后台传输的json数据去动态渲染echarts图表

    1.源码 1.说明 只提供子组件代码,totalData 是从父组件传输过来的数据,其数据格式如下: 父组件的代码就不提供了 2.代码 main.js 引入echarts import

    日期 2023-06-12 10:48:40