乐优商城day05

所有代码发布在 [https://github.com/hades0525/leyou]

 

ps:弄nigx弄了1天半，才把环境配好能用，中间出现了很多情况。包括虚拟机的网络和ip问题等。

 

day05

2019年1月22日

11:28

 

Vue父子组件通信

1. 父向子的通信
2. 子向父的通信

 

项目架构：

1. 1. 后台管理系统使用vue.js框架建出单页应用(SPA)
      1. SPA:single page application。整个后台管理系统只出现一个html页面，页面内容都由vue.js实现。
   2. webpack：前端资源打包工具，将js,image,css等资源当做一个模块打包
      1. webpack的作用：
         1. 将许多小碎文件打包成整体，减少单页面内的衍生请求次数，提高网站效率
         2. 将es6等高级语法进行转换编译，已兼容浏览器
         3. 打包时将代码混淆，提高安全性
   3. vue-cli：快速搭建vue项目的脚手架
      1. 安装：npm install -g vue-cli
      2. 建立static web mnodule: vue-cli-demo
      3. 终端 cd vue-cli-demo, 建立webpack项目 vue init webpack
         1. use ESline之前的选择都选择yes，最后一个选择yes use npm
         2. 
      4. 安装好之后，npm run dev 运行
         1. 
   4. 结构
      1. build下是webpack的配置，里面定义了webpack入口entry等等属性
         1. 
      2. src
         1. main.js是入口entry，里面import了许多其他组件
         2. 写的vue文件就是一个组件 分为3部分 <template> <script> <style>
         3. route对应的是相应的组件的路径
         4. menu.js：对应的菜单
      3. config：
         1. index.js里面配置了端口
      4. dist：打包好的目录，打包src
      5. node_modules：所有的依赖
      6. 根目录：
         1. index.html是网站的原始页面，
         2. package.json是写引用的依赖文件
            1. 有3个脚本，dev,start,build(构建，运行后会把src打包到dist)
   5. Vuetify框架

基于vue的ui框架，写css样式。类似bootstrap。

 

建立项目（后台）：

1. 1. 新建project：leyou  com.leyou.parent   引入依赖
      1. 建立通用module 
         1. 注册中心 ly-registry  com.leuyou.common  并写好依赖，启动类和配置
         2. 网关 ly-gateway com.leyou.common 并写好依赖，启动类和配置
   2. 微服务结构：
      1. 将来肯定会有其它系统需要来调用服务中提供的接口，因此肯定也会使用到接口中关联的实体类。因此这里我们需要使用聚合工程，将要提供的接口及相关实体类放到独立子工程中，以后别人引用的时候，只需要知道坐标即可。
         1. maven deploy到私服  就可以给别人引用
      2. 在ly-item中创建两个子工程：
         • ly-item-interface：主要是对外暴露的接口及相关实体类
         • ly-item-service：所有业务逻辑及内部使用接口
         • 写好依赖，启动类和配置，并在网关gateway配置文件里添加路由routes
   3. 新建一个通用的基础服务ly-common，放微服务共享的工具类。deploy私服任何人都能下载
      1. 新建包com.leyou.common.utils放入工具类
      2. JsonUtils的用法
   4. 通用异常处理
      1. REST风格规范

 

1. 1. 建立通用的异常处理工具类
      1. 注意：需引入webmvc依赖  并且在service微服务中引入common服务的依赖
      2. 注意：service服务启动类在com.leyou下，异常处理类在com.leyou下的包所以能扫描到
   2. 处理的方法