项目特色
本项目以英语单词测试与打卡功能为载体,带你一步步实现项目的页面布局、与用户交互和前后台交互的所有功能。
项目实现编码简洁规范,包含各种函数封装、组件封闭、工具模块封装。
作为基础阶段的深入练习项目,它是你走进HarmonyOS应用开发的不二选择。
主要技术栈
ArkTS
ArkUI的常用UI组件与布局组件
动画
路由
自定义通用组件
Storage存储
网络请求与封装 服务卡片
虚拟长列表
位置服务
学习目标
- 掌握HarmonyOS应用开发的环境搭建、应用创建、安装与调试
- 掌握ArkTS与ArkUI使用
项目特色
手把手带你从0到1开发一款可运行在鸿蒙设备上的租房App,帮助你抓住机遇,快速掌握鸿蒙 3.1/4.0 架构和 ArkTS API 9 语言,成为华为鸿蒙领域的高手
本项目以租房业务为核心功能,它包含租户多维度寻找房源,智能匹配房源,预约看房等功能。通过学习该项目,能够掌握鸿蒙开发各种主流页面布局方案,同时适配不同机型,横竖屏切换适配等。
主要技术栈
ArkTS
ArkUI 的使用
UI 组件与布局组件
路由
自定义通用组件
网络请求与封装
Storage 存储
位置服务
多端适配
浮动窗口
应用国际化
学习目标
- 掌握HarmonyOS 应用开发的环境搭建、应用创建、安装与调试
- 熟悉ArkTS 与 ArkUI 使用
- 熟悉前后端交互技术的使用
- 掌握各种主流页面布局方案
- 掌握适配不同机型,横竖屏切换适配
- 掌握定位功能的实现
项目特色
本项目以听书业务为功能载体,参考目前应用市场上主流的听书app,通过鸿蒙架构和Arkts语言,重新开发实现。
通过学习该项目,能够掌握鸿蒙开发的页面布局,用户交互,多媒体音频播放,第三方支付调用等技术方案。
主要技术栈
ArkTS
ArkUI的常用UI组件与布局组件
动画
路由
自定义通用组件
网络请求与封装
多媒体音频播放与控制
服务卡片
多文件上传与下载
后台任务管理
学习目标
- 熟悉HarmonyOS应用开发的环境搭建、应用创建、安装与调试
- ArkTS与ArkUI使用
- 前后交互技术的使用
项目特色
一个基于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的应用等
项目特色
尚医通是以某医院预约挂号统一平台为原型而搭建的在线医疗服务平台,该平台集成多家医院的挂号信息,提供全程跟踪服务,用户可以随时了解自己的挂号状态。本项目采用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 等技术
- 掌握完整项目开发流程
- 学会如何进行网络请求和响应拦截器的使用,了解如何与后端交互从而获取数据
- 实践搭建后台管理模板项目,实现国际化处理、用户认证流程等功能
- 掌握模块化、组件化、工程化
项目特色
尚品汇电商后台管理系统旨在帮助电商企业高效管理商品、订单、用户、营销活动等核心业务。通过简洁直观的界面和强大的功能,尚品汇助力企业提升运营效率,优化用户体验,实现业务增长。
基于 Vue2 技术栈构建,结合 Vue Router、Vuex 等 Vue 全家桶技术,为用户提供了一套完整的电商后台解决方案。
项目包含:商品管理、订单管理、营销中心、统计中心、会员管理、系统管理等 10+ 功能模块
主要技术栈
Vue2
Vue Router
Vuex
Axios
Echarts
ElementUI
Vue-I18n
Lodash
Qrcode
Echarts
Crypto-js
ES6
Babel
ESLint
Webpack
Java
SpringBoot
SpringCloud
MySQL
学习目标
- 熟悉 Vue2、Vue Router、Vuex、ElementUI 等 Vue2 全家桶技术
- 掌握项目从设计到需要分析,从搭建项目到多人协同开发,从开发-测试-上线的完整过程。
- 掌握 Axios 二次封装,熟悉前后交互的技术
- 掌握组件化封装技术,实践工程化的应用开发模式
- 掌握国际化方案,提供项目多语言支持
- 掌握不对称加密方案,确保数据的传输和存储安全,同时,对敏感数据进行脱敏处理,保护用户隐私。
项目特色
本项目含可视化项目、智慧城市/工厂后台管理和微前端项目。
基于 Vue3 和 TypeScript 的企业级中后台前端解决方案,涵盖了 RBAC 权限管理、路由配置、Vuex 数据传递等多种功能模块。同时还注重性能优化和安全性需求,并具备文本格式转化、大屏可视化等特色功能。
采用模块化、组件化和工程化理念,结合高效技术实现多端展示、优化用户操作流程,提供完整的电商购物车与订单支持,并可通过物流跟踪等功能增强客户体验。
主要技术栈
Vue3
TypeScript
Vue-Router
Pinia
Axios
Babel
ESLint
Vite
Babel
ESLint
Java
SpringBoot
SpringCloud
MySQL
学习目标
- 掌握企业级中后台前端解决方案的开发
- 熟悉且灵活运用 Vue3 技术栈和 TypeScript 语法
- 理解 RBAC 权限管理、路由配置、Pinia 数据传递等功能模块,并学会性能优化和安全性需求的实现
- 掌握第三方插件应用、动态表单创建、文本格式转化、大屏可视化等特色功能
- 实现电商平台的购物车、订单支持流程和物流模块等功能,并优化用户体验
项目特色
硅谷代驾是一款在线提供代驾服务的原生小程序 App,包括司机端和乘客端。
司机端包括接单、抢单、地图定位、微信登陆、身份校验、人脸识别等功能
乘客端包括选择位置、搜索位置、呼叫司机、优惠券、下单、支付等功能
应用包含小程序开发的所有常用技术点、Vue3 技术栈、组件库 Vant、地图服务、图表等
主要技术栈
小程序 API
Vue3
VantUI
腾讯地图
微信登陆
echarts 图表
学习目标
- 掌握小程序组件化、网络请求封装、UI 组件库等技术
- 掌握基于腾讯地图的常用功能开发
项目特色
硅谷商城是在线商城系统的移动微信小程序端,它提供了在线购物的全业务链。
项目包括四大部分:商品中心、交易中心、营销中心和会员中心,每个部分又包含 6 个左右的模块。
项目包含 50+个页面和 100+个后台接口,业务复杂度完全匹配企业级项目的难度。
主要技术栈
UniApp
原生小程序
Vue3
Vite
Pinia
TypeScript
Sass
Uni-UI
Weixin SDK
WebSocket
学习目标
- 掌握基于 UniApp + Vue3 + TypeScript 的小程序开发
- 掌握基于 UniUI 的各种界面的布局技
- 掌握商品购物、秒杀、优惠券、拼团、砍价、下单支付等核心模块的业务功能实现
- 全面掌握通用组件的封装技术,包括:通用弹窗、营销活动弹窗、地址管理、快捷菜单、签到日历、自定义卡片等组件
项目特色
整个课程包含数据报表的2D可视化、数据大屏的2D可视化和3D数据可视化
数据报表应用是电商后台的相关统计数据的可视化,包含销量、订单、用户、访问量、品牌等数据
数据大屏应用是应用监控的相关数据的可视化,包含商家分布、地区销量、品牌销售等数据
3D可视化应用是智慧工厂的监控数据的可视化,包含厂房3D动态效果、生产数据2D效果、警告、事故等数据
主要技术栈
Echarts
ThreeJS
Vue3
VueRouter
VueUse
Axios
ElementPlus
VueGridLayout
学习目标
- 了解数据可视化的基本概念、原理和常用的可视化方法
- 学习如何从不同的数据源获取数据,并对数据进行处理和转换,以满足可视化需求
- 掌握基于Echarts的2D数据可视化技术
- 掌握数据可视化的实时更新和大屏适配技术
- 掌握基于ThreeJS的3D数据可视化技术