GitPedia

Nuxt bnhcp

nuxt、node/express、vue、mysql、redis、socket.io (全栈-实战商城)~

From github1586·Updated June 24, 2026·View on GitHub·

> Node.js(v6.9.1) + express(4.X) + vue(2.0) + vuex + mysql(5.7.18) + (NUXT)SSR + nginx + redis + 腾讯云 serveless The project is written primarily in Vue, first published in 2017. It has gained significant community traction with 2,125 stars and 518 forks on GitHub. Key topics include: nuxt, nuxt-module, nuxt3, nuxtjs-demo, vue-ssr.

nuxt-bnhcp <img src="https://img.shields.io/badge/bnhcp-v1.0.0-green.svg"/>

Node.js(v6.9.1) + express(4.X) + vue(2.0) + vuex + mysql(5.7.18) + (NUXT)SSR + nginx + redis + 腾讯云 serveless

preface

online:<a href="http://nodet.cn" target="_blank" style="color: red;">nodet.cn</a>

thank you~ <img src="https://img.shields.io/badge/build-v1.0.0-blue.svg"/>

如果我的项目对您有所帮助,您可以点右上角 "Star" 支持一下 有什么问题联系我哦 感谢~~~!

Email: 8889999i@gmail.com 商务合作 或 问题交流 联系wx: driveawaygo 备注:github

complete <img src="https://img.shields.io/badge/complete-v1.0.0-origin.svg"/>

  1. 首页渲染
  2. 课程的分类搜索
  3. 课程 按 (智能排序 价格最高 价格最低 老师好评 人气最高) 排序
  4. 课程 按 (班级类型 活动优惠 上课时间(周一到周日) 具体时间(上午下午晚上) 价格区间) 筛选
  5. 完成课程列表的下拉加载更多
  6. 课程详情
  7. 预约试听
  8. 分类页面
  9. 我的页面
  10. 提交订单
  11. 登录、注册
  12. 设置页面
  13. 优惠券页面
  14. 钱包页面
  15. 购物车 (添加购物车 删除购物车 结算购物车 购物车批量提交订单)
  16. 我的订单 (全部订单 待付款 交易成功)
  17. redis (首页缓存 分页缓存)
  18. 腾讯云 serveless 部署

project screenshots <img src="https://img.shields.io/badge/build-v1.0.0-blue.svg"/>

<img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/1.jpeg" width="280"/><img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/2.jpeg" width="280"/><img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/3.jpeg" width="280"/>

<img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/4.jpeg" width="280"/><img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/5.jpeg" width="280"/><img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/6.jpeg" width="280"/>

<img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/8.jpeg" width="280"/><img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/7.jpeg" width="280"/><img src="https://github.com/github1586/nuxt-bnhcp/blob/master/show/9.jpeg" width="280"/>

project <img src="https://img.shields.io/badge/build-v1.0.0-blue.svg"/>

.


├── README.md
├── ajax
│   └── getData.js
├── assets
│   └── README.md
├── components
│   ├── AppLogo.vue
│   ├── README.md
│   ├── carousel
│   │   ├── Carousel.vue
│   │   ├── cov-touch.js
│   │   └── vue-slide.vue
│   ├── common
│   │   ├── Headerchunk.vue
│   │   ├── Moreclass.vue
│   │   ├── computedTime.vue
│   │   ├── courseDetail
│   │   │   ├── courseInfo.vue
│   │   │   ├── description.vue
│   │   │   ├── detailContent.vue
│   │   │   ├── evaluate.vue
│   │   │   └── header.vue
│   │   ├── courseHeader.vue
│   │   ├── courselist.vue
│   │   ├── footerBtn.vue
│   │   ├── header.vue
│   │   ├── loading.vue
│   │   ├── no_content
│   │   │   └── no_content.vue
│   │   ├── pullDown.vue
│   │   ├── subscribe
│   │   │   ├── detailTime.vue
│   │   │   ├── valiPhone.vue
│   │   │   └── yesbtn.vue
│   │   └── success.vue
│   ├── config
│   │   └── configinfo.js
│   ├── home
│   │   ├── Classification.vue
│   │   ├── Courseblock.vue
│   │   ├── Footertabs.vue
│   │   ├── Grabactivity.vue
│   │   ├── Myheader.vue
│   │   └── RecommendedSchools.vue
│   ├── layer
│   │   └── layerMsg.vue
│   └── mixin
│       └── mixin.js
├── config
│   ├── async
│   │   ├── env.js
│   │   └── fetch.js
│   └── common.js
├── layouts
│   ├── README.md
│   └── default.vue
├── middleware
│   └── README.md
├── nuxt
│   ├── App.js
│   ├── client.js
│   ├── components
│   │   ├── no-ssr.js
│   │   ├── nuxt-child.js
│   │   ├── nuxt-error.vue
│   │   ├── nuxt-link.js
│   │   ├── nuxt-loading.vue
│   │   └── nuxt.js
│   ├── empty.js
│   ├── index.js
│   ├── loading.html
│   ├── middleware.js
│   ├── router.js
│   ├── server.js
│   ├── store.js
│   ├── utils.js
│   └── views
│       ├── app.template.html
│       └── error.html
├── nuxt.config.js
├── package.json
├── pages
│   ├── chat
│   │   └── _index.vue
│   ├── classify.vue
│   ├── conf
│   │   └── _index.vue
│   ├── courseDetail
│   │   └── _index.vue
│   ├── coursehome.vue
│   ├── discount
│   │   └── _index.vue
│   ├── index.vue
│   ├── login.vue
│   ├── myWallet
│   │   └── _index.vue
│   ├── oneself.vue
│   ├── order
│   │   └── payOrder.vue
│   ├── orderList
│   │   └── _index.vue
│   ├── paySuccess
│   │   └── _index.vue
│   ├── search
│   │   └── searchPage.vue
│   ├── shoppingCart.vue
│   ├── submitOrder
│   │   └── _index.vue
│   └── subscribe
│       └── _index.vue
├── plugins
│   ├── README.md
│   └── axios.js
├── server
│   ├── api
│   │   ├── controller
│   │   │   ├── cart
│   │   │   │   └── index.js
│   │   │   ├── course
│   │   │   │   └── index.js
│   │   │   ├── home
│   │   │   │   └── index.js
│   │   │   ├── interface.js
│   │   │   ├── login
│   │   │   │   └── index.js
│   │   │   ├── order
│   │   │   │   └── index.js
│   │   │   ├── paramsFilter.js
│   │   │   └── router.js
│   │   ├── index.js
│   │   ├── model
│   │   │   ├── db.js
│   │   │   ├── settings.js
│   │   │   └── sql.js
│   │   └── redis
│   │       └── redis.js
│   └── index.js
├── static
│   ├── README.md
│   ├── common
│   │   ├── common.css
│   │   └── style.sass
│   ├── favicon.ico
│   └── img
├── store
│   ├── README.md
│   ├── index.js
│   ├── mutation-types.js
│   └── mutations.js
├── yarn-error.log
└── yarn.lock`

build Setup <img src="https://img.shields.io/badge/build-v1.0.0-blue.svg"/>

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

Contributors

Showing top 3 contributors by commit count.

View all contributors on GitHub →

This article is auto-generated from github1586/nuxt-bnhcp via the GitHub API.Last fetched: 6/25/2026