- 畅销套餐
- 精选套餐
- 人气套餐
- 尊享套餐
- 高薪套餐
- 课程介绍
- 课程大纲
适合人群:
有node基础、想从前端转为全栈的开发者
你将会学到:
学习后可以前端变为全栈,并可以解决传统项目与云端一体化开发项目融合开发的迭代问题。
课程简介:
项目介绍与课程内容概述
掌上书城项目简介
掌上书城是一个综合应用了小程序和后台管理系统的项目,旨在为用户提供便捷的图书购物体验,同时支持管理员进行后台管理和运营。本项目采用了现代化的技术栈,包括 nest.js、Vue.js 3.0、MongoDB、小程序云开发、Ant Design Vue 和 Vant 组件库,以确保系统的高效性、可维护性和用户体验。
技术栈概述
后端技术栈:
nest.js(mvc): 使用 nest.js 框架搭建后端服务,实现了模块化、可扩展的后端架构。
MongoDB数据库: 作为数据存储解决方案,支持高效的数据管理和查询操作。
小程序云开发: 利用小程序云能力,快速开发小程序端的功能,如支付模块和数据存储。
前端技术栈:
Vue.js 3.0: 使用的 Vue.js 版本构建后台管理系统,提升开发效率和性能。
Ant Design Vue 和 Vant: 分别应用于后台管理系统和小程序端,提供了丰富的UI组件和交互效果。
课程章节与内容
第一章节:后端程序的搭建
nest脚手架创建项目: 使用 nest.js 的脚手架工具初始化项目结构。
nest程序的工程化目录: 设计并建立符合工程化标准的项目目录结构。
nest与数据库的连接: 配置 nest.js 与 MongoDB 的连接,实现数据的持久化存储。
nest的文件管理解决方案: 实现文件的管理与存储解决方案,支持图书管理等模块所需的文件操作。
实战项目的所有模块后端实现: 开发并实现登录、数据看板、图书管理、用户管理、管理员管理、订单管理等后端模块。
第二章节:vue后台管理系统的搭建
vue 3.0脚手架创建项目: 使用 Vue CLI 创建基于 Vue.js 3.0 的后台管理系统项目。
接入Ant Design Vue UI框架: 集成 Ant Design Vue 提供的UI组件,以快速构建美观的管理界面。
vue router 路由的创建: 配置 Vue Router 实现多页面路由导航和页面间的跳转。
实战项目的所有模块的实现: 包括登录、数据展示、图书管理、用户管理、订单管理等功能模块的前端界面开发。
第三章节:小程序的搭建
创建小程序项目: 使用小程序开发工具创建项目基础结构。
接入vant UI组件库: 使用 vant UI 组件库提供的组件,构建小程序端的用户界面。
实战项目的所有模块的实现: 包括登录、商品展示、购物车、支付模块、个人信息、图书管理(二级管理员)等小程序功能的前端实现。
云环境的创建: 利用小程序云开发环境,实现数据的快速存储和管理。
支付模块的创建: 利用小程序云开发的支付能力,实现安全、便捷的支付功能。
移动端后台管理: 实现适配移动端的后台管理功能,使管理员可以随时随地管理商城运营。
结语
本课程将通过以上章节详细介绍和实践,帮助学员全面掌握掌上书城项目的开发流程和技术实现细节。每个章节都将依托实际的开发场景和技术要求,帮助学员建立起完整的技术能力和项目实战经验。
课程大纲-掌上书城 项目全栈(vue+nest+mongodb+cloud+小程序)
第1章后端程序的搭建与数据的连接(53分钟3节)
第2章总后台管理系统搭建(4小时56分钟14节)
第3章小程序客户端系统搭建(7小时6分钟12节)