项目
特色
本项目采用模块化、组件化和工程化理念,结合高效技术实现多端展示、优化用户操作流程,提供完整的电商购物车与订单支持,并可通过物流跟踪等功能增强客户体验。
主要
技术栈
Vue
Vuex
VueRouter
ES6
Axios
Babel
ESLint
Webpack
学习
目标
- 培养分析理解、技术性线路划分等能力
- 应用模块化、组件化、工程化理念进行Vue页面设计
- 实现电商平台的购物车、订单支持流程和物流模块等功能,并优化用户体验
- 结合第三方平台集成客服系统等功能,提高开发效率,为大型电商项目的开发打下基础
项目
特色
本项目提供了基于Vue3和TypeScript的企业级中后台前端解决方案,涵盖了RBAC权限管理、路由配置、Vuex数据传递、第三方插件应用、动态表单创建等多种功能模块。同时还注重性能优化和安全性需求,并具备文本格式转化、大屏可视化等特色功能。
主要
技术栈
Vue3
TypeScript
Vue-Router
Pinia
Axios
Babel
ESLint
Vite
Java
SpringBoot
SpringCloud
MySQL
学习
目标
- 掌握企业级中后台前端解决方案的开发
- 熟悉Vue3技术栈和TypeScript语法
- 理解RBAC权限管理、路由配置、Vuex数据传递等功能模块,并学会性能优化和安全性需求的实现
- 掌握第三方插件应用、动态表单创建、文本格式转化、大屏可视化等特色功能
项目
特色
本项目是基于Vue2全家桶开发的谷粒仓储管理平台,包含了Vue生态核心技术栈、主流技术组件库Element等,项目结构清晰、组件化开发、技术完备,充分提升学员组件封装能力。
主要
技术栈
Vue-Admin-Tempate
Vue2
Vue Router3
Vuex3
Vue CLI
Element UI
Axios
Sass
Lodash
学习
目标
- 掌握Vue开发项目的流程和套路
- 熟练掌握Element UI的使用
- 掌握对组件库进行二次封装的思想
- 熟悉Axios和Lodash等前端工具库的使用
- 熟悉RBAC 权限管理系统的使用
项目
特色
尚医通是以某医院预约挂号统一平台为原型而搭建的在线医疗服务平台,采用Vue3
全家桶、TypeScript、Pinia技术开发,该平台集成多家医院的挂号信息,提供全程跟踪服务,用户可以随时了解自己的挂号状态。
主要
技术栈
Vue3
Vue Router4
TypeScript
Vite
Pinia
Sass
Axios
Element Plus
Ant-Design-Vue
学习
目标
- 巩固前端学习高级阶段的Vue3、Vite、Pinia、TypeScript、Axios等核心技术;
- 熟练掌握Element Plus和Ant-Design-Vue的UI框架使用,了解如何通过组件库快速开发和美化页面
- 学会如何进行网络请求和响应拦截器的使用,了解如何与后端交互从而获取数据
- 掌握如何使用状态管理库Pinia在组件间传递数据,并实现组件的复用和解耦
- 能够对组件进行二次封装
项目
特色
尚医通后台项目是一款基于
Vue3、TypeScript、Vite4、Pinia、Element-Plus技术体系开发的的后台管理项目,使用目前流行技术栈开发。封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。
主要
技术栈
Vue3
Vue Router4
Vite
Pinia
TypeScript
Sass
Axios
Element Plus
学习
目标
- 熟练掌握Vue3全家桶、TypeScript、Element Plus UI等技术的使用
- 学会如何使用axios进行网络请求和响应拦截器的使用,了解如何与后端交互从而获取数据
- 掌握如何使用状态管理库Pinia在组件间传递数据,并实现组件的复用和解耦
项目
特色
尚医通是以某医院预约挂号统一平台为原型而搭建的在线医疗服务平台,采用React技术开发,该平台集成多家医院的挂号信息,提供全程跟踪服务,用户可以随时了解自己的挂号状态。
主要
技术栈
React
Redux
React Router
Antd
react-i18next
Axios
TypeScript
Babel
ESLint
Echarts
Webpack
学习
目标
- 熟悉 React、TypeScript 等技术
- 掌握完整项目开发流程
- 学会如何进行网络请求和响应拦截器的使用,了解如何与后端交互从而获取数据
- 掌握模块化、组件化、工程化
项目
特色
本项目采用React18版本和TypeScript语言,使用Hook函数组件式开发模式,并且利用Antd、Axios等库提高了应用程序的效率、可维护性、可扩展性和用户体验。
主要
技术栈
React
Redux
React Router
Antd
react-i18next
Axios
TypeScript
Babel
ESLint
Echarts
Webpack
Java
SpringBoot
SpringCloud
MySQL
学习
目标
- 熟悉 React、TypeScript、React Hook、Redux 等技术
- 掌握完整项目开发流程
- 实践搭建后台管理模板项目,实现国际化处理、用户认证流程等功能
- 掌握模块化、组件化、工程化
项目
特色
本项目是一款基于Vue3、TypeScript、Vite4、Pinia、Element-Plus等技术开发的后台管理框架,使用目前流行技术栈开发。封装了一些常用组件、Hooks、指令、动态路由、按钮级别权限控制等功能。
主要
技术栈
Vue3
Vue Router4
Vite
Pinia
TypeScript
Sass
Axios
Element Plus
学习
目标
- 熟练掌握Vue3全家桶
- 熟练使用TypeScript进行开发
- 掌握Element Plus UI框架的使用,快速开发和美化页面
- 学会使用axios进行网络请求和响应拦截器的使用,与后端交互获取数据
- 掌握状态管理库Pinia,在组件间传递数据,实现组件复用和解耦;并能对组件进行二次封装
- 掌握RBAC权限管理
项目
特色
慕尚花坊是一款使用原生小程序开发的在线鲜花商城,包含小程序开发所有常用知识点,拥有丰富的功能模块和高效的性能优化。使用组件库Vant、地图服务LBS等多种技术、开发者工具提供的自动生成骨架屏代码能力,提升用户体验度。
主要
技术栈
小程序API
小程序模板语法
Node.js
慕尚花坊真实接口
学习
目标
- 学习小程序组件化、网络请求封装、LBS逆地址解析、UI组件库等技术特点
项目
特色
谷粒微课是一款在线教育小程序平台,提供IT在线课程教学服务,为用户提供各类IT课程的在线试看、收藏、购买、播放等功能。项目包含完整的视频推流以及全支付过程,包括服务器宕机、断电等各种复杂情况。
主要
技术栈
Vue3
UniApp
原生小程序
Vite
Pinia
TypeScript
Sass
Uni-UI
学习
目标
- 巩固前端学习的高级阶段的Vue3、Vite、Pinia、TypeScript、UniApp等核心技术
- 了解视频推流等实际业务场景
项目
特色
尚上优选是一个典型的O2O移动端电商项目,主要依托基于Vue3的UniApp和Tmui这一UI框架,并结合常见的第三方插件与功能类库,完成项目中具体的业务功能需求。从需求分析、功能开发到功能集成,遵循企业级的标准化项目开发流程。
学习
目标
- 掌握Vue3、TypeScript、微信小程序、UniApp的开发技术
- 通过项目实战了解项目规范、管理和开发流程
- 在实际项目中深入理解并应用Vue3
- 在项目中充分利用TypeScript的优势
- 熟练掌握小程序开发中的支付、地图、组件封装等技术难点
项目
特色
尚品汇是一款使用微信原生小程序开发的电商小程序,包含常见电商模块和支付等功能。项目使用腾讯的组件库TDesign-Miniprogram,使用npm管理包的依赖,采用小程序分包机制,减少主包体积。
主要
技术栈
微信原生小程序
TDesign-Miniprogram
学习
目标
- 学习如何使用小程序基础语法
- 学习如何使用微信支付功能
项目
特色
本项目是一款使用UniApp开发的在线听书小程序,包含小程序开发所有常用知识点,拥有丰富的功能模块和高效的性能优化。使用组件库GraceUI,具有背景音频播放,视频直播,多人聊天室,微信支付、余额支付等多种技术的实现。
主要
技术栈
UniApp
Vue3
Pinia
TypeScript
Sass
GraceUI
Uni-UI
学习
目标
- 熟练掌握 UniApp、Vue3、TypeScript的开发
- 使用组件库快速开发和美化页面
- 掌握uni.request进行网络请求和响应拦截器的使用,实现与后端交互获取数据
- 使用状态管理库 Pinia 实现组件间传递数据,实现组件复用和解耦
- 对组件进行二次封装,了解工程化思想、微信登陆、支付流程
项目
特色
一个基于ChatGPT的Web双端 项目,它使用OpenAI GPT来生成自然对话。用户可以通过与ChatGPT交互来获取有关各种主题的信息和建议。该项目还包括一个简单的用户界面,使用户能够轻松地与ChatGPT进行交互。
主要
技术栈
Vue3
Vue Router4
Vite
Pinia
TypeScript
Sass
Axios
NativeUI
Node.js
Express
Axios
ChatGpt
学习
目标
- 熟练应用Node.js进行后端开发
- 基于ChatGpt工具库与GPT接口交互
- 熟练使用Vue3全家桶
- 掌握前后台Token鉴权
- 熟练掌握对Axios的二次封装
- 熟练掌握项目的多环境配置、Eslint的应用等
项目
特色
本项目采用前端技术和数据可视化技术,将大量的数据以直观、易于理解的方式展示在大屏幕上。可以一目了然地观察到数据的趋势、关联和异常情况,从而帮助用户发现问题、优化业务流程和做出决策。
主要
技术栈
Vue.js
Vuex
Vue Router
Axios
Element Plus
Ant Design Vue
ECharts
学习
目标
- 了解数据可视化的基本概念、原理和常用的可视化方法
- 学习如何从不同的数据源获取数据,并对数据进行处理和转换,以满足可视化需求
- 掌握常用的数据可视化库和工具
- 熟悉流行的前端框架和组件库
- 学习如何设计响应式的数据可视化大屏
项目
特色
本项目是为全栈工程量身定制的一套全链路课程,以提高学员综合能力和对整个前后端开发过程的把控能力为目标,从产品设计、接口设计、数据库设计到前端开发,涉及整个互联网产品从0到1的开发过程,让你重新认识全栈开发的细节技术和架构选型。
主要
技术栈
Node.js
Egg
Apifox
Vite
React
React Hooks
Egg-Jwt
Egg-Mysql
学习
目标
- 学习如何使用Egg开发一个全栈项目
- 学习如何使用Apifox进行接口调试