乐优商城(一)项目介绍
GitHub:https://github.com/lyj8330328
目录
一,项目介绍
二,系统架构
2.1架构图
2.2架构图介绍
三,项目搭建
3.1技术选型
3.2域名
3.3后台管理系统搭建
3.3.1代码
3.3.2安装依赖
3.3.3运行测试
3.3.4项目结构
3.4前台门户搭建(暂略)
3.5服务搭建
一,项目介绍
- 乐优商城是一个全品类的电商购物网站(B2C)。
- 用户可以在线购买商品,加入购物车,下单,秒杀商品
- 可以品论已购买商品
- 管理员可以在后台管理商品的上下架,促销活动
- 管理员可以监控商品销售状况
- 客服可以在后台处理退款操作
二,系统架构
2.1架构图
2.2架构图介绍
整个乐优商城可以分为两部分:后台管理系统,前台门户系统。
后台管理:
后台系统主要包含以下功能:
商品管理,包括商品分类,品牌,商品规格等信息的管理
销售管理,包括订单统计,订单退款处理,促销活动生成等
用户管理,包括用户控制,冻结,解锁等
权限管理,整个网站的权限控制,采用智威汤逊鉴权方案,对用户及API进行权限控制
统计,各种数据的统计分析展示
后台系统会采用前后端分离开发,而且整个后台管理系统会使用Vue.js框架搭建出单页应用(SPA)。
预览图:
前台门户
前台门户面向的是客户,包含与客户交互的一切功能例如:
搜索商品
加入购物车
下单
评价商品等等
前台系统我们会使用Thymeleaf模板引擎技术来完成页面开发。出于SEO优化的考虑,我们将不采用单页应用。
无论是前台还是后台系统,都共 享相同的微服务集群,包括:
商品微服务:商品及商品分类,品牌,库存等的服务
搜索微服务:实现搜索功能
订单微服务:实现订单相关
购物车微服务:实现购物车相关功能
用户中心:用户的登录注册等功能
尤里卡注册中心
Zuul网关服务
Spring Cloud Config配置中心
三,项目搭建
3.1技术选型
前端技术:
基础的HTML,CSS,JavaScript的(基于ES6标准)
JQuery的
Vue.js 2.0以及基于Vue的框架:Vuetify
前端构建工具:的WebPack
前端安装包工具:NPM
Vue的脚手架:Vue的-CLI
Vue的路由:VUE路由器
AJAX框架:爱可信
基于Vue的富文本框架:quill-editor
后端技术:
基础的SpringMVC、Spring 5.0和MyBatis3
Spring Boot 2.0.1版本
Spring Cloud 最新版 Finchley.RC1
Redis-4.0
RabbitMQ-3.4
Elasticsearch-5.6.8
nginx-1.10.2:
FastDFS - 5.0.8
MyCat
Thymeleaf
3.2 域名
一级域名:www.leyou.com
二级域名:manage.leyou.com , api.leyou.com
3.3 后台管理系统搭建
3.3.1 代码
点击下载
3.3.2 安装依赖
npm install
3.3.3 运行测试
输入命令:
npm run start
访问:http://localhost:9001
3.3.4 项目结构
3.3.4.1目录结构图
3.3.4.2调用关系
index.html中定义了空的
div
,其id为app
。main.js中定义了Vue对象,并且绑定通过id选择器,绑定到index.html的div中,因此main.js的内容都将在index.html的div中显示。
而main.js中只有一行内容:
<App/>
,这是使用了App组件,即App.vue,也就是说index.html中最终展现的是App.vue中的内容。App.vue中也没有内容,而是定义了vue-router的锚点:
<router-view>
,我们之前讲过,vue-router路由后的组件将会在锚点展示。最终的结论是:一切路由后的内容都将通过App.vue在index.html中显示。
3.3.4.3页面布局
Layout组件是整个页面的布局组件:
一个典型的三块布局。包含左,上,中三部分:
左侧导航
v-navigation-drawer
:导航抽屉,主要用于容纳应用程序中的页面的导航链接。
顶部工具条
v-toolbar
:工具栏通常是网站导航的主要途径可以与导航抽屉一起很好地工作,动态选择是否打开导航抽屉,实现可伸缩的侧边栏。
中间内容
v-content
:并不是一个组件,而是标记页面布局的元素可以根据您指定的应用程序组件的结构动态调整大小,使得您可以创建高度可定制的组件。
布局映射的路径是
/,且是异步加载的,没有直接写组件名字,而是一个函数。
除了登录以为的所有组件,都是定义在布局的儿童属性,路径并且都是
/
的下面因此当路由到子组件时,会在布局中定义的锚点中显示。
并且布局中的其它部分不会变化,这就实现了布局的共享。
3.4前台门户搭建(暂略)
3.5服务搭建
乐优商城(一)项目介绍相关推荐
- 乐优商城之项目搭建(四)
文章目录 (一)项目分类 (二)电商行业 (三)专业术语 (四)项目介绍 (五)技术选型 (六)开发环境 (七)搭建后台环境:父工程 (八)搭建后台环境:eureka (九)搭建后台环境:zuul ( ...
- 学习乐优商城中遇到的坑
本人暑假期间学习了乐优商城这个项目,历时二十天,遇到了许多的麻烦,应该会有挺多人遇到.所以想记录一下,让大家跳坑. 首先,我建议jar包的版本,都选择和老师的一样,不然会出现一些莫名奇妙的报错. 在本 ...
- leyou商城项目搭建(1)-电商行业及乐优商城介绍
leyou商城项目搭建(1)-电商行业介绍 1.了解电商行业 1.1.项目分类 1.1.1.传统项目 1.1.2.互联网项目 1.2.电商行业的发展 1.2.1.钱景 1.2.2.数据 1.2.3.技 ...
- 【javaWeb微服务架构项目——乐优商城day15】——会调用订单系统接口,实现订单结算功能,实现微信支付功能
0.学习目标 会调用订单系统接口 实现订单结算功能 实现微信支付功能 源码笔记及资料: 链接:https://pan.baidu.com/s/1_opfL63P1pzH3rzLnbFiNw 提取码:v ...
- 【javaWeb微服务架构项目——乐优商城day03】——(搭建后台管理前端,Vuetify框架,使用域名访问本地项目,实现商品分类查询,cors解决跨域,品牌的查询)
乐优商城day03 0.学习目标 1.搭建后台管理前端 1.1.导入已有资源 1.2.安装依赖 1.3.运行一下看看 1.4.目录结构 1.5.调用关系 2.Vuetify框架 2.1.为什么要学习U ...
- 【javaWeb微服务架构项目——乐优商城day05】——商品规格参数管理(增、删、改,查已完成),SPU和SKU数据结构,商品查询
乐优商城day05 0.学习目标 1.商品规格数据结构 1.1.SPU和SKU 1.2.数据库设计分析 1.2.1.思考并发现问题 1.2.2.分析规格参数 1.2.3.SKU的特有属性 1.2.4. ...
- Java实战项目——乐优商城 常见错误集锦(一) ERROR com.zaxxer.hikari.pool.HikariPool:HikariPool-1-Exception during pool
前言 错误信息:com.zaxxer.hikari.pool.HikariPool - HikariPool-1 - 在初始化期间出现异常,具体异常信息如下: mysql连接出现问题?经过查阅资料,出 ...
- 乐优商城(四)商品规格管理
文章目录 1. 商品规格 1.1 SPU 和 SKU 1.2 分析商品规格的关系 1.3 数据库设计 1.3.1 商品规格组表 1.3.2 商品规格参数表 2. 商品规格组 2.1 商品规格组前端 2 ...
- 乐优商城(10)--数据同步
乐优商城(10)–数据同步 一.RabbitMQ 1.1.问题分析 目前已经完成了商品详情和搜索系统的开发.思考一下,是否存在问题? 商品的原始数据保存在数据库中,增删改查都在数据库中完成. 搜索服务 ...
- 乐优商城 Day 09(thymeleaf,Rabbitmq,商品详情页,非教程)
乐优商城学习Day09: 注意:此次代码都是在第八天的基础上 第八天的链接如下: https://blog.csdn.net/zcylxzyh/article/details/100859210 此次 ...
最新文章
- sql2000 转sql2008
- 利用WireShark分析由Ping产生的Internet 控制报文协议(ICMP)
- springboot 日志数据
- DAG的最小路径覆盖和二分图的最大匹配
- Google怎么做(1.相关提示)
- 【渝粤教育】国家开放大学2018年秋季 0505-22T护理学基础 参考试题
- mysql存储过程中怎么睡几秒_MySql的逻辑架构
- Junit Test使用样例
- 信息学奥赛一本通 1225:金银岛 | OpenJudge NOI 4.6 1797:金银岛
- 深度学习(三十九)LSTM、GRU网络入门学习-未完待续
- ubuntu日常使用指南
- C++ 多态与虚函数面试题
- JVM的内存区域划分(转摘)
- 数据分享 | 高光谱遥感影像数据集汇总
- 如何自己开发一个Android APP(1)——环境配置
- 写字机器人制作教程 midt-bot
- poj2391 Ombrophobic Bovines 拆点连边要注意
- python 简单操作dbpedia
- python win32api键盘_pythonwin32api键盘输入教程
- 【Bio】基础生物学 - 蛋白质结构 protein structure