谷粒商城前端

本项目是根据 b站视频教程 完成的一个分布式项目

• 谷粒商城前端代码

• 谷粒商城后端代码

• 后台系统(guli-vue-admin)使用vue-admin-template

• 前台系统(guli-vue-front)使用Nuxt

系统模块

系统架构

项目涉及的技术栈

前端

• Vue.js
• Nuxt.js (服务端渲染技术，基于Vue.js的轻量级应用框架)
• vue-admin-template-master
• Element-UI
• webpack
• node.js
• ECharts
• 使用Es6的开发规范

后端

• Mybatis-Plus
• SpringBoot(2.2.1.RELEASE)
• Spring Security
• SpringCloud(Hoxton.RELEASE)
• SpringCloudAlibaba(0.2.2.RELEASE)
• Spring-Cloud-Alibaba-Nacos(服务发现+配置中心+消息总线)
• OpenFeign(服务调用)
• Hystrix(熔断器)
• Spring-Cloud-Gateway(服务网关)
• EasyExcel
• OAuth2

数据库

• MySQL
• Redis

其他

• Nginx
• Canal数据同步工具:把远程库的表内容同步到本地库中
• 微信登录
• 阿里云对象存储OSS
• 阿里云视频点播VOD
• 阿里云短信服务SMS
• 阿里图标库iconfont

前台系统(guli-vue-front)

项目说明

基于nuxt的在线教育网站，使用element-ui做组件，axios请求获取数据

项目功能

• 幻灯片播放
• 阿里云视频点播播放视频
• 课程购买
• 注册、登录、wx登录

启动方式

git clone https://github.com/Coding-Coder/guli-education-web.git
cd guli-vue-front

# 修改npm源
npm install --registry=https://registry.npm.taobao.org

npm install
npm run dev

后台系统(guli-vue-admin)

项目说明

基于vue-admin-template开发的在线教育后台管理系统，使用element-ui做组件，axios请求数据，使用Echarts做数据统计

启动方式

git clone https://github.com/Coding-Coder/guli-education-web.git
cd guli-vue-admin

npm install
npm run dev