电商后台管理系统技术总结(黑马)[通俗易懂]

电商后台管理系统技术总结(黑马)[通俗易懂]一. 项目介绍此项目主要是一个电商的后台管理系统,主要是由六个大的模块组成分别为开发过程中使用Vuecil4脚手架进行开发,然后主要通过elementUI美化项目结构,使用码云作为Git管理仓库,对应的API文档,采用express搭建的API服务,返回的数据是JSON格式的数据二.项目依赖Vue+VueRouter+Element-UI和Axios以及Echarts:三.各页面总结1.登录和退出(axios引入、拦截器、导航守卫)登录:获取用户表单信息,主要使

大家好,又见面了,我是你们的朋友全栈君。

一. 项目介绍

此项目主要是一个电商的后台管理系统,主要是由六个大的模块组成分别为
在这里插入图片描述

开发过程中使用 Vue cil4 脚手架进行开发,然后主要通过 elementUI 美化项目结构,使用码云作为 Git 管理仓库,对应的 API 文档,采用 express 搭建的 API 服务,返回的数据是 JSON 格式的数据

二.项目依赖

Vue+VueRouter+Element-UI和Axios以及Echarts:

三.各页面总结

1.登录和退出(axios引入、拦截器、导航守卫)

登录:获取用户表单信息,主要使用了element的input验证和axios请求来完成登录项目,提交后给后端接口验证,如果匹配则返回一个token,使用cookie存储,再根据token去拉取用户信息接口获取信息,登录成功后,跳转至主页面。当请求登录时,验证数据正确的话,服务器会返回一个token给登陆页,需要把他放到请求头里,在每次请求时里面都带着token
axios引入:通过
具体代码如下:
在这里插入图片描述

axios拦截器:这里使用request拦截器是为了在每个请求头塞入token,好让后端对请求进行权限验证,response拦截器。
具体代码如下:
在这里插入图片描述

导航守卫:有组件需要登录才能展示,这个练习项目中,是先登录才能展示其他页面,不登录无法展示页面,所以有一个全局的导航守卫。这里注册一个全局前置守卫,当一个导航触发时,全局前置守卫按照创建顺序调用。
具体代码如下:
在这里插入图片描述

2.Home页面

1…动态侧边栏和面包屑(this.$router.options.routes,meta路由元的使用)

、、后续慢慢更新啦

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/140884.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 【Mybatis框架】输出映射resultType与resultMap

    【Mybatis框架】输出映射resultType与resultMap如果你搜索只是返回一个值,比如说String ,或者是int,那你直接用resultType就行了。但是你如果是返回一个复杂的对象,就必须定义好这个对象的resultMap的result map。如果你搜索只是返回一个值,比如说String ,或者是int,那你直接用resultType就行了。但是你如果是返回一个复杂的对象,就必须定义好这个对象的resultMap的result …

  • java获取当前时间到毫秒_java获取当前时间毫秒

    java获取当前时间到毫秒_java获取当前时间毫秒()为获取当前系统时间,也可使用当前时间戳获取时间戳三种方法执行效率比较:importjava.util.Calendar;importjava.util.Date;publicclassTimeTest{……java获得系统时间转换成字符串关键字:java有时候经常用到JAVA时间转换如字符串转换成时间,时间转换成字符串1.long字符串转换成…

  • Java中的cas(this关键字java)

    在JDK5之前Java语言是靠synchronized关键字保证同步的,这会导致有锁锁机制存在以下问题:(1)在多线程竞争下,加锁、释放锁会导致比较多的上下文切换和调度延时,引起性能问题。(2)一个线程持有锁会导致其它所有需要此锁的线程挂起。(3)如果一个优先级高的线程等待一个优先级低的线程释放锁会导致优先级倒置,引起性能风险。volatile是不错的机制

  • 数据结构与算法栈的详解_数据结构怎么判断出栈的顺序

    数据结构与算法栈的详解_数据结构怎么判断出栈的顺序一、什么是栈栈(stack)是一种先进后出的有序列表,其中的元素只能在线性表的同一端进出,允许元素插入和删除的一端被称为栈顶(top),固定的另一端被称为栈底(button)。二、数组简单实现栈

  • HTTP 请求 报错信息406「建议收藏」

    背景:和APP(安卓)联调时,APP请求获取数据时提示406错误解决过程:在网上寻找资料(以前没遇到过),一一排除,最终解决(浪费蛮多时间所以记录下来,等待有缘人)。星空的阿斯的这篇博客https://blog.csdn.net/xingkongdeasi/article/details/799…

  • js将时间戳转化为年月日时分秒_时间戳转换成日期

    js将时间戳转化为年月日时分秒_时间戳转换成日期/***时间戳转化为年月日时分秒*@param{*}number传入时间戳*@param{*}format返回格式,支持自定义,但参数必须与formateArr里保持一致*@returns*/exportconstformatTime=(number,format)=>{letformateArr=[‘Y’,’M’…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号