基于Vue前后端分离手机商城项目综合实训课程汇总

培训教学 潘老师 2年前 (2021-02-24) 1563 ℃ (0) 扫码查看

本片文章是潘老师针对基于Vue前后端分离手机商城项目综合实训课程的汇总,前置知识需要掌握web前端开发、Java基础、Java Web基础以及Java SSM三大框架、Mysql数据库等,下面将此次实训课程汇总如下(其中部分不足,可有待后续补充):

HTML/CSS速写神器之Emmet语法

Emmet 是高效、快速编写 HTML 和 CSS 代码的一种插件,你使用的开发HTML/CSS的编辑器如果没 […]


Vue系列入门教程(1)——初识Vue

一、学习前言 1)稳扎稳打系统学习(要求较高) 2)先用后学再理解(我们入门教程采用这一种) 二、初识Vue […]


Vue系列入门教程(2)——第一个Vue实例

一、ES6知识补充 1、速写属性 var name = "xiaoming"; var a […]


Vue系列入门教程(3)——常用指令

一、常用指令 在上一讲中,我们已经将Vue常用的指令列了出来,我们这边再说明一次: 1.v-html:绑定元素 […]


Vue系列入门教程(4)——计算属性与侦听器

一、计算属性 利用computed实现属性计算,代码案例如下: <div id="app&qu […]


Vue系列入门教程(5)——组件

一、ES6模块化 1、非模块化的缺点: 2、常见模块化标准(了解): CommonJS:Node中使用的模块化 […]

Vue系列入门教程(6)——vue-cli脚手架

一、传统工程的问题 1、兼容性问题 2、使用模块化会导致JS文件增加,从而导致传输文件数增加,增加网络IO 3 […]


Vue系列入门教程(7)——实现简单轮播图

我们现在将学习的Vue知识应用一下,去实现简单轮播图效果,下面我们来一起看一下实现过程。 一、创建项目 1、在 […]


Vue系列入门教程(9)——插槽slot

一、初识插槽 1、插槽内容官方文档:https://cn.vuejs.org/v2/guide/compone […]

Vue系列入门教程(8)——axios异步请求获取天气预报

一、前置知识 其中部分知识不必深究,了解会用即可。 二、初识axios 1、axios官网:http://ww […]

Vue系列入门教程(10)——vue-router路由之入门案例、命名路由和动态路由

一、单页应用 1、含义: 浏览器无论访问什么地址,访问的真实页面始终是index.html,vue根据不同的地 […]


Vue系列入门教程(11)——vue-router路由之编程式导航

一、初识编程式的导航 router-link是创建 a 标签来定义导航链接进行跳转,称为声明式导航,除了声明式 […]


vue-router路由拦截实现将未登录请求跳转到登录页面

我们在使用vue-router开发前端项目时,经常需要保证有些页面不需要登录就可以访问,但有些页面必须登录后才 […]

Vue系列入门教程(14)-vuex入门案例

一、安装 1、我们使用vue-cli创建一个名为vuex-app的vue项目 2、安装vuex方式有很多,我们 […]


Vue系列入门教程(15)-vuex核心内容

本文基于上一篇文章:Vue系列入门教程(14)-vuex入门案例 VueX中的核心成员列表如下: 一、stat […]

MintUI入门(1)——使用vue-cli集成Mint UI环境搭建步骤

一、初识Mint UI 1、Mint UI是由饿了么前端团队推出的一个基于 Vue.js 的移动端组件库,可以 […]

ElmentUI入门(1)——使用vue-cli集成ElementUI环境搭建步骤

一、初识ElmentUI 1、介绍 Element-UI 是饿了么前端团队推出的一款基于Vue.js 2.0 […]

vue手机商城项目实战(1)-环境搭建

学完vue后我们使用vue相关技术,来实现一个简易版手机商城的项目,第一步我们就是确定使用的技术与实现的大概功 […]


vue手机商城项目实战(2)-底部选项卡公共组件实现

本文接上文:vue手机商城项目实战(1)-环境搭建 一、index.html设计 1、public\index […]


vue手机商城项目实战(3)-首页搜索框组件实现

本文接上文:vue手机商城项目实战(2)-底部选项卡公共组件实现 一、搜索框组件实现 1、在views目录下新 […]


vue手机商城项目实战(4)-首页轮播图组件实现

本文接:vue手机商城项目实战(3)-首页搜索框组件实现 一、轮播图实现 1、下载3张图片放进assets\i […]


vue手机商城项目实战(5)-首页类型组件实现

本文接:vue手机商城项目实战(4)-首页轮播图组件实现 1、我们需要在轮播图下实现商城商品分类类型展示,主要 […]


vue手机商城项目实战(6)-首页商品列表组件实现

本文接:vue手机商城项目实战(5)-首页类型组件实现 一、素材准备 1、从网上下载一些商品图片,我这里准备了 […]


vue手机商城项目实战(7)-商品详情组件实现

本文接:vue手机商城项目实战(6)-首页商品列表组件实现 一、商品详情状态共享 1、由于商品详情是点击商品列 […]


vue手机商城项目实战(8)-路由跳转转场过渡动画效果实现

本文接:vue手机商城项目实战(7)-商品详情组件实现 我们发现在路由跳转的时候无论是点击底部选项卡,还是点击 […]


vue手机商城项目实战(9)-添加购物车功能实现

本文接:vue手机商城项目实战(8)-路由跳转转场过渡动画效果实现 我们添加购物车的操作有两个地方,一个是首页 […]


vue手机商城项目实战(10)-购物车组件实现

一、素材准备 1、在购物车中没有商品时,显示购物车为空图片,图片下载: 2、解压后上传至assets\img目 […]


提示:部分功能模块可自行练习完成

使用ElementUI实现简单的后台管理首页布局

在使用ElementUI实现后台管理首页布局是比较常见的一个需求,下面潘老师就带大家来实现简单的后台管理布局。 […]


提示:PC端潘老师只给出了布局搭建,具体的菜单表格等组件使用来实现增删改查、分页等功能,可参考ElementUI官网

Intellij IDEA下载安装步骤及永久破解的图文教程

Intellij IDEA开发工具使用起来非常方便,功能也极其强大,尤其是在使用SpringBoot做开发时, […]


IntelliJ IDEA如何整合Maven图文教程详解

现在很多Java项目都是基于SpringBoot开发的,而SpringBoot项目基本都是基于Maven创建的 […]


IDEA整合码云Gitee配置步骤及使用详解

我们在Java开发项目时,一般我们开源的项目都会托管在第三方平台,比如github,gitee等,今天潘老师带 […]


JWT是什么?有什么作用?一文帮你了解JWT!

一、什么是JWT? 1、引用官网对JWT的描述,翻译意思大概如下: JWT全称为JSON Web Token, […]


SpringBoot整合JJWT实现Token登录认证

如果你还不知道什么是JWT,可以参考文章: 我们这里用到SpringBoot整合JJWT实现Token登录认证 […]


什么是跨域?产生原因是什么,有哪些解决方案规避跨域问题?

文章目录展开 总结 在进行前端网页开发尤其是在调用接口时经常会遇到跨域问题,导致接口调用失败(浏览器端类似报错 […]


提示:至此应该已经可以尝试完成增删改查,分页等功能,潘老师没有写专门的文章来实现增删改查,后续可以补充上来,另外如果功能都使用postman测试不存在跨域问题,如果使用浏览器测试会存在跨域问题,在后面服务器部分我们会解决该问题

说明:前端代码部署在Nginx服务器,后端代码部署在Tomcat服务器(不做说明),图片资源存放在图片服务器

Nginx服务器介绍、安装与配置(Windows)

一、Nginx介绍 1、Nginx服务器官网:http://nginx.org/ 2、Nginx (engin […]


Linux系统安装与配置Nginx服务器

文章目录展开 安装方式二 Linux系统安装Nginx有常用的两种方式,一种是官网下载源码包,手工编译安装,还 […]


VSFTP服务器安装与配置详解

一、什么是VSFTP服务器 首先我们先了解下什么是FTP?FTP全称为File Transfer Protoc […]


Nginx+VSFTP搭建图片服务器流程详解

一、前期准备 1、环境准备:我这里使用的是CentOS7 64位Linux操作系统 2、安装与配置Nginx服 […]


ElementUI+SpringBoot上传图片文件至VSFTP图片服务器

一、前言说明 基于目前商城项目的开发,需要将图片上传至Nginx+VSFTP搭建的图片服务器,如果你只想了解如 […]

食觅点餐系统-前后端分离学生实训项目分析及源码分享(徐工程软嵌17)

文章目录展开 一、前言 二、项目说明 三、项目效果图展示 四、项目源码下载 五、相关使用说明 一、前言 食觅点 […]


码上书店-前后端分离学生实训项目分析及源码分享(徐工程软嵌17)

文章目录展开 一、前言 二、项目说明 三、项目效果图展示 四、项目源码下载 五、相关使用说明 一、前言 码上书 […]


就业招聘系统-vue前后端分离学生实训项目源码下载分享(徐工程软嵌17)

文章目录展开 一、前言 二、项目说明 三、项目效果图展示 四、项目源码下载 五、相关使用说明 一、前言 就业招 […]


版权声明:本站所有文章,如无特殊说明,均为本站原创。转载请务必注明文章来源,谢谢支持。
本文链接:https://www.panziye.com/teach/1898.html
喜欢 (7)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】