乐优商城学习笔记 Day02（非教程）

最新推荐文章于 2022-06-01 14:55:25 发布
最新推荐文章于 2022-06-01 14:55:25 发布
阅读量605 收藏
点赞数 1
文章标签： 乐优学习 nginx 虚拟机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zcylxzyh/article/details/97811223
版权

乐优商城学习Day02：

注意：此次代码都是在第一天的基础上

第一天的链接如下：

https://blog.csdn.net/zcylxzyh/article/details/97616746

此次笔记内容主要为：（省去了前端的项目结构解释。如果有笔记的话，解释可看笔记）
1.导入已有资源，安装vue插件，配置域名
2.Vuetify框架
3.安装虚拟机，CentOs6.5,在虚拟机，安装nginx
4.数据库导入数据（附：数据库安装和彻底删除）
5.商品分类查询
6.跨域问题

下面开始第二天的学习：

1.导入已有资源，安装vue插件，配置域名

首先导入leyou-manage-web
在这里插入图片描述
然后安装vue插件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
然后下载安装，安装之后
在这里插入图片描述
这里有关vue的文件就会变成这样

然后我们配置域名，这里我们使用SwitchHosts工具
在这里插入图片描述
我们的配置如下：
在这里插入图片描述
至此，第一部分结束。

2.Vuetify框架

官方网站：https://vuetifyjs.com/zh-Hans/
在这里插入图片描述
使用方法：
基于官方网站的文档进行学习：
在这里插入图片描述
我们重点关注UI components即可，里面有大量的UI组件，我们要用的时候再查看，不用现在学习，先看下有什么：
在这里插入图片描述
在这里插入图片描述
以后用到什么组件，就来查询即可。

至此，第二部分结束。

3.安装虚拟机，CentOs6.5 和 在虚拟机安装nginx

什么是nginx：
在这里插入图片描述
nginx可以作为web服务器，但更多的时候，我们把它作为网关，因为它具备网关必备的功能：

  • 反向代理
  • 负载均衡
  • 动态路由
  • 请求过滤

Web服务器分2类：

  • web应用服务器，如：
    • tomcat
    • resin
    • jetty
  • web服务器，如：
    • Apache 服务器
    • Nginx
    • IIS

区分：web服务器不能解析jsp等页面，只能处理js、css、html等静态资源。

并发：web服务器的并发能力远高于web应用服务器。

今天主要用nginx做反向代理

  • 代理：通过客户机的配置，实现让一台服务器(代理服务器)代理客户机，客户的所有请求都交给代理服务器处理。
  • 反向代理：用一台服务器，代理真实服务器，用户访问时，不再是访问真实服务器，而是代理服务器。

nginx可以当做反向代理服务器来使用：

  • 我们需要提前在nginx中配置好反向代理的规则，不同的请求，交给不同的真实服务器处理
  • 当请求到达nginx，nginx会根据已经定义的规则进行请求的转发，从而实现路由功能

在这里插入图片描述
接下来我们就来讲解怎么安装虚拟机和在虚拟机上安装nginx：

a.安装虚拟机：

具体安装虚拟机和CentOs的过程的博客
https://blog.csdn.net/zcylxzyh/article/details/98031743

b.在虚拟机上安装nginx

参照本人写的这个博客
https://blog.csdn.net/zcylxzyh/article/details/98072052

c.更改nginx.conf文件

在这里插入图片描述
修改后的完整conf(注意使用你自己的主机地址)


#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
	server {
        listen       80;
        server_name  manage.leyou.com;
 
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 
        location / {
			proxy_pass http://192.168.31.193:9001; #主机地址下的9001端口
			proxy_connect_timeout 600;
			proxy_read_timeout 600;
        }
    }
	server {
        listen       80;
        server_name  api.leyou.com;
 
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 
        location / {
			proxy_pass http://192.168.31.193:10010;
			proxy_connect_timeout 600;
			proxy_read_timeout 600;
        }
    }

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

然后重新加载nginx配置文件
nginx -s reload
在这里插入图片描述
然后访问manage.leyou.com成功
在这里插入图片描述
至此，第三阶段结束。

4.数据库导入数据（附：数据库安装和彻底删除）

这里我们启动数据库将数据导入进去：

新建yun6
在这里插入图片描述
右键数据库，选择运行sql文件
在这里插入图片描述
运行之后：
在这里插入图片描述

注意：我一开始是用5.5版本的数据库时导入出错，后来删除5.5版本，下载5.6版本的数据库再次导入就成功了，所以请大家也注意。

完全卸载mysql可以参照：
https://blog.csdn.net/cxy_Summer/article/details/70142322

安装mysql可以参照
https://www.cnblogs.com/muhehe/p/7701989.html

至此，第四部分结束。

5.商品分类查询
因为我们已经有了前端页面，所以我们进行后台的代码编写：

首先在 ly-item=>ly-item-interface=>src=>main=>java=>com.leyou.item.pojo中创建名为Category的类。
Category类代码如下：

package com.leyou.item.pojo;

import lombok.Data;
import tk.mybatis.mapper.annotation.KeySql;

import javax.persistence.Id;
import javax.persistence.Table;

@Table(name="tb_category")
@Data
public class Category {
	@Id
	@KeySql(useGeneratedKeys=true)
	private Long id;
	private String name;
	private Long parentId;
	private Boolean isParent; // 注意isParent生成的getter和setter方法需要手动加上Is
	private Integer sort;
	// getter和setter略
}

此时需要修改pom文件，修改后的pom文件如下：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>ly-item</artifactId>
        <groupId>com.leyou.service</groupId>
        <version>1.0.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>

    <groupId>com.leyou.service</groupId>
    <artifactId>ly-item-interface</artifactId>
<dependencies>
    <dependency>
        <groupId>tk.mybatis</groupId>
        <artifactId>mapper-core</artifactId>
        <version>1.0.4</version>
    </dependency>
</dependencies>

</project>

然后编写controller，分析如下：

编写一个controller一般需要知道四个内容：

  • 请求方式：决定我们用GetMapping还是PostMapping
  • 请求路径：决定映射路径
  • 请求参数：决定方法的参数
  • 返回值结果：决定方法的返回值

在刚才页面发起的请求中，我们就能得到绝大多数信息：
在这里插入图片描述

  • 请求方式：Get
  • 请求路径：/api/item/category/list。其中/api是网关前缀，/item是网关的路由映射，真实的路径应该是/category/list
  • 请求参数：pid=0，根据tree组件的说明，应该是父节点的id，第一次查询为0，那就是查询一级类目
  • 返回结果：？？
    根据前面tree组件的用法我们知道，返回的应该是json数组：
    在这里插入图片描述
    对应的java类型可以是List集合，里面的元素就是类目对象了。也就是List

分析结束。
在ly-item-service=>src=>main=>java=>com.leyou=>item=>web下创建类名为CategoryController的类。
CategoryController代码如下：

package com.leyou.item.web;

import com.leyou.item.pojo.Category;
import com.leyou.item.service.CategoryService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

@RestController
@RequestMapping("category")
public class CategoryController {
    @Autowired
    private CategoryService categoryService;

    //    根据父节点ID查询商品分类
    @GetMapping("list")
    public ResponseEntity<List<Category>> queryCategoryListByPid(@RequestParam("pid") Long pid) {
            return ResponseEntity.ok(categoryService.queryCategoryListByPid(pid));
    }

}

然后编写service：

一般service层我们会定义接口和实现类，不过这里我们就偷懒一下，直接写实现类了
在与web同级的目录下找到service包，在下面创建名为CategoryService的类。

CategoryService的代码如下：

package com.leyou.item.service;

import com.leyou.common.enums.ExceptionEnum;
import com.leyou.common.exception.LyException;
import com.leyou.item.pojo.Category;
import com.leyou.item.mapper.CategoryMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.util.CollectionUtils;

import java.util.List;

@Service
public class CategoryService {
    @Autowired
    private CategoryMapper categoryMapper;

    public List<Category> queryCategoryListByPid(Long pid) {
        //查询条件，mapper会把对象中的非空属性作为查询条件
        Category t = new Category();
        t.setParentId(pid);
        List<Category> list = categoryMapper.select(t);
        //判断结果
        if (CollectionUtils.isEmpty(list)) {
            //返回404
            throw new LyException(ExceptionEnum.CATEGORY_NOT_FOND);
        }
        return list;
    }
}

然后我们编写mapper：
item下创建mapper包，mapper包与web同级，在mapper包下创建名为CategoryMapper的接口
CategoryMapper代码如下：

package com.leyou.item.mapper;

import com.leyou.item.pojo.Category;
import tk.mybatis.mapper.common.Mapper;

public interface CategoryMapper extends Mapper<Category>{
}

此时的结构：
在这里插入图片描述
选中启动类添加扫描包：
在这里插入图片描述
修改后代码如下：

package com.leyou;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.client.discovery.EnableDiscoveryClient;
import tk.mybatis.spring.annotation.MapperScan;

@SpringBootApplication
@EnableDiscoveryClient
@MapperScan("com.leyou.item.mapper")
public class LyItemApplication {
    public static void main(String[] args) {
        SpringApplication.run(LyItemApplication.class);
    }
}

不经过网关访问时：
http://localhost:8081/category/list?pid=0
在这里插入图片描述
通过网关访问：
http://localhost:10010/api/item/category/list?pid=0
在这里插入图片描述
但是刷新后台管理页面时：
在这里插入图片描述
这就是跨域问题了。

至此，第5部分结束。

6.跨域问题
跨域：浏览器对于javascript的同源策略的限制 。

以下情况都属于跨域：

跨域原因说明示例
域名不同www.jd.com 与 www.taobao.com
域名相同，端口不同www.jd.com:8080 与 www.jd.com:8081
二级域名不同item.jd.com 与 miaosha.jd.com

如果域名和端口都相同，但是请求路径不同，不属于跨域，如：

www.jd.com/item

www.jd.com/goods

而我们刚才是从 manage.leyou.com去访问api.leyou.com，这属于二级域名不同，跨域了。

为什么有跨域问题：

跨域不一定会有跨域问题。

因为跨域问题是浏览器对于ajax请求的一种安全限制：一个页面发起的ajax请求，只能是与当前页域名相同的路径，这能有效的阻止跨站攻击。

因此：跨域问题 是针对ajax的一种限制。

解决方案：
目前比较常用的跨域解决方案有3种：

  • Jsonp
    最早的解决方案，利用script标签可以跨域的原理实现。
    限制：
    • 需要服务的支持
    • 只能发起GET请求
  • nginx反向代理
    思路是：利用nginx把跨域反向代理为不跨域，支持各种请求方式
    缺点：需要在nginx进行额外配置，语义不清晰
  • CORS
    规范化的跨域请求解决方案，安全可靠。
    优势：
    • 在服务端进行控制是否允许跨域，可自定义规则
    • 支持各种请求方式
      缺点：
    • 会产生额外的请求

我们这里会采用cors的跨域方案。

什么是cors：

CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。

它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。

CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。

  • 浏览器端：
    目前，所有浏览器都支持该功能（IE10以下不行）。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。
  • 服务端：
    CORS通信与AJAX没有任何差别，因此你不需要改变以前的业务逻辑。只不过，浏览器会在请求中携带一些头信息，我们需要以此判断是否允许其跨域，然后在响应头中加入一些信息即可。这一般通过过滤器完成即可。

原理：

浏览器会将ajax请求分为两类，其处理方案略有差异：简单请求、特殊请求。

简单请求：
只要同时满足以下两大条件，就属于简单请求。：

（1) 请求方法是以下三种方法之一：

  • HEAD
  • GET
  • POST

（2）HTTP的头信息不超出以下几种字段：

  • Accept
  • Accept-Language
  • Content-Language
  • Last-Event-ID
  • Content-Type：只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain

当浏览器发现发起的ajax请求是简单请求时，会在请求头中携带一个字段：Origin.

在这里插入图片描述
Origin中会指出当前请求属于哪个域（协议+域名+端口）。服务会根据这个值决定是否允许其跨域。

如果服务器允许跨域，需要在返回的响应头中携带下面信息：

Access-Control-Allow-Origin: http://manage.leyou.com
Access-Control-Allow-Credentials: true
Content-Type: text/html; charset=utf-8

  • Access-Control-Allow-Origin：可接受的域，是一个具体域名或者*（代表任意域名）

  • Access-Control-Allow-Credentials：是否允许携带cookie，默认情况下，cors不会携带cookie，除非这个值是true

  • 有关cookie：

    要想操作cookie，需要满足3个条件：

  • 服务的响应头中需要携带Access-Control-Allow-Credentials并且为true。

  • 浏览器发起ajax需要指定withCredentials 为true

  • 响应头中的Access-Control-Allow-Origin一定不能为*，必须是指定的域名

特殊请求：
不符合简单请求的条件，会被浏览器判定为特殊请求,，例如请求方式为PUT。

预检请求

特殊请求会在正式通信之前，增加一次HTTP查询请求，称为"预检"请求（preflight）。

浏览器先询问服务器，当前网页所在的域名是否在服务器的许可名单之中，以及可以使用哪些HTTP动词和头信息字段。只有得到肯定答复，浏览器才会发出正式的XMLHttpRequest请求，否则就报错。

一个“预检”请求的样板：

OPTIONS /cors HTTP/1.1
Origin: http://manage.leyou.com
Access-Control-Request-Method: PUT
Access-Control-Request-Headers: X-Custom-Header
Host: api.leyou.com
Accept-Language: en-US
Connection: keep-alive
User-Agent: Mozilla/5.0...

与简单请求相比，除了Origin以外，多了两个头：

  • Access-Control-Request-Method：接下来会用到的请求方式，比如PUT
  • Access-Control-Request-Headers：会额外用到的头信息

预检请求的响应

服务的收到预检请求，如果许可跨域，会发出响应：

HTTP/1.1 200 OK
Date: Mon, 01 Dec 2008 01:15:39 GMT
Server: Apache/2.0.61 (Unix)
Access-Control-Allow-Origin: http://manage.leyou.com
Access-Control-Allow-Credentials: true
Access-Control-Allow-Methods: GET, POST, PUT
Access-Control-Allow-Headers: X-Custom-Header
Access-Control-Max-Age: 1728000
Content-Type: text/html; charset=utf-8
Content-Encoding: gzip
Content-Length: 0
Keep-Alive: timeout=2, max=100
Connection: Keep-Alive
Content-Type: text/plain

除了Access-Control-Allow-Origin和Access-Control-Allow-Credentials以外，这里又额外多出3个头：

  • Access-Control-Allow-Methods：允许访问的方式
  • Access-Control-Allow-Headers：允许携带的头
  • Access-Control-Max-Age：本次许可的有效时长，单位是秒，过期之前的ajax请求就无需再次进行预检了

如果浏览器得到上述响应，则认定为可以跨域，后续就跟简单请求的处理是一样的了。

实现：
虽然原理比较复杂，但是前面说过：

  • 浏览器端都有浏览器自动完成，我们无需操心
  • 服务端可以通过拦截器统一实现，不必每次都去进行跨域判定的编写。

事实上，SpringMVC已经帮我们写好了CORS的跨域过滤器：CorsFilter ,内部已经实现了刚才所讲的判定逻辑，我们直接用就好了。

在ly-gateway=>src=>main=>java=>com.leyou.gateway创建包config在包下创建类GlobalCorsConfig
在这里插入图片描述

GlobalCorsConfig代码如下：

package com.leyou.gateway.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class GlobalCorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        //1.添加CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //1) 允许的域,不要写*，否则cookie就无法使用了,因为是add所以可以有多个
        config.addAllowedOrigin("http://manage.leyou.com");
        //2) 是否发送Cookie信息
        config.setAllowCredentials(true);
        //3) 允许的请求方式
        config.addAllowedMethod("OPTIONS");
        config.addAllowedMethod("HEAD");
        config.addAllowedMethod("GET");
        config.addAllowedMethod("PUT");
        config.addAllowedMethod("POST");
        config.addAllowedMethod("DELETE");
        config.addAllowedMethod("PATCH");
        // 4）允许的头信息
        config.addAllowedHeader("*");
        //5）有效时长：单位秒
        config.setMaxAge(3600L);

        //2.添加映射路径，我们拦截一切请求
        UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
        configSource.registerCorsConfiguration("/**", config);

        //3.返回新的CorsFilter.
        return new CorsFilter(configSource);
    }
}

在ly-common中：
在这里插入图片描述
添加新的异常，修改后代码如下：

package com.leyou.common.enums;

        import lombok.AllArgsConstructor;
        import lombok.Getter;
        import lombok.NoArgsConstructor;

@Getter
@NoArgsConstructor
@AllArgsConstructor
//枚举是指只能有固定实例个数的类
public enum ExceptionEnum {
    PRICE_CANNOT_BE_NULL(400,"价格不能为空！"),
    CATEGORY_NOT_FOND(404,"商品分类没查到")
    ;
    private  int code ;
    private  String msg ;

}

重新访问：
http://manage.leyou.com/#/item/category
在这里插入图片描述
分类的增删改功能暂时就不做了，页面已经预留好了事件接口，有兴趣的同学可以完成一下。

至此，今天的任务结束。

附：截止至今天的整体架构截图：
leyou:
在这里插入图片描述
ly-common:
在这里插入图片描述
ly-gateway:
在这里插入图片描述
ly-item:
在这里插入图片描述
ly-item-interface:
在这里插入图片描述
ly-item-service:
在这里插入图片描述
ly-registry:
在这里插入图片描述

肉乎乎的鸭
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
乐优商城官方笔记（全）
05-21
乐优商城官方笔记
B站整理的乐优商城笔记
05-21
B站整理的乐优商城笔记
乐优商城个人笔记上-主要框架、基础知识、管理系统代码
weixin_48713918的博客
10-29 1900
SpringBoot 内置tomcat 提供了自动配置，搭建spring应用的脚手架 复杂的配置，混乱的依赖关系
分布式商城项目笔记-乐优商城
10-29
分布式商城项目笔记-乐优商城，详细的课程笔记，图文截图，笔记是MD文件，非常值得学习
乐优商城19天(全)项目笔记
03-02
该笔记为乐优商城的19天全套笔记，内容详细，图文并茂，运用了SpringCloud微服务框架。
乐优商城笔记.zip
09-16
乐优商城项目笔记 全部的笔记 要不是被坑了好多次 我都懒得发布这个 下载要那么多积分 还不全 真实恶心
lyshop:乐优商城学习ing...
05-26
乐优商城学习笔记十二-Elasticsearch学习（四） 乐优商城学习笔记十三-搜索微服务 乐优商城学习笔记十四-搜索微服务（二） 乐优商城学习笔记十五-搜索微服务（三） 乐优商城学习笔记十六-搜索过滤（一） 乐优商城...
乐优商城《项目笔记》
04-24
只有乐优商城1-19天的项目笔记不含视频内容，欢迎大家下载学习交流！
乐优商城（十五）Elasticsearch学习笔记
lyj2018gyq的博客
10-10 2588
Elasticsearch学习笔记（一） 目录 一、操作索引 1.1 基本概念 1.2 创建索引 1.3 查询索引 1.4 删除索引 1.5 映射配置 1.5.1 创建映射字段 1.5.2 查看映射关系 1.5.3 字段属性详解  1.6 新增数据 1.6.1 随机生成id 1.6.3 智能判断 1.7 修改数据 1.8 删除数据 二、查询 2.1 基本查询 ...
乐优商城学习笔记十五-搜索微服务（三）
小武的Blog
04-19 287
3.页面分页效果 刚才的查询中，我们默认了查询的页码和每页大小，因此所有的分页功能都无法使用，接下来我们一起看看分页功能条该如何制作。 这里要分两步， 第一步：如何生成分页条 第二步：点击分页按钮，我们做什么 3.1.如何生成分页条 先看下页面关于分页部分的代码： 可以看到所有的分页栏内容都是写死的。 3.1.1.需要的数据 分页数据应该是根据总页数、当前页、总条数等信息来计算得出。 当前...
基于微服务的乐优商城《项目笔记》.rar
06-26
heima教程笔记 ## 3.7.创建商品微服务 既然是一个全品类的电商购物平台，那么核心自然就是商品。因此我们要搭建的第一个服务，就是商品微服务。其中会包含对于商品相关的一系列内容的管理，包括： - 商品分类管理 - 品牌管理 - 商品规格参数管理 - 商品管理 - 库存管理 我们先完成项目的搭建： ### 3.7.1.微服务的结构 因为与商品的品类相关，我们的工程命名为`ly-item`. 需要注意的是，我们的ly-item是一个微服务，那么将来肯定会有其它系统需要来调用服务中提供的接口，因此肯定也会使用到接口中关联的实体类。 因此这里我们需要使用聚合工程，将要提供的接口及相关实体类放到独立子工程中，以后别人引用的时候，只需要知道坐标即可。 我们会在ly-item中创建两个子工程： - ly-item-interface：主要是对外暴露的接口及相关实体类 - ly-item-service：所有业务逻辑及内部使用接口
乐优商城《项目笔记》MK版
11-27
博学谷黑马分布式实战项目乐优商城的项目笔记，乐优商城《项目笔记》MK版，md文件，带图片，值得学习看一下
乐优商城项目最新笔记和完成版代码!!注意最新的,不是前8天
11-16
乐优商城项目最新笔记和完成版代码!!注意最新的,不是前8天,代码全是完成了的,包括前端,笔记是新的
乐优商城笔记十：授权中心
Bbb的博客
06-14 663
完成乐优商城前台授权中心 无状态登录原理 什么是有状态？ 有状态服务，即服务端需要记录每次会话的客户端信息，从而识别客户端身份，根据用户身份进行请求的处理，典型的设计如tomcat中的session。 例如登录：用户登录后，我们把登录者的信息保存在服务端session中，并且给用户一个cookie值，记录对应的session。然后下次请求，用户携带cookie值来，我们就能识别到对应session...
商城项目搭建
weixin_43463118的博客
11-28 972
商城项目搭建0.学习目标1.了解电商行业1.1.项目分类1.1.1.传统项目1.1.2.互联网项目1.2.电商行业的发展1.2.1.钱景1.2.2.数据1.2.3.技术特点1.3.常见电商模式1.4.一些专业术语2.乐优商城介绍2.1.项目介绍2.2.系统架构2.2.1.架构图2.2.2.系统架构解读3.项目搭建3.1.技术选型3.2.开发环境3.3.域名3.4.创建父工程3.5.创建Eureka...
乐优商城笔记八：短信微服务
Bbb的博客
06-14 385
完成短信微服务，主要负责全站各种短信的发送。 搭建短信微服务 创建子工程 GroupId：com.leyou.service ArtifactId：ly-sms 编写pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" ...
乐优商城第二天（Springcloud上）
CR2018博客
05-22 2461
一.系统架构的演进1.集中式架构，所有的模块都耦合在一起2.垂直拆分，分家，各模块相对独立，但是每一个模块都直接和数据库打交道，产生了很多重复的工作3.分布式服务，将系统的基础服务进行抽取，各个业务都可以调用这些服务，提高了代码服用和开发效率。但是缺乏统一管理，相当于每一个模块都是直接和那些基础服务打交道的。导致关系错综复杂。4.SOA面向服务，有一个统一的注册中心来管理服务。5.微服务，服务拆分...
乐优商城项目
m0_45209551的博客
06-01 2948
了解电商行业了解乐优商城项目结构能独立搭建项目基本框架能参考使用ES6的新语法学习电商项目，自然要先了解这个行业，所以我们首先来聊聊电商行业主要从需求方、盈利模式、技术侧重点这三个方面来看它们的不同各种企业里面用的管理系统（ERP、HR、OA、CRM、物流管理系统。。。。。。。）需求方：公司、企业内部盈利模式：项目本身卖钱技术侧重点：业务功能门户网站、电商网站：baidu.com、qq.com、taobao.com、jd.com ......需求方：广大用户群体盈利模式：虚拟币、增值服务、广告收益.....
latex教程--latex排版学习笔记---入门提高
最新发布
07-30
总之，LaTeX教程和学习笔记是学习LaTeX的重要资源，初学者可以通过这些资源来系统地学习和提高自己的LaTeX排版能力。除了阅读教程和学习笔记，多加练习、参考优秀的LaTeX作品也是提高自己的最好方式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值