day 54项目环境搭建
1、电商行业的技术特点
高并发：
分布式、静态化技术、CDN技术、缓存技术、异步并发、池化、队列化
高可用：
集群、负载均衡、限流、降级、熔断
2、项目架构
SPA ：
single page application ：单页面应用
3、商城管理系统 前端页面
1）前端打包工具 ：webpack
为什么要使用webpack
a、碎片文件多
b、将各种简化的语法：ts cjs sass....编译成浏览器看得懂得 js 和 css文件
c、使代码混淆 ，避免代码泄露，提高代码安全性
webpack的入口： js
export: 导出
import: 导入
2）四个核心概念
vue.cli：
用vue-cli命令，快速搭建一个webpack的项目：vue init webpack
.vue 文件的作用
以前 vue的组件写在js 代码中，template中写html 代码的字符串（包含样式）
.vue 文件 将 template js 和css 分离，使代码更加清晰
3）导入页面
a、安装依赖：
通过命令来安装所需依赖即可。打开终端，进入项目目录，输入：npm install
b、运行
npm run dev （可以实现热加载） dev：脚本名称
4、乐优商城 后台架构搭建
1）父工程 com.leyou.parent
2) 注册中心 com.leyou.registry
注册中心的配置：
server:
port: 10086
spring:
application:
name: ly-registry
eureka:
client:
service-url:
defaultZone: http://127.0.0.1:10086/eureka
server:
enable-self-preservation: false # 关闭自我保护
eviction-interval-timer-in-ms: 5000 # 每隔5秒进行一次服务列表清理
3） 网关 com.leyou,gateway
网关的配置：
server:
port: 10010
spring:
application:
name: api-gateway
eureka:
client:
service-url:
defaultZone: http://127.0.0.1:10086/eureka
registry-fetch-interval-seconds: 5
instance:
prefer-ip-address: true
ip-address: 127.0.0.1
instance-id: ${spring.application.name}:${server.port}
zuul:
prefix: /api # 添加路由前缀
retryable: true
ribbon:
ConnectTimeout: 1000 # 连接超时时间(ms)
ReadTimeout: 3500 # 通信超时时间(ms)
OkToRetryOnAllOperations: true # 是否对所有操作重试
MaxAutoRetriesNextServer: 0 # 同一服务不同实例的重试次数
MaxAutoRetries: 0 # 同一实例的重试次数
hystrix:
command:
default:
execution:
isolation:
thread:
timeoutInMillisecond: 5000 # 熔断超时时长：5000ms
=====================
更多精彩
