基于vue + nuxt 打造 o2o教育商城系统（触屏版）服务端渲染SSR

最新推荐文章于 2025-06-26 11:57:33 发布

weibo392

最新推荐文章于 2025-06-26 11:57:33 发布

阅读量6.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： nuxt

本文链接：https://blog.youkuaiyun.com/weibo392/article/details/77453458

vue 专栏收录该内容

2 篇文章

订阅专栏

本项目采用 Node.js + Express + Vue + Vuex + MySQL + Nuxt.js 实现了一个教育平台，支持课程搜索、排序、筛选等功能，并利用 Redis 缓存数据提高响应速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

nuxt-bnhcp

Node.js(v6.9.1) + express(4.X) + vue(2.0) + vuex + mysql(5.7.18) + （NUXT）SSR + nginx + redis + 无痕埋点

preface

online：http://nodet.cn/

源码地址 https://github.com/github1586/nuxt-bnhcp

项目如果对您有帮助感谢stat~

完成功能：

首页渲染
课程的分类搜索
课程按（智能排序价格最高价格最低老师好评人气最高）排序
课程按（班级类型活动优惠上课时间（周一到周日）具体时间（上午下午晚上）价格区间）筛选
完成课程列表的下拉加载更多
课程详情
预约试听
分类页面
我的页面
提交订单
登录、注册
设置页面
优惠券页面
钱包页面
购物车（添加购物车删除购物车结算购物车购物车批量提交订单）
我的订单（全部订单待付款交易成功）
redis (首页缓存分页缓存）
阿里云部署
无痕埋点

project

.
├── ajax                 // 请求数据封装
├── assets               // 静态资源
├── components           // 组件
│   ├── carousel         // 轮播
│   ├── common           // 公用组件
│   │   ├── courseDetail // 课程详情
│   │   ├── no_content   // 无数据公用组件
│   │   └── subscribe    // tab
│   ├── config           // 配置项
│   ├── home             // 主页组件
│   ├── layer            // 弹窗组件
│   └── mixin            // 混合
├── config
│   └── async            // ajax封装
├── dist                 // server最终打包上线目录
│   └── api              
│       ├── controller   // 请求处理
│       │   ├── cart
│       │   ├── course
│       │   ├── home
│       │   ├── login
│       │   └── order
│       ├── model         // mysql查询语句
│       └── redis         // redis配置
├── layouts               // 布局
├── middleware            // 中间件
├── pages                 // 页面
│   ├── chat              // 聊天页面
│   ├── conf              // 设置页面
│   ├── courseDetail      // 课程详情页面
│   ├── discount          // 限时优惠页面
│   ├── myWallet          // 我的钱包
│   ├── order             // 订单
│   ├── orderList         // 订单列表
│   ├── paySuccess        // 支付成功
│   ├── search            // 查询页面
│   ├── submitOrder       // 提交页面
│   └── subscribe         // tab
├── plugins               // 插件
├── static                // 静态资源
│   ├── common
│   ├── img
│   │   ├── headImg
│   │   ├── img
│   │   └── teacherHead
│   └── js
└── store`

Project screenshots

Email: 8889999i@gmail.com

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at 127.0.0.1:3000 (Must be)
$ yarn dev