2 蜗牛蜗牛大哥

尚未进行身份认证

我要认证

年轻就是要醒着拼。

等级
TA的排名 43w+

vue实现电商后台管理系统---(2)登录退出功能

最终的界面结果截图:实现步骤与思路:一、登录功能:(1)在components文件夹下创建一个Login.vue的组件,在路由文件(index.js)中导入登录页组件:import Home from '../components/Home.vue',并且给根组件(App.vue)添加一个路由占位符<router-view></router-view>,在路由文件中添加路由规则{ path: '/login', component: Login }。(2)编写结构和样式以及

2020-07-27 22:31:28

vue实现电商后台管理系统---(1)项目初始化

这个电商管理系统采用了前后端分离的开发模式,前端是基于Vue技术栈的SPA项目。(1)这个电商后台管理系统的功能结构图如下:(2)所用到的技术:1).前端项目的技术:VueVue-routerElement-UIAxiosEcharts2).后端项目的技术:Node.jsExpressJwtMysqlSequelize(3)前端项目初始化使用vue脚手架利用图形化界面的方式进行创建一个项目(shop_management_system):首先确保已经安装好了脚手架

2020-07-24 22:16:22

Webpack配置vue组件的加载器(vue-loader)报错解决

首先介绍一下如何使用webpack来配置vue组件。第一步:在终端运行npm i vue-loader vue-template-compiler -D,安装处理vue组件的加载器,其中vue-template-compiler -D是vue-loader的内置依赖项。第二步:在项目的webpack.config.js文件中添加vue-loader的配置:①首先需要导入vue组件插件:const VueLoaderPlugin = require('vue-loader/lib/plugin.j

2020-07-22 09:46:26

node.js通过babel体验ES6模块化

步骤如下:第一步:npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node第二步:npm install --save @babel/polyfill第三步:在项目根目录创建一个文件babel.config.js,里面代码内容为:const presets = [ ["@babel/env", { targets: { edge: "17",

2020-07-17 12:10:26

用vue路由实现简单的编程式导航

这个案例主要是用来复习vue-router的知识点,涉及到了路由的基本使用方法、路由重定向、动态路由分配及传递参数、路由编程式导航等知识点。实现的思路:首先定义一个App的根组件,然后将模板渲染到这个组件中,新建一个路由实例对象router,创建路由规则将这个模板渲染出来。然后定义5个组件:用户管理组件(Users)、权限管理组件(Rights)、商品管理组件(Goods)、订单管理组件(Orders)、系统设置组件(Settings),并在根组件中添加这5个组件的路由链接和路由占位符,在路由实例对象

2020-07-15 17:16:24

vue组件化实现购物车案例

这个案例主要是对组件化知识的应用,如何注册组件、父子组件间相互传递数据等有了一个实践。案例一共分为三个组件,分别为标题组件、列表组件、结算组件。首先是写一个静态页面,然后根据静态页面来进行组件化划分。如下图所示:标题组件:通过父组件向子组件传递数据的方式,在父组件定义数据,然后将用户的动态名传递给子组件,在子组件中通过props属性来接收数据。列表组件:实现的功能主要有三个:①渲染价格功能:也是通过父组件向子组件传递数据,将父组件中的list数据中的price渲染到列表中;②删除商品

2020-07-11 12:59:32

手动安装vue测试工具vue.js devtools

首先在vue官方文档中点击导航栏“生态系统”中的工具的“Devtools”,然后跳转到https://github.com/vuejs/vue-devtools,根据步骤来进行安装插件。遇到的问题1:yarn没有安装,解决方法在上一篇博客已经提到。遇到的问题2:在第三步安装时,一直处于waiting状态(截图忘记截啦),尝试通过yarn config set registry 'https://registry.npm.taobao.org更换淘宝源还是无果,最终使用cnpm install安装所需要

2020-07-07 00:13:06

解决安装yarn遇到网络连接问题

今天在安装vue调试工具时,发现自己没有安装yarn,然后就遇到了网络连接的问题。node和npm版本如下:问题显示:解决方法:将代理置为null:npm config set proxy null

2020-07-03 17:18:19

使用vue实现简单的图书管理

这个小案例巩固了vue的基础知识,主要涉及了各种指令的操作,自定义指令、生命周期、侦听器、过滤器、计算属性等的实践。完成的功能有对图书的增删改和统计图书的总量。功能介绍:添加图书:输入编号和名称点击提交按钮即可添加图书,这里在名称表单中有一个监听器(name),如果名称相同提交按钮就失效,主要是使用数组的push()方法;修改图书:点击修改按钮将图书的信息填充到表单中,但是编号不能修改,使用disabled=‘true’来使其失效,然后修改名称之后再点击提交进行修改。将数据填充到表单使用数组的fil

2020-07-02 17:55:32

JQuery的常用知识总结

JQuery的常用知识总结一级目录二级目录三级目录一级目录二级目录三级目录(一)jQuery是什么?        jQuery是一个轻量级的JavaScript库,里面封装了许多JS函数,它的设计宗旨是“write Less,do More”。(二)jQuery的使用:  &nbsp...

2020-04-28 22:24:47

JQuery实现todolist案例

哈哈哈

2020-04-26 17:23:00

tab栏切换案例

总结一下最近学的js高级之面向对象写的一个小小案例。案例中包括几个功能:①. 切换功能:点击头部切换到相应的内容;②. 添加功能:点击“+”号添加导航栏里的导航条及相应的内容;③. 删除功能:点击导航条中的小×删除相应的内容;④. 修改功能:双击导航栏或者内容都可以修改内容,鼠标离开或者按下Enter键修改内容成功;话不多说,看看功能效果:...

2020-03-06 11:53:39

JavaScript基础(一)

JavaScript基础(1)什么是JavaScript?JavaScript 简称JS,它是一门脚本语言、解释性语言、动态类型的语言、基于对象的语言,弱类型的语言。脚本语言:不需要编译就可以直接运行解释性语言:遇到一行代码就解释一行代码弱类型的语言:声明变量时都用var(2)JavaScript分为三个部分ECMAScript标准:JS的基本语法DOM:文档对象模型,用于操...

2019-11-06 19:07:21

HTML知识重拾

HTML知识重拾本文的主要内容是作者对HTML知识的复习记录,知识不齐全,只是对知识点的查漏补缺。顾名思义,HTML(HyperText Markup Language)的全称是超文本标记语言,不是一种编程语言(通过编译才可以运行)。HTML是通过网页浏览器来进行浏览的,这里就要补充一下**“渲染引擎”**,它是浏览器的内核,是兼容性问题出现的根本原因。关于HTML的几个网络术语...

2019-11-02 20:00:41
勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。