zl程序教程

vue后台(五)

  • Vue电商后台管理系统功能展示

    Vue电商后台管理系统功能展示

    大家好,又见面了,我是你们的朋友全栈君。 项目技术:html、css、javascript、node.js、vue、mysql项目描述:电商后台管理系统,主要功能包括:用户账号管理、商品分类、商品信息、订单、数据统计等业务功能。采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目,通过API接口连接服务器,访问mysql数据库。成品效果展示:一、登陆界面二、登陆校验规则三、登陆

    日期 2023-06-12 10:48:40     
  • 关于vue-admin-work后台前端管理框架重大升级

    关于vue-admin-work后台前端管理框架重大升级

    前段时间我们发布了 vue-admin-work的初期版本,受到了很多的小伙伴的支持与鼓励,在这里再次感谢大家对 vue-admin-work的关注。但是在此期间我们也发现了很多的不足之处,其中最大的一个不足就是:基础框架本身和很多业务逻辑耦合在了一起,换句话说就是,一些基础的功能(大部分后台都有的功能)和一些业务逻辑页面都在一个项目中,如果我们想快速再搭建一个新的后台前端管理系统,就不得不再复制

    日期 2023-06-12 10:48:40     
  • 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商店后台管理系统项目实战-生命周期

    Vue3.0商店后台管理系统项目实战-生命周期

    vue2的8个生命周期和vue3对应的8个生命周期1:onBeforeMountonMounted<template> <div class="about"> <h1>vue3的生命周期</h1> <div id="dom">{{msg}}</div> </

    日期 2023-06-12 10:48:40     
  • Vue3.0商店后台管理系统项目实战-vue3.0跨域问题的解决

    Vue3.0商店后台管理系统项目实战-vue3.0跨域问题的解决

    接口 http://11x.21x.8x.3:8091/intmotx/1.jsonvue.config.jsconst { defineConfig } = require('@vue/cli-service') // module.exports = defineConfig({ // transpileDependencies: true, // lintOnS

    日期 2023-06-12 10:48:40     
  • Vue+Element UI 商城后台管理系统

    Vue+Element UI 商城后台管理系统

    大家好,又见面了,我是你们的朋友全栈君。 一、前言已转至个人博客-https://www.aerowang.cn/articles/qnw6i1s61. 项目背景此项目来自B站 Vue实战项目:电商管理系统(Element-UI)。此项目的功能与后端提供的接口并不完全相同,根据后端接口进行开发并添加了部分功能从而进行修改。在完成此项目并测试上线后,在这里记录一下项目的开发思路,以及遇到的一

    日期 2023-06-12 10:48:40     
  • vue使用elementUI组件提交表单(带图片)到node后台

    vue使用elementUI组件提交表单(带图片)到node后台

    本文最后更新于 128 天前,其中的信息可能已经有所发展或是发生改变。1、方法一(图片与表单分开,请求2次)1.1 前台代码// elementUI表单 <el-form ref="form" class="forms" :model="form"> <div class="title&

    日期 2023-06-12 10:48:40     
  • [Job 实战]vue 后台/网站 开发总结(1)

    [Job 实战]vue 后台/网站 开发总结(1)

    1、目的需要一套相对完整的方法论,方便更好的设计和规范代码2、降低复杂度1.此处需要注意的点其实 很多,如复合判断尽量条件分开2.不同模块尽量不要耦合在一起3.将全局数据提到顶层等3、重视开发前的规划和开发过程1.需求确认清楚2.代码设计框架搭建好3.写的时候 遵守规范4、可读性:先写给人看的,其次是计算机1.可读性!!!2.计算机更喜欢 二进制

    日期 2023-06-12 10:48:40     
  • k8sailor - 08 使用 vue 获取后台 API 数据并展示

    k8sailor - 08 使用 vue 获取后台 API 数据并展示

    tag: https://github.com/tangx/k8sailor/tree/feat/08-fetch-and-display-deployments使用 Axios 请求 Deployments 数据安装 axios 客户端# 安装 axios yarn add axios 复制创建 /webapp/src/apis 目录, 用于存放所有针对 k8sailor 后端的数据请求使用 a

    日期 2023-06-12 10:48:40     
  • Vue前后端页面下载功能实现演示,Python+flask提供后台下载服务

    Vue前后端页面下载功能实现演示,Python+flask提供后台下载服务

    Vue前后端页面下载功能实现效果图后台下载服务实现前台简单实现[ 文章推荐 ] Python 地图篇 - 使用 pyecharts 绘制世界地图、中国地图、省级地图、市级地图实例详解效果图首先看下演示效果。 点文档的话是 html 文档,跳转的预览,点下载的话是压缩包直接就进行下载了。 文档和压缩包就是我本地文件。 后台下载服务实现后台这块,我这里使用 python+flask 实现。

    日期 2023-06-12 10:48:40     
  • Vue实战狗尾草博客后台管理系统第三章

    Vue实战狗尾草博客后台管理系统第三章

    源码地址:https://github.com/18291907191/gwc_manage Vue实现狗尾草博客后台管理系统第三章 本章节,咱们开发管理系统侧边栏及面包屑功能。 先上一张效果图   样式呢,作者前端初审,关于设计上毫无美感可言,大家可根据自己情况设计更好看的哦~ 侧边栏 这里我们借助element的aslide侧边栏,直接使用。 在components>com

    日期 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+Element)

    一文带你理解vue创建一个后台管理系统流程(Vue+Element)

    我是歌谣 放弃很容易 但是坚持一定很酷 1前言 本文根据自己工作经历编写,若有不合理之处,欢迎吐槽 2定义 后台管理系统什么 对一个页面进行增删改查 是不是有点像,

    日期 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实战入门后台篇五: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     
  • Vue3+elementplus搭建通用管理系统实例六:后台主页搭建下

    Vue3+elementplus搭建通用管理系统实例六:后台主页搭建下

    一、本章内容   实现后台主页工具栏处理逻辑实现、个人信息相关处理、修改密码功能实现、退出功能实现、工作台界面实现等,完整课程地址 源码下载地址:点击下载 二、效果预览

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

    vue后台(三)

    一,在品牌展示页,点击修改按钮跳转到添加属性值的页,可以修改属性名称和属性值, <el-table-column prop="prop" label="操作" width="150"> <template slot-scope="{row,$index}"> <HintButton icon="el-icon-

    日期 2023-06-12 10:48:40     
  • SpringBoot+Vue前端Http调用后台封装POI接口导出EXCEL

    SpringBoot+Vue前端Http调用后台封装POI接口导出EXCEL

    本文侧重描述VUE前端 一、后端封装POI接口 二、VUE Http调用后端 this.$myHttp({ url: this.prefix +'/project/****List/exportView', data: dataParams, method:'post&

    日期 2023-06-12 10:48:40     
  • vue+element 构建的后台管理系统项目(1)新建项目

    vue+element 构建的后台管理系统项目(1)新建项目

    1.运行 vue init webpack demo   这里的demo是你项目的名字 2.npm run dev  查看项目启动效果   3.安装Element  cd 项目 cmd  运行 npm i element-ui -S 4.在main.js  引入element // The Vue build version to

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

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

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

    日期 2023-06-12 10:48:40     
  • vue跨界域名报错,后台解决方法(未实测,仅供参考)

    vue跨界域名报错,后台解决方法(未实测,仅供参考)

    package com.foen.framework.config; import javax.servlet.*; import com.foen.common.utils.StringUtils; import org.springframework.context.annotation.Bean; import org.springframework.context.annotatio

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