M年旅游笔记

架构

• 单体架构：全部功能集中在一个项目内（All in one）
• 垂直架构：按照业务维度切割，形成小的单体项目（子系统）
• 集群：多台服务器
• SOA架构（面向服务）：站在功能的角度，把业务逻辑抽象成可复用的服务_ESB
• 服务粒度：适合系统的个数
• 微服务架构：
  • 服务网关（拦截器）
  • 业务需要彻底的组件化和服务化
  • 粒度更细，遵循单一原则

Apache Dubbo(RPC的具体实现)

• 分布式开发+远程调用
• RPC即远程过程调用（是一种思想）
• 灰度发布
• init初始化，async异步请求处理，sync同步请求处理

Zookeeper服务注册中心

• 树形结构

创建服务提供者

1. 配置依赖pom.xml
2. 配置web.xml
3. 配置applicationContext-service.xml
4. 创建服务接口
5. 创建服务实现类

创建服务消费者

@Autowired从当前应用IOC容器注入bean对象

1. 配置依赖pom.xml
2. 配置web.xml
3. 配置applicationContext-web.xml
4. 创建服务接口
5. 创建控制类@Reference：引用远程服务对象，进行远程调用

• 聚合：方便我们管理多个项目

Vue

• MVVM模式（视图、模型双向绑定）
• 插值表达式{{ }}
• 单击事件：button @click，可以直接赋值＠click＝“num=0”
• .substring(1),截取第一个后面的所有字符
• 定时任务setInterval(( )=>{ })，停止:clearInterval()
• this有效区域：new Vue内部
• 键盘按下：v-on:keydown=“fun($event)” //事件的对象
• 鼠标划过事件：@mouseover
• v-html：可以解析HTML语言
• class用. id用#
• 数据绑定v-bind:href=""(简写:hred="")
• DOM文档对象模型，操作HTML元素的接口，不能直接操作jQuery对象
• v-model双向绑定，主要用于表单
• parseInt(“ ”)转成整型
• v-for=“itrem,index in list”
• v-if="" v-else
• .splice(索引位置，删除元素的个数(为0则不删除),要添加的元素)

Vue生命周期

• 钩子函数created：可以获取到模型数据的值（data）
  • mounted：模型数据、el视图元素、插值已经解析、视图区域插值可以获取

axios

• then表示请求成功的回调处理，catch表示请求失败的回调处理

ElementUI

• el-dialog:对话框

美年旅游

系统架构图

• Nginx 代理，负载均衡

POI(Excel文件读写)

权限控制RABC

• 认证和授权
• MD5不可逆，但加密结果唯一，反复加密15次比较安全

知识点

• Serializable序列化，序列化是将对象状态转换为可保持或传输的格式的过程
• concat("" , #{id} , “”)SQL语句拼接字符串
• 等值查询==内连接
• /* 只能表示子目录；/**表示所有子子孙孙

Tips

• 看官网，看案例，根据需求复制、粘贴、改、看效果
• 所有前端页面报的错都要通过Console发现问题
• 列编辑alt + 鼠标选择
• 软删除_标记删除
• 代码先写结构
• source调试前端，Application有Cookie
• -ORM object（类） Ralationship（表） Mapping（映射）
  • 映射尽量表明和字段名称保持一致
• 一般是业务逻辑控制数据
• Map万能模型
• 一定要理清思路再写！！！
• 慢慢来！！！比较快！！！
• CTRL + p 查看参数
• 整体编译不通过时，从最顶层的模块开始编译，和其他没有关系的

Peoblem

• 自由行模块，模糊查询：已解决
• Map<String,Object> map = new HashMap<>();
• List
• axios.post and axios.get

项目总结

• 可以按照官网上自己学
• 两三年的工作经验
• 表单校验没做，10天开发，可能要10天维护
• 做的都是核心模块
• 不管怎么样，都是一个经历
• 可以放简历里面