项目阶段包含pc端,移动端响应式前端整站开发. 包含vue项目移动web开发.包含vue项目中后台功能 开发(重点).包含小程序,app混合开发的跨平台解决方案uniapp的介绍和使用. 包含微信公众号开发和jssdk的介绍和应用. 满足实际工作中的各种需求。

项目一： balance服饰整站 (html+css静态页面)

简介: 有设计感的服饰类PC端商城项目，提供Sketch UI设计稿。项目包含首页，商品分类页，商品详情页（包含sku功能），购物车页面，登录页和注册页。涵盖PC端商城网站的核心流程页面。 目标：html+css静态页面练习，掌握整站实战开发技巧，能精确还原UI设计稿，学会git协同开发。

目标：html+css静态页面练习，掌握整站实战开发技巧，能精确还原UI设计稿，学会git协同开发。

项目二： 科技公司官网 (html5+css3+jquery)

简介: 科技公司企业官网，功能包含首页，项目案例页面，关于我们，联系我们等。提供PS UI设计稿。

目标： 实现科技公司官网，要求实现响应式开发（一套代码自动适配PC端和移动端），页面功能交互采用jquery，页面特效采用css3过渡和动画。同时使用swiper轮播插件和animate.css动画库。

项目三：萤火虫 (微信小程序)

简介： 一个电影资讯类的小程序，包含正在热映，最热电影，和即将上映，包含电影院售票信息。提供完整的sketch UI设计稿。

目标： 采用原生微信小程序实现。掌握小程序基本语法，常用组件，用户登录授权，betterScroll，百度地图lbs，网络请求等常用api。

项目四：乐购商城 (vue2.x+vantUI+webpack+nodejs)

简介: 一个原生的h5端商城客户端。该项目采用前后端分离模式，后台采用nodejs实现接口服务，数据库采用mySql。功能包含首页最热商品，商品分类，商品详情，购物车，用户中心等功能。

目标：该项目要求采用原生vue实现，手动实现项目脚手架搭建。包括轮播实现，axios封装，接口封装，登录认证，懒加载，下拉刷新，分页等。

项目五：乐居商城移动端 (uniapp + swagger)

简介: 这是一个完整的移动端商城项目，采用前后端分离模式。前端项目采用uniapp开发，可以打包为微信小程序，android/ios App和移动端H5页面。后台采用java实现，数据库采用mySql。提供完整的sketch UI设计稿。功能包含商品列表，商品详情，秒杀，购物车管理，订单管理，退单管理，分类推荐，登陆注册，微信支付等功能。

目标： 改项目要求采用uniapp开发 ，实现一套代码开发，同时发布为多个平台。开发中运用到的数据，均由后台管理系统实时上传。一人搭建一套后台服务，接口采用swagger文档展示。通过改项目能够掌握目前最流行的跨平台，企业级移动端开发方案，解决前端开发需要同时实现微信小程序和app开发的痛点。

项目六：乐居商城后台管理系统 (vue+elementUI+webpack + swagger)

简介: 这是一个乐居移动端的后台管理系统，采用前后端分离模式。项目采用vue+elementUi实现，后台采用java实现，数据库采用mySql。 提供完整的后台接口服务和应用级swagger接口文档。目包含商品管理，品牌管理，素材管理，新闻管理，活动管理，订单管理，动态sku添加，富文本编辑，图片上传，excel导出。还包含动态菜单，动态权限的实现。还有数据可视化。

目标：该项目适配绝大部分企业的中后台项目开发需求。通过实现乐居商城后台管理系统，能掌握企业级应用前端中后台解决方案，熟练使用vue+elementUI进行开发。掌握实战阶段的接口封装，组件封装，公共库封装， 前后台联调，项目打包，项目发布上线。