![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3+Element-Plus 前端开发
文章平均质量分 83
本专栏是用于个人学习入门Vue前端视频,顺便做笔记方便后续学习查看和加深记忆。各位不喜勿喷。学习视频来源B站 https://www.bilibili.com/video/BV1x64y1S7S7?p=1
小丫头呀
想要变优秀,顺其自然是不可能的,你需要做很多,花很多时间,然后努力并且坚持。
展开
-
Vue3+Element-Plus 发起请求提交用户数据的功能 三九
1. 用户数据提交前的数据预验证1.1 在进行数据提交之前,应该先调用一个函数,进行表单数据的预验证。通过之后才能真正把数据提交到后台1.2 首先给 确定 按钮绑定一个事件处理函数1.3 接着,在methods 节点实现该事件处理函数在该函数中,先获取表单的数据,进行表单数据预校验。 在校验通过后,再真正把数据提交到后台进行保存 数据提交完成后,关闭对话,并且调用获取数据的方法,重新展示刷新表单数据1.3.1 进行表单数据预校验。在进行预校验之前,也是需要获取到该表单的引用对原创 2022-01-13 20:06:06 · 3927 阅读 · 2 评论 -
Vue3+Element-Plus 实现添加用户表单中重置功能 三八
1.例如,我们希望在添加用户的表单过程中,当有验证失败的信息或者有填写了一半的数据的时候关闭了表单。再次重新打开需要让表单重置数据1.1 如图,重新打开表单时,原有的数据还处于保留的状态2. 实现表单重置思路2.1 如果需要让对Dialog (对话框)关闭的时候,重置表单的数据,实现其实很简单。只需要在Dialog 关闭时,监听Dialog 的关闭事件。 然后在关闭事件中,调用重置的方法,实现重置表单数据Dialog 使用及属性介绍Vue3+Element-Plus 实现.原创 2022-01-10 20:35:58 · 3054 阅读 · 0 评论 -
Vue3+Element-Plus 实现添加用户表单中自定义验证规则的功能 三七
1.使用自定义验证规则场景:当表单中,需要对个别输入项进行自定义验证规则时,例如,手机号、邮箱验证2. 如何自定义校验规则2.1 例:手机号需要自定义校验规则。首先,在Data 数据区定义一个手机号的自定义校验规则的变量,该变量是一个箭头函数。这个变量就称做用户的自定义校验规则。该箭头函数包含三个形参第一个参数表示校验规则 第二个参数表示需要验证的值 第三个参数是一个callback 回调函数,当验证通过时,需要在箭头函数中调用callback 回调函数,表示当前验证通过。否则,.原创 2022-01-07 20:58:23 · 10158 阅读 · 5 评论 -
Vue3+Element-Plus 实现添加用户功能 三六
1. 功能示例:点击添加用户按钮时,弹出添加用户的对话框2. 使用到的组件 Dialog 对话框组件Element Plus (gitee.io) Form 表单2.1 使用步骤2.1.0 在element.js 中导入该组件2.1.1 组件页面中使用,例如官网复制的一个基本的Dialog 结构。 <el-dialog v-model="dialogVisible" title="Tips" width="30%" :bef...原创 2022-01-05 22:57:53 · 3100 阅读 · 9 评论 -
Vue3+Element-Plus 实现表单中搜索功能 三五
1. 当用户在表单搜索框中,输入要搜索的用户名,点击搜索按钮后,查找到相对应的用户数据2. 实现搜索功能的步骤2.1 首先,使用v-model 指令,将文本输入框的数据与 data 中的数据做双向绑定2.2 其次,为搜索按钮绑定单击事件,并调用事件函数。只要点击按钮,就发起一次查询请求。2.2 接着,优化文本输入框,在文本框尾部添加清除功能,当用户点击清除后,文本框数据被重置(清空),同时触发一个事件,查询出所有的账户信息。通过Input 事件,给当前文本框架...原创 2021-12-27 21:35:02 · 16046 阅读 · 8 评论 -
Vue3+Element-Plus 实现表单中用户状态修改同步到数据库的功能 三四
1. 把表单用户状态的修改同步到数据库中保存2. 实现步骤2.1 首先,监听el-switch 开关状态的改变,从而获取到最新的状态2.1.1 如何监听 el-switch 开关状态的改变通过 Events (事件)进行监听,当 switch 状态发生变化时,会调用 change 事件,在 chagne 回调函数中,会返回 switch 开关最新的状态值Switch 开关 | Element Plus (gitee.io)https://element-plus.gitee....原创 2021-12-26 21:18:45 · 4351 阅读 · 0 评论 -
Vue3+Element-Plus 实现表单中数据分页的效果 三三
最终效果:1. 使用的组件Pagination 分页组件<el-pagination v-model:currentPage="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400" @size-change="handleSizeChange" @current..原创 2021-12-23 23:14:03 · 14428 阅读 · 15 评论 -
Vue3+Element-Plus 实现在表单中自定义操作按钮 三二
1. 实现效果分析需求1. 首先操作列并不对应任何的数据结构,所以想要实现在列表中操作列增加按钮来实现编辑或者删除,必须要拿到对应的Id,才能进行数据操作。2. 所以要拿到对应的Id,必须通过使用作用域插槽来实现操作列的渲染2. 实现步骤2.1 定义作用域插槽步骤定义template 结构,在template 结构中定义v-slot="scope" 并定义一个scope接收 通过 scope.row 获取到当行前的数据 例如: 如下图,通过作用域的方式取到当...原创 2021-12-21 22:36:51 · 11274 阅读 · 0 评论 -
Vue3+Element-Plus 实现用户列表页面的UI结构及动态加载表单功能 三一
1. 用户列表组件UI结构的组成1.1 头部是一个面包屑(Breadcrumb)导航区域1.2 白色区域是一个卡片(Card)视图1.3 卡片 (Card)视图中嵌套了输入框(Input )、按钮(Button)、表单(Form)、分页(Pagination )Breadcrumb 面包屑 | Element Plus (gitee.io)https://element-plus.gitee.io/zh-CN/component/breadcrumb.html2. 用户列表组件实..原创 2021-12-20 22:01:29 · 6975 阅读 · 0 评论 -
Vue3+Element-Plus 实现点击左侧菜单列表时高亮状态保持的功能 三十
1.实现的效果2.实现高亮状态保持的原理2.1 结合官网Menu 菜单项里面有一个属性 default-activedefault-active 默认激活菜单的 index。并且该属性接收的值是 string 类型小知识default-active 属性的作用就是说,如果点击左侧菜单列表的某一项时,需要给当前点击选中的菜单列表呈现出激活高亮的状态,那么就需要把当前点击选择的菜单项index 值赋给这个属性。由于index 类型是string, 所以我们可以...原创 2021-12-16 22:27:59 · 7571 阅读 · 4 评论 -
Vue3+Element-Plus 实现点击左侧菜单时显示不同内容组件展示在Main区域功能 二九
1.本章目标1.1 点击不同的菜单列表,可以在右侧 (Main) 主体区域显示不同的组件页面2. 如何实现2.1 通过将左侧菜单列表改造成路由链接的形式来实现1. 首先应该为 Menu (菜单)启用vue-router 模式 (路由模式),默认是falseMenu 菜单 | Element Plus (gitee.io)https://element-plus.gitee.io/zh-CN/component/menu.html#menu-%E5%B1%9E%E6%8...原创 2021-12-14 22:45:26 · 17839 阅读 · 4 评论 -
Vue3+Element-Plus 实现首页Main区域内容展示功能 二八
1.实现的原理1.1 用户登录成功后,默认展示出来的是home 组件,如需要在用户进入首页后,需要展示出一个欢迎(Welcome)页面,显示在(Main)主体区域。需要展示的欢迎组件是通过设置子路由规则,使用重定向(redirect) 来实现2. 如何实现2.1 首先,应定义一个欢迎(Welcome)组件2.2 其次,欢迎(Welcome)组件定义好后,需要在(Main)内容主体区域定义一个路由占位符,用来展示(Welcome) 组件2.3 最后,在路由规则设置中,..原创 2021-12-13 22:17:08 · 6815 阅读 · 0 评论 -
Vue3+Element-Plus 实现左侧菜单折叠与展开功能 二七
1.最终实现的效果图2. 实现左侧菜单折叠与展开功能步骤2.1 首先应该在菜单顶部放一个折叠展开的按钮条2.2 接下来,画UI结构1. 在侧边栏内部,在侧边栏菜单区域之前,放置一个DIV。2. 在该DIV上面添加文本,然后通过点击该DIV,实现菜单折叠与展开功能3.通过类选择器,为该DIV 添加相关样式.toggle-button{ // 添加背景颜色 background-color: #4A5064; // 设置文本大小 font-size...原创 2021-12-10 22:04:03 · 20783 阅读 · 19 评论 -
Vue3+Element-Plus 主页Aside(左侧)菜单美化 二六
1. 左侧菜单美化目的2.如何更改选中的字体颜色2.1 根据文档需求或UI配色需求,需要更改选中的字体颜色1.找到最外层菜单项 el-menu ,该菜单项有一个属性active-text-color,它的意思是激活的文件颜色。只需要按照要求,把十六进制的颜色值填上即可。1.1 取色器下载和使用方法(45条消息) Vue3+Element-Plus 主页布局功能功能开发 二二_码侬人生-CSDN博客https://blog.csdn.net/weixin_39237340/arti..原创 2021-12-08 22:46:15 · 15411 阅读 · 0 评论 -
Vue3+Element-Plus 动态加载主页Aside(左侧)菜单数据 二五
1. 通过接口动态获取左侧菜单数据1.1 获取接口前的注意事项1. 按照接口文档要求,除了登录接口外,需要授权的API必须要在请求头中使用Authorization 字段提供 token 令牌意思是说,访问接口必须得到服务器授权才能正常调用。2. 如何获取服务器的授权认证。前面章节已经讲过,登录成功后。服务器端会返回一个登录成功后的( token)令牌,这个token 令牌就是权限认证的字段 (Authorization) 所以在请求一些授权API时,必须在请求头中使用(...原创 2021-12-06 23:06:19 · 5252 阅读 · 3 评论 -
Vue3+Element-Plus 主页Aside布局设计 二四
1.左侧菜单布局设计效果2. 左侧菜单布局分析菜单分为两级,并且有折叠效果3.用到的菜单组件(Meun)介绍 Menu 菜单 | Element Plus (gitee.io)el-menu 整个左侧菜单最外层必须使用menu 包裹着 el-submenu 一级菜单组件 el-icon 菜单图标项 span 菜单的文本 el-menu-item 二级菜单组件 <!-- 侧边栏菜单区域 --> <el-men...原创 2021-12-05 00:49:14 · 6904 阅读 · 1 评论 -
Vue3+Element-Plus 主页Header布局设计 二三
1. Header 布局最终设计效果2. 布局分析3. 如何实现左右布局的方式3.1 Flex 布局方式左侧由一个大 DIV 组成,DIV 里面包含图片和文字 右侧直接摆放一个按钮3.2 代码实现<!-- 头部区域 --> <el-header> <div> <img src="../assets/heima.png" alt=""> <span&g..原创 2021-12-02 22:56:27 · 10277 阅读 · 0 评论 -
Vue3+Element-Plus 主页布局功能功能开发 二二
1.最终布局效果2. 布局分析:先上下划分,再左右划分3. 整个主页布局需要使用到element-plus 里面的一些布局组件 ,分别是:<el-container>:外层容器。当子元素中包含<el-header>或<el-footer>时,全部子元素会垂直上下排列,否则会水平左右排列。 <el-header>:顶栏容器。 <el-aside>:侧边栏容器。 <el-main>:主要区域容器。C...原创 2021-12-01 23:52:49 · 16642 阅读 · 6 评论 -
Vue3+Element-Plus 提交登录代码到Gitee仓库 二一
1. 前面章节讲过,每实现一个功能。先创建一个新分支。功能完成后,再把当前分支合并到主分支。Vue3+Element-Plus 项目初始化三_码侬人生-CSDN博客https://blog.csdn.net/weixin_39237340/article/details/1211321542. 经过前面几十章的讲解,目前登录功能已经实现。接下来需要把代码提交到本地仓库中并把本地仓库同步到远程(码云)仓库中...原创 2021-11-30 22:43:58 · 994 阅读 · 0 评论 -
Vue3+Element-Plus 优化组件按需导入形式 二十
1.element.js 按需导入形式优化1.1 没有优化前 elment.js 文件1.2 其实如果按照EsLint 配置了vs code 环境后,上面的写法编译是报错的,就是不通过的。VS Code + ESLint 自动格式化和快捷键配置_码侬人生-CSDN博客https://blog.csdn.net/weixin_39237340/article/details/1212390251.3 点击Ctrl+S保存后,会自动格式化成以下的形式。这个就是代化后的 elment.j...原创 2021-11-30 20:48:29 · 1498 阅读 · 0 评论 -
Vue3+Element-Plus 处理项目中语法警告问题 十九
1.使用 vs code 保护后自动格式化处理参考VS Code + ESLint 自动格式化和快捷键配置_码侬人生-CSDN博客https://blog.csdn.net/weixin_39237340/article/details/1212390252.为项目添加配置文件,自动格式化代码2.1 使用cmd 进入项目根目录2.2 运行vue ui 打开项目,打开任务面板,点击serve,如果警告数量不为0。如图,警告数量为0,是因为使用步骤1,自动格式化代码,符合EsLint 语法,原创 2021-11-29 22:43:31 · 2707 阅读 · 0 评论 -
VS Code + ESLint 自动格式化和快捷键配置
1.准备插件EsLintVetur2.配置保存代码文件自动化格式打开项目代码,点文件,选择首选项,点击设置切换成JSON模式添加如下内容{ "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.validate": ["javascript", "vue", "html"]}修改后图片此时,当你手动在保存 js、vue、html 代码文件...翻译 2021-11-09 23:23:36 · 3317 阅读 · 0 评论 -
Vue3+Element-Plus 登录成功后主页退出功能实现 十八
1. 退出功能的实现1.1 退出功能实现的原理㈠ 如果是基于token的方式记录用户的登录信息,那么实现退出功能,只需要销毁保存在本地的token 即可。这样用户后续的请求就不会携带token,必须重新登录生成一个新的token之后才可以访问页面㈡ 实现核心代码//清空tokenwindow.sessionStoragge.clear()//使用编程式导航跳转到登录页面this.$router.push('/login')㈢ Home.vue页面实现<tem...原创 2021-11-27 21:51:47 · 1962 阅读 · 0 评论 -
Vue3+Element-Plus 登录页面访问权限控制功能实现十七
1. 路由导航守卫控制页面访问权限1.1 为什么需要路由导航守卫控制页面访问权限㈠ 对于一些有权限的页面,只有在登录的情况下才允许访问。防止用户在未登录的状态下,直接通过页面URL进行访问。这种行为是不允许存在的。㈡ 根据token来判断用户是否登录,如果用户未登录,访问有权限的URL时,强制跳转登录页面。㈢ 如何实现强制跳转,就需要使用到路由导航守卫。1.2 什么是路由导航守卫控制权限㈠ beforeEach 就是路由导航守卫㈡ 如何添加路由导航守卫在路由组件中,为路由.原创 2021-11-25 22:11:45 · 2915 阅读 · 5 评论 -
Vue3+Element-Plus 登录功能实现成功后的行为 十六
1.登录成功之后的行为1.1 如何将登录成功后服务器分配给用户的token 保存在客户端中① 为什么要保存token?项目中除了登录之外的其他API接口,必须在登录之后才能访问② 如果访问了其他接口,如何告诉该接口,当前已经是登录过了?访问该接口的时候,可以告诉它token。因为token是用户登录之后,服务器发给用户访问服务器资源的令牌或者是身份认证的信息 在访问该接口时,携带着用户自己的token.那么一定是可以成功访问服务器资源的。③ token 保存在客户端的两种方式lo..原创 2021-11-24 22:30:02 · 2704 阅读 · 0 评论 -
Vue3+Element-Plus 登录功能配置弹框提示实现十五
1.配置弹框提示1.1 如何配置Message配置弹框的目的,给用户更友好的视觉信息提示作用,而不是日志输出形式① 配置使用官网的Message组件 | Element② 打开element.js 进行导入提示框组件③ Message 配置方式和其他的稍微不同,它需要进行全局挂载。小技巧:Vue3.0 前面需要加上El例如,Vue2.0 直接写Message,Vue3.0就需要加上ElMessage再如,全局挂载方式,Vue2.0 使用prototype,...原创 2021-11-23 21:06:07 · 6135 阅读 · 0 评论 -
Vue3+Element-Plus 登录功能向服务器起发后台数据请求实现十四
1.根据验证结果,向服务器发起数据请求1.1根据预验证结果进行判断,如果结果为false,不发起请求。如果向服务器发起请求,就需要用到一个包,这个包叫 Axios ;1.2 配置Axios包打开程序入口文件 main.js ,对Axios这个包进行全局配置引入Axios 包 把这个包挂载在Vue 原型对象上 挂载的意思是,每一个组件,都可以通过this访问到 $http,从而发起ajax请求。设置接口请求根路径,根据提供的接口文档进行设置。如图接口文档根路径...原创 2021-11-22 22:30:56 · 5492 阅读 · 1 评论 -
Vue3+Element-Plus 登录功能表单预验证实现十三
1.表单预验证1.1 预验证作用① 前面章节讲了前端验证,现在又有一个预验证,是不是多此一举了呢。还真不是,前面章节的前端验证只是告诉用户,输入的不合法。但是避免不了恶意用户强制提交怎么办。这个时候预验证就派上用场了,当用户强制提交不合法的数据时,预验证会起到拦截作用。防止不合法数据提交到服务器.②③...原创 2021-11-19 21:57:24 · 2115 阅读 · 2 评论 -
Vue3+Element-Plus 登录功能表单重置实现十二
1.实现表单重置功能1.1 当点击重置按钮时,重置整个表单数据验证结果1.2 如何实现重置功能① 首先查看官方文档API,往下拉找到Form Methods方法,组件 | Element② API 提供了一个重置方法resetFields。表单重置的原理是,只要获取了表单的实例对象,就可以通过实例对象,直接访问resetFields 这个函数。从而实现对表单的重置。③ 那么,接下来。思路有了,只需要拿到表单实例对象,通过实例对象调用resetFields 就能够实现重...原创 2021-11-18 22:28:13 · 6003 阅读 · 18 评论 -
Vue3+Element-Plus 登录功能表单数据绑定十
1.表单数据绑定① 把表单区域对应的值绑定到对应的数据元上② 使用属性绑定的方式:model :model 代表数据绑定。也就是说,在这个表单里填写的所有数据都会自动同步到这个form对象上那么这个form 就是一个数据对象。这个数据对象的定义在组件的行为区域进行定义。如下,组件行为区有一个data()数据,data()数据里面有一个form。它指向一个对象,然后这个form对象就是表单绑定的对象。小技巧步骤一首先为el-form 加上:model 属性进...原创 2021-11-15 22:17:14 · 2642 阅读 · 0 评论 -
Vue3+Element-Plus 登录功能前端数据验证实现十一
1.前端表单数据验证① 当填写完用户名和密码后,只要鼠标离开文本框,就会立即对填写的数据进行合法性的校验② 为表单项添加数据验证的行为,官方文档组件 | Element首先要为el-form 组件通过属性绑定,绑定一个 :rules 的属性,它的值是表单的验证规则对象。验证规定对象 rules在数据行为区域定义数组中每一个对象,都是一个验证规则。例如:required为true表示必填 message 表示错误提示的消息 (不符合该验证规则,就提示该消息) trig...原创 2021-11-17 23:08:28 · 2421 阅读 · 3 评论 -
Vue3+Element-Plus 登录组件添加字体图标实现 九
3.3 添加字体图标1.按照页面效果,还需要给输入框添加两个图标。2. 打开官网,通过属性的方式添加Icon组件 | Element3.复制粘贴代码4.运行效果5.替换成自己想要的图标,可以直接在官网查找到自己需要的图标替换即可组件 | Element6.假如,官网中没有自己想要的图标。我们可以引入第三方图标库。假如打开阿里巴巴图标库iconfont-阿里巴巴矢量图标库先注册一个账户,搜索自己的图标,下载7.找到自己想要的图标,加入购物车...原创 2021-11-10 22:13:35 · 3298 阅读 · 10 评论 -
Vue3+Element-Plus 登录组件页面布局完善 八
3.3 登录页面的布局1.通过Element-UI 组件实现布局el-form el-form-item el-input el-button 字体图标①如图,之前也介绍过。最外面是一个el-form 表单,里面的每一行,都是一个form-item项。其中每一个输入框都是一个input组件,下面的两个按钮都属于el-button,包括输入框左则都会用到一些字体图标。② 首先打开Element-UI 官网 组件 | Element,找到Form表单。复制表单,按需复制进行修改...原创 2021-11-10 00:19:41 · 9881 阅读 · 1 评论 -
Vue3+Element-Plus 登录组件头部布局实现 七
3.3 登录组件头部布局1.头部在login_box 这个div元素里面绘制2.刷新页面,头像就已经有了。但是样式还比较不美观3.接下来,设置头像相关样式。在.login_box里面,可以放一个语法嵌套。首先给avatar_box盒子设置一个宽高 ,然后让里面img 图片的宽度等于父盒子的宽高。宽高等于100%,这样就填满了父盒子4.给图片设计一个边框5.可以看到,有这个明显的边框6.把它改成圆角,加上圆角属性7.但是圆框比图片要小一些,所以接下来...原创 2021-11-08 23:13:34 · 1935 阅读 · 0 评论 -
Vue3+Element-Plus 登录组件布局实现六
3.2 登录组件布局进入到Login.vue,添加一个类选择器,添加一个背景颜色2. 保存,看一下效果,发现运行不起来,提示需要安装less-loader 。默认cli 工具创建的并没有去安装less-loader.如果我们要去使用less相关的语法,就需要先配置好less相关的loader才行。3.安装配置less-loader。打开可视化UI 面板,选择依赖-安装依赖4.less-loader 应安装在开发依赖中,所以找到选择开发依赖,搜索less-loade...原创 2021-11-08 21:37:04 · 2418 阅读 · 0 评论 -
Vue3+Element-PIus 登录功能业务流程设计 五
3.1 登录业务流程1.登录业务流程① 在登录页面输入用户名和密码② 调用后台接口进行验证③ 通过验证之后,根据后台的响应状态跳转到项目主页2.登录业务的相关技术点① http 是无状态的② 通过 cookie 在客户端记录状态③ 通过 session 在服务端记录状态④ 通过token 方式维持状态因http是无状态的,如果想记录用户的登录状态。有两种方案㈠ 通过cookie或session进行记录㈡ 通过token 记录用户的登录状态使用两种...原创 2021-11-05 23:59:39 · 2937 阅读 · 9 评论 -
Vue3+Element-Plus 项目初始化四
2.2后端项目的环境配置安装前端项目想要正常开发,必须依靠一个后台的接口项目才行。接下来进行教我们如何配置后台的项目,从而支持我们前端项目的开发。安装mysql数据库 安装Node.js环境 (后台的接口项目依赖于Node.js才能运行) 配置项目相关信息 (安装后台项目的相关依赖包) 启动项目 使用Postman 测试后台项目接口是否正常1.安装mysql数据库㈠ mysql 数据库自行百度安装。以下是后端API接口项目以及使用到的数据库vue_shop_server...原创 2021-11-05 23:09:40 · 1303 阅读 · 3 评论 -
Vue3+Element-Plus 项目初始化三
2.1前端项目初始化步骤安装 Vue 脚手架 通过 Vue 脚手架创建项目 配置 Vue 路由 配置 Element-UI 组件库 配置 axios 库 初始化 git 远程仓库 (前端项目必须使用远程仓库代码管理) 将本地项目托管到GitHhub或码云中步骤一,安装Vue脚手架步骤二,通过Vue脚手架创建项目步骤三,配置Vue路由步骤四,配置Element-UI组件库步骤五,配置Axios库...原创 2021-11-03 22:49:34 · 2887 阅读 · 2 评论 -
Vue3+Element-Plus 项目概述二
一.前端项目技术栈Vue Vue-router (路由) Element-UI(前端UI组件库) Axios(用于发起网络数据请求) Echarts(绘制图形报表)二.后端项目技术栈Node.js Express Jwt(相当于状态保留的一种工具,类似sieeon登录记录功能) Mysql(后台数据库) Sequelize(操作数据库的一种框架)...原创 2021-11-02 23:00:26 · 1047 阅读 · 0 评论 -
Vue3+Element-Plus 项目概述一
一.目标 1.能够基于Vue初始化项目 2.能够基本Vue技术栈进行项目开发 3.能够使用Vue的第三方组件进行项目开发 4.能够说出前后端分离的开发模式二.学习目录项目概述(清楚项目是干什么的,提供了什么功能) 项目初始化 登录/退出功能 主页布局 用户管理模块 权限管理模块 分类管理模块 参数管理模块 商品管理模块 订单管理模块 数据统计模块1.1电商项目基本业务概述根据不同的应用场景,电商系统一般提供了PC端,移动APP,移...原创 2021-11-02 23:22:24 · 1727 阅读 · 0 评论