- 博客(8)
- 收藏
- 关注
原创 电商平台数据可视化实时监控系统
电商平台数据可视化实时监控系统项目基础代码商家销售统计柱状图地区销量排行柱状图商家地图分布热销商品占比饼图库存和销量分析销量趋势折线图总结项目主要功能展示商家销售统计柱状图、地区销量排行柱状图、商家地图分布、热销商品占比饼图、 库存和销量分析、销量趋势折线图。通过Echarts插件来完成图表渲染。项目基础代码data(){ return{ chartInstance: null,//初始化init allData:null,
2021-06-06 22:59:53
3912
4
原创 正则验证
Vue中使用到的正则验证正则验证邮箱,手机号,身份证,IP,MAC,微信号等正则验证export const validater = { /** * 校验 包括中文字、英文字母、数字和下划线 * 登录账号校验 */ validateAccount(rule, value, callback) { let acount = /^(?!_)(?!.*?_$)[a-zA-Z0-9_\u4e00-\u9fa5]+$/ if (value && (
2021-05-22 13:50:32
239
原创 Vue的登录组件和注册组件的封装
Vue登录组件和注册组件的封装登录组件vueX中定义user模板来保存登录状态注册组件用到了Element-UI,Vuex,Axios等相关知识登录组件<template> <div class="Login"> <div class="login-box"> <el-form :model="loginForm" :rules="loginRule" ref="loginRef" label-width="1
2021-05-22 13:38:04
1536
原创 基于Vue的Better-Scroll组件封装
基于Vue的Better-Scroll组件封装介绍:在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了,可以是竖向滚动的列表,也可以是横向的,用better-scroll可以帮助我们实现这个。Scroll组件Better-Scroll<template> <div class="wrapper" ref="wrapper"> <div class="content"> <slot><
2021-05-12 21:50:44
364
原创 Vue返回顶部按钮组件封装
Vue返回顶部按钮组件封装BackTo 组件的template部分<template> <div class="BackTo"> <van-icon name="upgrade" size="30px" color="orange"/> </div></template><script>export default { name: "BackTo",}</script&g
2021-05-12 21:26:24
320
原创 Vue.js数组高阶函数
Vue.js数组高阶函数1.forEach(遍历)forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。(没有返回值,将数组遍历)注意: forEach() 不会对空数组进行检测。注意: forEach() 原则上不会改变原始数组。参数:function(currentValue、index、arr)thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。如果省略了 thisValue ,“this” 的值为 “undefined”。回调函
2021-05-12 20:56:42
410
原创 电商后台管理系统
电商后台管理系统功能模块前端技术栈项目初始化安装vue-cli脚手架安装Vue Route路由安装Axios安装Echarts项目结构登录组件templatescriptCSShome组件Welcome组件User组件User--templateUser--scriptUser--CSS功能模块具体实现管理用户账号,即登录、退出、用户管理、权限管理等,商品管理,即商品分类、分类参数、商品信息,订单信息等以及数据统计。前端技术栈VueVue RouterElement-UI AxiosEch
2021-05-07 08:28:24
2149
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人