你将学到的
  • Vue 项目搭建
  • Vue 大型项目实战
  • Vue 生命周期
  • Vuex 使用
  • Spring Boot 构建 RESTful API
  • Vue 基础使用
  • Vue 指令
  • Less 使用
  • Vue-Router 路由
  • 前后端分离商城开发
课程内容
展开全部
  共23个章节
阶段 1 课程导学   展开
共1个章节
实验 1 全栈开发!你必须要知道的“前后端分离”

知识点: 1.为什么要前后端分离 2.前后端分离解决了哪些痛点 3.什么是前后端分离 4.前后端分离的注意事项

阶段 2 Vue 知识基础   展开
共4个章节
实验 2 Vue 指令及生命周期

知识点: 1.Vue常用指令 2.Mixin混入 3.Vue生命周期函数

实验 3 CSS 预处理工具 Less 的介绍及使用

知识点: 1.Less介绍 2.Less的各个使用方法 3.Less小实例

实验 4 Vue-Router 介绍及路由原理分析

知识点: 1.了解VueRouter 2.路由模式 3.路由原理分析 4.路由的使用

实验 5 全局状态管理插件 Vuex 介绍及使用

知识点: 1.Vuex是什么 2.Vuex解决了什么问题 3.VuexAPI介绍 4.Vuex实例

阶段 3 Spring Boot   展开
共6个章节
实验 6 Spring Boot 项目开发环境

知识点: 1.SpringBoot2版本更新介绍 2.本实验所选择的SpringBoot22版本介绍 3.JDK8 4.Maven简介 5.MySQL数据库 6.SpringBoot目录结构详解 7.SpringBoot项目启动

实验 7 Spring Boot 整合 MyBatis

知识点: 1.SpringBoot整合mybatisspringbootstarter 2.MyBatis配置 3.SpringBoot整合MyBatis进行增删改查操作

实验 8 Spring Boot 整合 Lombok

知识点: 1.Lombok介绍 2.Lombok优缺点讲解 3.SpringBoot整合Lombok 4.Lombok插件安装

实验 9 Spring Boot 整合 Swagger

知识点: 1.Swagger简介 2.SpringBoot集成Swagger 3.Swagger接口测试

实验 10 接口参数处理和统一响应结果

知识点: 1.SpringBoot处理web请求的参数类型转换 2.消息转换器HttpMessageConverter 3.楼楼商城API中参数处理的实际案例 4.结果的统一响应

实验 11 RESTful API 接口设计规范及接口调用实践

知识点: 1.RESTfulapi设计规范 2.AjaxRESTfulapi前后端交互实践

阶段 4 楼楼商城实战准备   展开
共3个章节
实验 12 API 项目启动及部署注意事项

知识点: 1.楼楼商城API源码下载及目录结构讲解 2.楼楼商城API项目启动准备事项 3.楼楼商城API项目启动及测试

实验 13 ⽤户认证模块

知识点: 1.登录功能介绍 2.楼楼商城登录流程设计 3.楼楼商城用户身份认证

实验 14 前端 H5 开发环境搭建及项目启动

知识点: 1.VueCLI初始化项目 2.引入VantUI组件库 3.二次封装Axios请求库 4.字体图标的引入

阶段 5 楼楼商城移动端开发实战   展开
共9个章节
实验 15 底部导航制作

知识点: 1.底部导航提取公共组件 2.iconfont添加导航栏字体图标 3.根据不同路由来显示隐藏底部菜单 4.公用头部提取组件 5.接口提取以及接口文档的介绍

实验 16 商城登录注册页

知识点: 1.前端鉴权方式介绍 2.前端本地存储方式 3.登录注册页面制作 4.用户中心「我的」页面制作

实验 17 商城首页制作

知识点: 1.首页排版布局 2.首页顶部搜索框 3.轮播图 4.中部分类栏目 5.新品上线、热门商品、最新推荐

实验 18 商品分类页面制作

知识点: 1.介绍betterscroll 2.betterscroll项目实践

实验 19 商品搜索列表页

知识点: 1.Vant之List列表组件 2.无限加载页面布局 3.移动端上拉加载、下拉刷新

实验 20 商品详情页

知识点: 1.Vuex全局状态管理 2.ES6语法学习

实验 21 购物车页面制作

知识点: 1.computed的运用 2.Vant之CheckboxGroup、Checkbox组件 3.Vant之表单提交组件SubmitBar

实验 22 生成订单页面制作

知识点: 1.Vant地址组件的使用 2.订单页于地址页之间的数据交互 3.地址栏列表 4.地址栏增删改查 5.省市区三级联动

实验 23 我的订单页面制作

知识点: 1.Tab顶部导航栏 2.无限滚动加载

课程介绍

楼楼商城 V2.0 是一个前后端分离的线上商城项目,技术栈为 Spring Boot 和 Vue,帮助大家具备开发和统筹一个完整项目的能力是本教程的目标,本教程将会带你进行一次 Spring Boot + Vue 全栈项目开发的开发实战,让你在实战中融会贯通当下的热门技术栈。

本次训练营会选取当下主流的技术,带你从零开始实现一个完整且纯正的前后端分离商城应用,实现前端、后端、数据库设计与开发流程,通过技术栈的详细讲解、多个功能模块的开发实践、并结合实际项目开发中的产品流程来完成这个任务。

本训练营课程共分为 5 个部分,分别是:

  • "前后端分离"概述
  • Spring Boot 技术栈基础教程
  • Vue 技术栈基础教程
  • 商城后端 API 项目
  • Vue 大型商城项目开发实践

教程以"前后端分离"这一开发模式为总纲,并使用当前非常火热的 Spring Boot 技术栈和 Vue 技术栈进行实际的编码实践,由浅及深,逐步掌握基础知识并具有实战开发能力,实战项目是一个大型的商城系统,对于提升大家的动手能力是一个非常不错的帮助,同时,这种大型的商城项目也能够丰富你的项目经验,提升你的个人竞争力。

效果展示

商城项目一般涉及到的功能模块比较多,功能模块多,页面也很多,课程介绍中就不逐一列举这些页面,主要的页面效果如下:

一个可以实操练手的完整项目,再配备上详细的技术讲解手册,相信无论身处哪个技术领域,都是你提高自身技术水平最高效的工具,本次训练营教程将围绕 Spring Boot 和 Vue 两个目前比较流行的 技术栈向大家呈现一个大型项目完整的开发流程。

实践项目以 Spring Boot 和 Vue 技术栈为主线,采用前后端分离架构:

不管你是初入职场或即将进入职场,想深入学习和了解 Spring Boot 框架和 Vue 的话,那这次训练营几乎是你最好的选择,如果你想用 Spring Boot 和 Vue 来开发和上线一个企业级应用,楼楼商城 Vue 版本和这个训练营课程都是你的不二之选。

课程特色

  • 前后端分离实战项目。
  • 紧跟当前技术趋势,Vue 技术栈 + Spring Boot 技术栈。
  • 开发教程详细完整、文档资源齐全、实验过程循序渐进简单明了。
  • 实践项目页面美观且实用,交互效果完美。
  • Vue + Spring Boot 企业级商城项目开发实践。
  • 技术栈新颖且知识点丰富,学习后可以提升大家对于知识的理解和掌握,对于提升你的市场竞争力有一定的帮助,如果你在发愁毕业设计,这个项目也可以给你很多思路。

先学课程

适宜人群

  • 需要大型实战项目借鉴的应届生和求职者。
  • 需要完整项目作为面试敲门砖的开发者。
  • 对 Spring Boot 感兴趣、想要改变原有开发模式的开发人员。
  • 需要 Vue 完整项目学习的开发人员。
  • 希望将 Spring Boot 技术实际运用到项目中的开发者。

课程信息

  • 学习周期:课程有效期 2 个月,2 个月后无法进行在线实验,但可查看文档内容。高级会员有效期内可一直学习,到期后课程失效,且无法查看文档。部分云主机实验环境因成本较高,存在开启次数限制。关于课程退款等相关注意事项说明,请阅读 用户付费协议
  • 版权说明:课程内容为实验楼原创或实验楼在原作者授权下制作。未经书面同意,擅自爬取、转载和再分发课程内容,均将受到严肃追责。
  • 企业团报:企业购买,请点击 企业用户咨询
课程教师

十三 共发布过 5 门课程

现就职于某网络科技公司任职高级 Java 开发工程师,CSDN 博客作者,13blog.site 站长,在 GitHub 维护参与多个开源项目,擅长 Java 后端开发、Linux 运维及项目管理工作。github:github.com/ZHENFENG13 QQ技术交流群:719099151

查看老师的所有课程 >
实验楼楼+
实验楼会员
会员
开通会员,即刻开始学习
公众号
实验楼学习助手 实验楼订阅号