![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 83
前端笔记整理
Miracle5220
这个作者很懒,什么都没留下…
展开
-
分页组件、上传组件、文件分片
分页组件、上传组件、文件分片原创 2022-08-22 21:27:52 · 364 阅读 · 1 评论 -
b站尚品汇学习笔记
组件显示与隐藏法1.可以根据组件身上的$route获取当前路由信息,通过路由路径判断组件显示与隐藏。法2.给路由添加路由原信息【meta】(一般都用这个)//router里 index.js{ path: '/search', component: Search, meta: {show: true} }, { path: '/login', component: Login, meta: {show: false} } //APP.原创 2022-05-13 21:28:47 · 738 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(十)
项目优化与部署上线(优化)项目优化项目优化的策略生成打包报告第三方库启用CDNElement UI组件按需加载路由懒加载首页内容定制1 优化——通过nprogress添加进度条效果npm install --save nprogress在main.js进行导入与配置// 导入 NProgress 包对应的JS和CSSimport NProgress from 'nprogress'import 'nprogress/nprogress.css'import axios f原创 2020-12-07 17:03:13 · 243 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(九)
数据统计篇数据统计创建分支git checkout -b reportgit push -u origin report1 通过路由加载数据报表组件//components下建 report 文件夹,下建Report.vue//index.js(router)import Report from '@/components/report/Report'{ path: '/reports', component: Report }2 安装Echarts并渲染Demo表图3 获取折线原创 2020-12-07 00:30:40 · 127 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(八)
订单管理篇订单管理创建分支git checkout -b ordergit push -u origin order1 通过路由渲染订单列表页面//components下建 order文件夹,下建Order.vue//index.js(router)import Order from '@/components/order/Order'{ path: '/orders', component: Order }2 根据分页获取订单数据列表3 渲染订单table表格4 实现分页功能原创 2020-12-06 20:44:39 · 126 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(七)
商品列表篇商品列表创建分支git checkout -b goods_listgit push -u origin goods_list1 通过路由加载商品列表组件//goods下建List.vue//index.js(router)import List from '@/components/goods/List'{ path: '/goods', component: List }2 渲染商品列表数据 <!-- 面包屑导航区 --> <el-b原创 2020-12-06 18:04:38 · 145 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(六)
分类参数篇创建分支git checkout -b goods_paramsgit push -u origin goods_params1 通过路由加载分类参数组件页面//goods下建Params.vue//index.js(router)import Params from '../components/goods/Params'{ path: '/params', component: Params }2 渲染分类参数页面的基本UI结构//Params.vue//<!原创 2020-12-05 17:43:25 · 296 阅读 · 2 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(五)
商品分类篇商品分类新建分支git branch # (master)git checkout -b goods_categit branch # (goods_cate)git push -u origin goods_cate1 通过路由加载商品分类组件//components文件夹下新建 goods 文件夹,下建 Cate.vue//index.js(router)import Cate from '../components/goods/Cate'{ path: '/ca原创 2020-12-02 22:26:10 · 147 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(四)
权限列表权限列表创建新分支 rights 并push到远程仓库1 通过路由展示权限列表组件components下建power文件夹,下建 Rights.vue//index.js(router)import Rights from '../components/power/Rights';{ path: '/rights', component: Rights } //home 的 children2 绘制面包屑和卡片视图 <!-- 面包屑导航区 --> <原创 2020-12-02 00:28:09 · 170 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(三)
1原创 2020-11-30 17:01:41 · 159 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(二)
主页布局主页布局3.1 实现基本的主页布局//Home.vue<template> <el-container class="home_container"> <!-- 头部区 --> <el-header>Header <el-button type="info" @click="logout">退出</el-button></el-header> <!-- 页面主题区--&原创 2020-11-29 18:09:27 · 203 阅读 · 0 评论 -
2020 零基础到快速开发 Vue全家桶开发电商管理系统(一)
项目概述篇项目概述1 电商项目基本业务概述根据不同的应用场景,电商系统一般都提供了PC端、移动APP、移动Web、微信小程序等多种终端访问方式,我们主要是做关于PC后台管理方面2 电商后台管理系统的功能电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能3 电商后台管理系统的开发模式(前后端分离)电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于Vue技术栈的SPA项目。4 电商后台管理系统的技术选型① 前端项目技术栈:VueVue-rou原创 2020-11-29 14:33:59 · 327 阅读 · 1 评论 -
HTML知识
HTML5学习学习路径:HTML 20%CSS3 50%H5C3 10%包括新增的标签软件:VSCode安装插件:Chinese(Simplified) languageopen in browserAuto Rename Tagctrl+n新建ctrl+s保存shift+alt+f 自动格式ctrl+/ 注释或取消注释(单行)alt+shift+A块注释各种网页编程语言的功能结构 网页元素整理分类HTML表现 版式,颜色 大小CSS行为 网页交互的编写后端 JS原创 2020-11-09 00:14:29 · 345 阅读 · 0 评论