读写分离与前后端分离

目录

读写分离

配置主从步骤 

ShardingJDBC介绍

前后端分离

Yapi,定义接口 

 Swagger


读写分离

面对日益增加的系统访问量,数据库的吞吐量面临着巨大瓶颈。 对于同一时刻有大量并发读操作和较少写操作类型的应用系统来说,将数据库拆分为主库从库,主库负责处理事务性的增删改操作,从库负责处理查询操作,能够有效的避免由数据更新导致的行锁,使得整个系统的查询性能得到极大的改善。

主从复制的好处:

  • 数据热备:作为后备数据库,主数据库服务器故障后,可切换到从数据库继续工作,避免数据丢失
  • 架构扩展:业务量越来越大,I/O访问频率过高,单机无法满足,此时做多库的存储,降低磁盘I/O访问的评率,提高单个机器的I/O性能。
  • 读写分离:使数据库能支持更大的并发。在报表中尤其重要。由于部分报表sql语句非常的慢,导致锁表,影响前台服务。如果前台使用master,报表使用slave,那么报表sql将不会造成前台锁,保证了前台速度

配置主从步骤 

主服务器开启binlog,重启数据库生效,创建复制用户,记录主库日志位置

[mysqld]
log-bin=mysql-bin #[必须]启用二进制日志
server-id=31 #[必须] 服务器唯一id

GRANT REPLICATION SLAVE ON *.* to 'slave'@'%' identified by '123456';

show master status;

从服务器设置主库信息,开启slave


[mysqld]
#从数据库的唯一id
server-id=101


change master to
master_host= '主库IP',master_user='slave',master_password='123456', master_log_file= 'mysql-bin.000002',master_log_pos=441;
start slave;
show slave status\G;

 

ShardingJDBC介绍

Sharding-JDBC定位为轻量级Java框架,在Java的JDBC层提供的额外服务。 它使用客户端直连数据库,以jar包形式提供服务,无需额外部署和依赖,可理解为增强版的JDBC驱动,完全兼容JDBC和各种ORM框架。使用Sharding-JDBC可以在程序中轻松的实现数据库读写分离。

<dependency>
    <groupId>org.apache.shardingsphere</groupId>
    <artifactId> sharding-jdbc-spring-boot-starter</artifactId>
    <version>4.0.0-RC1</version>
</dependency>
server:
  port: 8080
spring:
  application:
    name: reggie_take_out
  shardingsphere:
    datasource:
#自定义数据源名字,名字随便取,注意是下面masterslave配置主从数据源名字
      names:
        master,slave
      ## 主数据源
      master:
        type: com.alibaba.druid.pool.DruidDataSource
        driver-class-name: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://10.0.0.8:3306/rjdb?characterEncoding=utf-8
        username: root
        password: 123456
      ## 从数据源
      slave:
        type: com.alibaba.druid.pool.DruidDataSource
        driver-class-name: com.mysql.cj.jdbc.Driver
        url: jdbc:mysql://10.0.0.7:3306/rjdb?characterEncoding=utf-8
        username: root
        password: 123456
#配置主从信息
    masterslave:
      ## 从库的负载均衡算法类型,round_robin意思是几个从库轮流查询
      load-balance-algorithm-type: round_robin
      ## 最终的数据源名称
      name: dataSource
      ## 主库数据源名称
      master-data-source-name: master
      ## 从库数据源名称列表,多个逗号分隔
      slave-data-source-names: slave
    props:
      sql:
        show: true #开启SQL显示,默认false
#允许bean定义覆盖配置项
  main:
    allow-bean-definition-overriding: true

前后端分离

前后端分离开发,就是在项目开发过程中,对于前端代码的开发由专门的前端开发人员负责,后端代码则由后端开发人员负责,这样可以做到分工明确、各司其职,提高开发效率,前后端代码并行开发,可以加快项目开发进度。

目前,前后端分离开发方式已经被越来越多的公司所采用,成为当前项目开发的主流开发方式。 前后端分离开发后,从工程结构上也会发生变化,即前后端代码不再混合在同一个maven工程中,而是分为前端工程(部署到Nginx)和后端工程(部署到Tomcat)

Yapi,定义接口 

YApi是高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。

可以帮助.开发者轻松创建、发布、维护API, YApi 还为用户提供了优秀的交互体验,开发人员只需利用平台提供的接口数据写入工具以及简单的点击操作就可以实现接口的管理。 YApi让接口开发更简单高效,让接口的管理更具可读性、可维护性,让团队协作更合理.源码地址https://github.com/YMFE/yapi

 Swagger

用来生成接口文档。

使用Swagger你只需要按照它的规范去定义接口及接口相关的信息,再通过Swagger衍生出来的一系列项目和工具,就可以做到生成各种格式的接口文档,以及在线接口调试页面等等。

knife4j是为Java MVC框架集成Swagger生成Api文档的增强解决方案

<dependency>
    <groupld>com.github.xiaoymin</ groupld>
    <artifactld>knife4j-spring-boot-starter</ artifactld>
    <version>3.0.2</version>
</dependency>
/
  配置类,映射静态资源
 /
@Slf4j
@Configuration
@EnableSwagger2
@EnableKnife4j
public class WebMvcConfig extends WebMvcConfigurationSupport {
    /
      设置静态资源映射
      @param registry
     /
    @Override
    protected void addResourceHandlers(ResourceHandlerRegistry registry) {
        log.info("开始进行静态资源映射...");
        registry.addResourceHandler("doc.html").addResourceLocations("classpath:/META-INF/resources/");
        registry.addResourceHandler("/webjars/").addResourceLocations("classpath:/META-INF/resources/webjars/");
        registry.addResourceHandler("/backend/").addResourceLocations("classpath:/backend/");
        registry.addResourceHandler("/front/").addResourceLocations("classpath:/front/");
    }
 
    /
      扩展 Spring Mvc 的消息转换器
      @param converters
     /
    @Override
    protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
        log.info("扩展消息转换器...");
        //创建消息转换器对象
        MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();
        //设置对象转换器,底层使用Jackson将Java对象转换为JSON
        messageConverter.setObjectMapper(new JacksonObjectMapper());
        //将上面的消息转换器对象追加到spring MVC框架的转换器集合中
        converters.add(0,messageConverter);
    }
    @Bean
    public Docket createRestApi() {
        // 文档类型
        return new Docket(DocumentationType.SWAGGER_2)
                .apiInfo(apiInfo())
                .select()
                .apis(RequestHandlerSelectors.basePackage("com.jq.controller"))
                .paths(PathSelectors.any())
                .build();
    }
 
    private ApiInfo apiInfo() {
        return new ApiInfoBuilder()
                .title("瑞吉外卖")
                .version("1.0")
                .description("瑞吉外卖接口文档")
                .build();
    }
}

添加无需处理的请求路径

//定义不需要处理的请求路径
        String []urls=new String[]{
                "/employee/login",
                "/employee/logout",
                "/backend/",
                "/front/",
                "/common/",
                "/user/sendMsg",
                "/user/login",
                "/doc.html",
                "/webjars/",
                "/swagger-resources",
                "/v2/api-docs"
        };

 常用注解

部署架构

其中前端资源部署在nginx服务器中,后端包部署在tomcat服务器中,nginx配置如下:

 server {
         listen       80;
         server_name  localhost;
  
         location / {
              root   html/dist;
              index  index.html index.htm;
          }
          location ^~ /api/ {
              rewrite ^/api/(.*)$ /$1 break;
              proxy_pass http://192.168.159.1:8080;
          }
  
          error_page   500 502 503 504  /50x.html;
          location = /50x.html {
              root   html;
          }
      }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 Flask 中实现前后端分离开发的方法是,在 Flask 中只编写后端逻辑,不包含前端界面的代码。同时,使用一些前端的框架(如 React)单独开发前端界面。然后在 Flask 中设置路由,指向前端界面的文件。这样,前端和后端就被分离开来了。 例如,你可以这样做: 1. 在 Flask 中设置一个路由,指向前端界面的文件: ```python @app.route('/') def index(): return send_file('templates/index.html') ``` 2. 使用前端框架(如 React)开发前端界面,并将文件放在合适的位置(例如上面代码中的 `templates` 目录)。 3. 在 Flask 中编写后端逻辑,包括处理请求、读写数据库等。 4. 在前端界面中通过 AJAX 请求与 Flask 后端进行交互,从而实现前后端分离。 希望这些信息能帮助你。 ### 回答2: Flask是一种轻量级的Web应用框架,可以与前端框架进行结合,实现前后端分离的开发方式。 要实现前后端分离开发,首先需要确定前端框架,比如Vue.js、React等。这些前端框架负责处理用户界面和用户交互,并通过API与后端进行通信。 在Flask中,我们可以使用Flask-RESTful扩展来实现API。Flask-RESTful提供了一组用于定义和管理RESTful API的工具,包括路由、资源、请求解析和响应序列化等。可以使用类继承的方式创建资源,定义路由和请求方法,并在方法中处理API的业务逻辑。 在后端开发中,我们可以使用Flask提供的模板引擎来渲染动态页面。通过渲染模板,可以将后端数据传递给前端,实现数据的动态展示。 UI设计师和前端工程师可以在前端框架中使用静态资源(如HTML、CSS和JavaScript),来创建用户界面和处理用户交互,同时通过API与后端进行数据交互。 前端框架发起的请求将由Flask-RESTful处理,并根据请求的路由和方法调用相应的资源类和方法。这些方法可以与数据库、文件系统或其他后端服务进行交互,然后返回处理结果。 通过将前后端开发分离,可以提高项目的可维护性和扩展性。前端开发人员可以专注于用户界面和交互,而后端开发人员可以专注于业务逻辑和数据处理。同时,前后端之间的接口定义和协作也更加清晰。 ### 回答3: Flask 是一个轻量级的 Python Web 框架,其设计理念支持前后端分离开发。下面是实现前后端分离开发的一些常用方法和步骤: 1. 搭建后端 API:使用 Flask 框架搭建后端 API,提供数据交互和业务逻辑处理的接口。可以使用 Flask 提供的路由机制,通过装饰器定义 URL 路由和对应的视图函数。在视图函数中,可以通过 JSON 格式返回数据或者通过数据库查询获取数据。 2. 前端开发:前端开发可以选择使用任意框架(如 Vue.js、React、Angular),通过 AJAX 或 Fetch API 向后端发送请求,并处理返回的数据。可以在前端项目中创建对应文件夹,将后端提供的 API 地址作为请求的 URL,并使用相应的方式获取和展示数据。 3. 跨域资源共享(CORS):由于前后端分离开发中前端和后端分别运行在不同的域名或端口上,浏览器会阻止跨域请求。可以在 Flask 中使用 Flask-CORS 扩展来设置允许跨域请求的配置。 4. 接口规范:为了提高开发效率和代码协作,可以在项目中定义一套接口规范文档。这个文档可以包括接口的名称、参数、返回数据的格式和状态码等信息。前端和后端开发人员可以根据接口规范进行开发和调试,以确保数据的一致性和准确性。 5. 调试和测试:在前后端分离开发中,为了保证接口的正确性和性能的稳定性,可以使用 Postman、Swagger 等工具对后端 API 进行调试和测试。同时可以使用 Jest、Mocha 等前端测试工具对前端代码进行单元测试和集成测试,以保证代码质量和功能的正确性。 通过以上步骤,我们可以实现前后端分离开发,提高项目的开发效率和代码的可维护性。同时也使得前端和后端开发人员能够更好地专注于各自的领域,并实现更好的合作和沟通。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值