曾经沧海难为水-除却巫山不是云
曾经沧海难为水-除却巫山不是云

【前端架构】前后端分离架构设计

【前端架构】前后端分离架构设计_第1张图片

一、前后端分离

  1. 为什么选择前后端分离

    1. 独立部署

    2. 分清职责

    3. 技术栈独立

    4. 方便系统演进

    5. 提高效率

  2. 前后端分离的开发模式

    1. 按业务的展示逻辑，确认出待展示的内容

    2. 前后端根据内容，一起细化每个字段名，直至接口确认完毕

    3. 遇到对接第三方接口时，需要反复进行上一步

    4. 当各种开发完成时，在测试环境进行集成

    5. 将完整的业务功能交给QA进行测试

  3. 前后端分离的API设计

    1. RESTful API

      1. 标准的HTTP动词（又称HTTP请求方法）：GET、PUT、POST、DELETE、PATCH等，每个动词的用法应该和它的行为一致

      2. 状态码：20x、40x、50x等常见的状态码，都应该正确地使用

      3. 资源路径：RESTful API中的URL用于代表资源，应该确保资源能遵循相关的规范，例如，/comments/1返回第一条评论，/comments/返回所有的评论

      4. 参数处理：如果存在大量的参数，那么我们就需要通过GET带查询字符串（Query String）的方式，或者POST带body的方式来进行传递

    2. API与安全

      1. Token管理

      2. 表单校验

      3. 权限管理

    3. 应对API变更

      1. 统一API接口服务

      2. API数据模型

      3. 一致化处理方式

      4. 可选的模型适配层

二、API管理模式：API文档管理方式

  1. 传统方式

    1. 手写API文档

    2. 口头约定API

    3. 离线API文档

    4. 在线协作API文档

    5. 版本化API文档

    6. 代码即文档

  2. 互联网模式

    1. HTTP服务即API文档

    2. 代码生成可交互的API文档，如Swagger

三、前后端并行开发：Mock Server

  1. 三种类型Mock Server的比较

    1. 普通Mock Server：HTTP服务器（如Node.js中的Mock Server框架json-server）

      1. 支持相关字段的查询、过滤

      2. 支持文件内容的全文搜索

      3. 支持正则表达式路由

    2. DSL形式的Mock Server（如Java语言的Mock Server服务器Moco）

    3. 编程型Mock Server（如Swagger）

  2. Mock Server的测试：契约测试

    1. 后端契约测试

      1. 运行Mock Server

      2. 发起对Mock Server服务的API请求，获取相应的返回数据

      3. 判断相应的数据，字段与API中的是否一致

    2. 前端契约测试

      1. 字段名一致性校验

      2. 使用interface接口进行API测试（TypeScript编写的应用）

      3. 检验逻辑字段

  3. 前后端并行开发总结

    1. 前后端约定契约API，并完成对应的Mock Server实现

    2. 前后端根据各自的逻辑实现对应的业务代码

    3. 前后端编写各种契约测试，并确定API的修改能够反映到持续集成

    4. 前后端进行API集成

    5. 在API修改时，修正对应的API修改

四、服务于前端的后端：BFF

  1. BFF的API Gateway

    【前端架构】前后端分离架构设计_第2张图片

    1. 应对多端应用

    2. 聚合后端微服务

    3. 代码第三方API

    4. 遗留系统的微服务化改造

  2. 前后端如何实现BFF

    1. 传统后端技术栈下的BFF

    2. 前端技术栈下的BFF

      1. 通过Node.js来接收前端发送过来的请求

      2. 根据请求的类型向对应的后台API服务发起请求

      3. 获得返回结果后进行处理，并向前端返回对应的结果

  3. 使用GraphQL作为BFF

    1. GraphQL优势

      1. 按需获取

      2. 代码即文档

      3. 易于使用的API调试工具

      4. 强类型的API检查

      5. 易于版本化的API

    2. GraphQL缺点

      1. HTTP请求无法被缓存

      2. 错误码处理不友好

      3. 学习成本

      4. 实现复杂

    3. 基于GraphQL的BFF架构

      1. GraphQL->API Gateway->后端服务

      2. GraphQL->REST、RPC等接口的后端服务

      3. GraphQL->GraphQL接口的后端服务

推荐阅读

  1. 上篇：【前端架构】组件化架构设计

参考资料

  1. 《前端架构：从入门到微前端》

延伸阅读

▶ Walkthrough007

你可能感兴趣的:(前端架构)

  • Webpack Module Federation实战：微前端架构 糖糖老师436 前端webpack架构
    WebpackModuleFederation是Webpack5引入的一个特性，它支持微前端架构，允许不同的Web应用之间共享模块，而不需要运行时的容器或服务器端的构建步骤。项目结构假设有两个独立的React应用：app1和app2，其中app2将通过ModuleFederation作为远程模块被app1消费。app1：主应用app2：作为远程微应用app2配置首先，在app2中配置Webpack
  • 前端架构思考，Vue or React？领域设计、文件结构、数据管理、主题替换 程序员小英 前端架构vue.js
    原文来源于：程序员成长指北如有侵权，联系删除从Vue和React看问题Vue的优势内置的vite构建工具，减少构建时间，提高开发效率，在大工程上特别明显结构、样式、功能分开的设计，再通过setup做crud的分隔，整个页面维度的逻辑会特别清晰在路由和数据管理上有官方的解决方案，可以完全没有选择的压力框架本身做了很多的性能优化，如下静态提升，包括静态节点，静态属性预字符串化，20个静态节点以上缓存事
  • 告别微前端开发难题：ScriptEcho赋能编程培训新手 前端
    微前端架构，以其灵活性和可扩展性，正逐渐成为大型复杂应用开发的首选方案。然而，对于编程培训新手而言，微前端的学习曲线却陡峭异常。复杂的配置、繁琐的搭建过程以及对各种框架的深入理解，常常让初学者望而却步。幸运的是，随着AI写代码工具（例如ScriptEcho）的出现，这一切都将变得简单许多。ScriptEcho作为一个强大的AI代码生成器，能够显著降低微前端开发的门槛，让新手也能快速上手，高效完成项
  • 第30节课：前端架构与设计模式—构建高效可维护的Web应用 学问小小谢 HTML学习笔记（已完结）前端架构设计模式学习htmlhtml5
    目录前端架构设计前端架构的重要性前端架构设计原则模块化可维护性可扩展性性能优化前端架构设计方法MVC（Model-View-Controller）MVVM（Model-View-ViewModel）单页应用（SPA）设计模式在前端的应用设计模式概述常见的前端设计模式工厂模式单例模式观察者模式结语在前端开发的领域中，随着应用规模的不断增大，合理的架构设计和恰当的设计模式变得尤为重要。它们不仅能提升开
  • SpringBoot(2) —— 什么是微服务架构 原来是小别扇 SpringBootspringboot分布式java
    微服务1.什么是微服务？微服务是一种架构风格(前面学习的RestFul风格也就是一种风格，但是它是接口风格，而微服务是一种架构风格，我们学习过的架构风格有后端开发的MVC3层架构和MVVM前端架构)，它要求我们在开发一个应用的时候，这个应用必须构建成一系列小服务的组合；可以通过http的方式进行互通。要说微服务架构，先得说说过去我们的单体应用架构。2.单体应用架构所谓单体应用架构（allinone
  • 如何设计一个合理的vue前端项目架构 叫我阿柒啊 vue.js前端架构
    在前端开发中，我学习的是vue的开发路线。在最初的学习中，除了学习理论知识，还有就是看一些开源项目学习如何将vue应用到实际开发中。合理的项目架构设计是项目成功的基础之一。一个好的架构不仅可以提升代码的可读性和可维护性，还能提高开发效率，并降低项目的长期维护成本。所以，本文将以构建项目为起点，探讨如何设计关于vue的前端架构。1.项目初始化1.1创建项目vue不是在IDE中创建项目，而是使用工具在
  • 探索现代前端微前端架构的最佳实践 桂月二二 前端架构
    在当今快速发展的前端开发领域，技术不断迭代，为开发人员提供了越来越多的可能性。在这篇文章中，我们将聚焦于**微前端架构（Microfrontends）**这一最新趋势，并探索其具体实现与最佳实践。微前端架构是前端开发中一种模块化的方法，能够显著提高代码的可维护性和团队协作效率。什么是微前端？微前端（Microfrontends）是受微服务架构启发而提出的理念。它将一个大型的前端应用拆分为多个小型独
  • 微前端架构在前端开发中的实践与挑战 桂月二二 前端架构
    随着单页面应用（SPA）和前端框架如React、Vue、Angular的快速发展，现代前端应用的复杂度日益提升。尤其是当应用规模逐渐增大时，单一的代码库往往难以应对不同团队的协作和版本管理问题。为了应对这一挑战，微前端架构（MicroFrontends）应运而生，它为前端开发提供了一种新的思路，让大型前端应用能够像后端的微服务架构一样，通过拆分模块来降低复杂度。在这篇文章中，我们将探讨微前端架构的
  • 微前端架构 qiankun qq_36437172 前端微前端qiankun
    背景：随着业务功能的扩展，原有开发模式已无法满足需求。上线后出现问题时，排查过程变得异常复杂，新开发人员也难以迅速理解现有代码。同时，系统间界面风格和交互差异较大，导致跨系统办理业务时工作量增加。因此，引入微前端架构，以支持团队协作、实现独立部署，并提升开发效率。微前端微前端qiankun：基于single-spa实现的微前端框架，允许多个子应用在一个主应用中独立运行且互不干扰，适用于大型应用或多
  • 云原生前端开发：打造现代化高性能的用户体验 大梦百万秋 知识学爆状态模式
    引言：前端开发的新风向在过去的几年中，前端开发领域经历了快速的演变，从早期的静态网页到如今复杂的单页应用（SPA），再到微前端架构和渐进式Web应用（PWA），前端技术一直处于技术变革的中心。而随着云原生的理念在后端开发中逐渐成熟，前端开发也迎来了新的机遇和挑战。云原生前端开发意味着应用的架构设计和开发方式需要更加注重现代化的开发工具链、灵活性、性能优化和可扩展性。本文将从技术角度讨论如何运用云原
  • 系列3：【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机 rabbit_it qiankun学习前端框架前端阿里云
    一、引言：为何需要动态加载在现代前端开发中，性能优化始终是一个关键问题。对于微前端架构而言，管理多个子应用带来了前所未有的灵活性，但也对资源的加载和使用效率提出了更高要求。假设你的微前端项目就像一场电影，而子应用是场景或演员。在不同的情节中，我们只需要特定的场景和演员出现，而不需要所有场景和演员一开始就站在舞台上等待。这时，动态加载和按需加载就成为了关键工具——让需要的内容在正确的时机上场，节省性
  • 前端架构师招聘 qq_42801150 前端架构金融
    前端架构师（薪酬50-80W）所属部门：医美云事业部级别：T4岗位职责：1.负责事业部前端技术选型、关键技术决策；2.负责为技术VP前端相关技术决策提供建议和支持；3.负责组织实施内部UI库、内部基础研发工具和研发依赖的开发和实施；4.负责制订公司前端研发规范的制订和实施审查；5.负责组织定期内部前端业务培训，协助提升内部员工前端业务技能。任职要求：1.5年以上工作经验，大型互联网公司前端团队技术
  • 前端架构师的职责 acigt0531 前端gitViewUI
    前端架构师的职责没有文档的代码=放弃治疗作为前端架构师,首先要解决的问题就是让日益膨胀的代码可控,因此你需要梳理代码,建立架构,组织文档,管理架构的更新和维护,评审技术方案对架构的影响,核心模块的方案设计,重点项目的方案设计,CodeReview等.架构师和资深开发在工作职责上有着明确的界限,在一个没有架构师的团队,每一个资深开发或多或少都承担了一部分架构的工作,但都是破碎的,不成体系而且不统一,
  • layuiAdmin - 一个强大的后台管理框架 潘惟妍
    layuiAdmin-一个强大的后台管理框架layuiAdminlayuiAdmin后台管理模板完全由layui自建的一套前端架构实现而成的通用型后台管理模板系统项目地址:https://gitcode.com/gh_mirrors/lay/layuiAdmin是一个基于前端框架Layui设计的后台管理系统模板。它旨在提供一种快速、高效的方式，帮助开发者搭建简洁、美观且功能丰富的后台管理界面。技术
  • 项目搭建使用qiankun（乾坤），入门篇，以及遇到的坑与解决 喂！大掌柜 前端vuevue.js前端框架
    微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略独立运行时每个微应用之间状态隔离，运行时状态不共享第一步：一个系统里面分主应用和子应用在
  • 基于AngularJS的企业软件前端架构 weixin_33980459 前端javascript后端ViewUI
    2019独角兽企业重金招聘Python工程师标准>>>这篇是我参加QCon北京2014的演讲内容：提纲：企业应用在软件行业中占有很大的比重，而这类软件多数现在也都采用B/S的模式开发，在这个日新月异的时代，它们的前端开发技术找到了什么改进点呢？B/S企业软件前端开发模式大体上与桌面软件类似，都是偏重量级的，在前端可能会有较多的业务逻辑，这些业务逻辑如何被合理模块化，与界面分离，以便测试，成为这个领
  • 前端架构: 脚手架通用框架封装之添加测试框架(教程六) Wang's Blog FEArchitecture前端前端架构前端脚手架
    添加测试框架接上文，仍旧在abc-cli项目中参考：https://blog.csdn.net/Tyro_java/article/details/136438882现在要在脚手架项目中安装测试工具，选择jest文档：https://www.npmjs.com/package/jest数据：WeeklyDownloads19,759,155(动态)可见是一个比较流行的测试库，现在安装它$npmij
  • 前端架构: 脚手架框架之commander从基础到高级应用教程 Wang's Blog FEArchitecture前端前端框架
    commander1）概述commander是一个更为知名的脚手架框架进入它的npm官网:https://www.npmjs.com/package/commander目前版本:12.0.0WeeklyDownloads133,822,797(动态数据)最近更新：15daysago(npm)说明这是一个更优质的库同时使用commander的案例也更为知名:vue-cli,webpack-cli,c
  • 2018-05-07 无欲而为
    你的专注力，决定你可以走多远，走多久，node后端，前端架构师，混合开发，多学一些是优势。图片发自App图片发自App
  • 前端架构: 调试本地脚手架最佳实践梳理 Wang's Blog ReactReactNative前端架构
    脚手架本地调试标准流程1）链接本地脚手架就是当我们这个脚手架开发好还没上线的时候可以进入到脚手架的一个目录,通过npmlink完成这个操作$cdyour-cli-dir$npmlink这个操作的含义是将当前的项目链接到node全局的node_modules中作为一个库文件,并且还会解析我们的bin配置,去配置可执行文件通过npmlink的时候,它就会在当前node全局的依赖当中创建一个脚手架可执行
  • 前端架构: 实现脚手架处理简单的命令注册和参数解析 Wang's Blog Web前端架构
    实现简单的命令注册和参数解析1）概述这里不会使用任何第三方工具，而是给大家讲解一下参数解析的一个实现原理实现两个目标第一目标是注册一个命令$xyzcliinit这个命令就可以完成一个自己的操作第二个是实现参数解析希望能够实现--version的一个参数解析以及init-name这样的一个参数解析2）实现那么问题来了，如何能识别到这个init命令$xyzcliinit在nodejs中有一个proce
  • 前端架构: 简易版脚手架开发 Wang's Blog Web前端前端框架
    开发一个简易版脚手架将脚手架命名为:xyzcli,这个名称比较随意，截止在目前，我看到npm上没有这个包，尽量避免重名初始化$mkdirxyzcli$cdxyzcli$npminit-y新建bin/index.js#!/usr/bin/envnodeconsole.log('xyzcli')回到package.json中配置{"bin":{"xyzcli":"bin/index.js"}}发布到n
  • 前端架构: 本地调试脚手架的2种方式 Wang's Blog Web前端架构
    一、调试简单的脚手架方式假定脚手架名称是xxx1）方式1在xxx脚手架项目目录的上一级，执行npmi-gxxx这时候，就可以本地调试脚手架，在前文中已经说明软链的作用参考：https://blog.csdn.net/Tyro_java/article/details/136102674这种方式，可以用到已经发版上线的脚手架项目中2）方式2在未发过版的脚手架项目的根目录中，也就是xxx/下执行$np
  • 前端架构: 脚手架开发流程中的难点梳理 Wang's Blog Web前端架构
    脚手架的开发流程1）开发流程创建npm项目创建脚手架入口文件，最上方添加：#!/usr/bin/envnode配置package.json,添加bin属性编写脚手架代码将脚手架发布到npm2）使用流程安装脚手架npminstall-gyour-own-cli使用脚手架your-own-cli3）脚手架开发难点分包:将复杂的系统拆分成若干个模块，并且合并成一个复杂系统命令注册，如：$vuecreat
  • Vue 和 React 大厂面试通关指南.pdf zz_jesse 编程语言面试java软件开发xhtml
    作为国内应用最广的两个框架，Vue和React是前端必须掌握的内容，也是面试的重点。但大多数读者都只擅长其中一个框架，当面试涉及到另一个框架的内容时，就答不好了。比如虚拟dom，两个框架中都有应用，面试官可能会笼统地问一句“如何理解虚拟dom”，如果你单从一个框架的应用层面去回答，就略显单薄。如何在掌握一个框架的同时，快速理解另一个框架的原理和精髓呢？前百度/360前端架构师大圣老师给出了一个解决
  • 谈谈虚拟 dom 在 Vue 和 React 中的应用 全栈修炼 编程语言面试java软件开发etag
    作为国内应用最广的两个框架，Vue和React是前端必须掌握的内容，也是面试的重点。但大多数读者都只擅长其中一个框架，当面试涉及到另一个框架的内容时，就答不好了。比如虚拟dom，两个框架中都有应用，面试官可能会笼统地问一句“如何理解虚拟dom”，如果你单从一个框架的应用层面去回答，就略显单薄。如何在掌握一个框架的同时，快速理解另一个框架的原理和精髓呢？前百度/360前端架构师大圣老师给出了一个解决
  • 从 16 个方向逐步搭建基于 vue3 的前端架构 codexu_461229187 前端架构vue.js
    前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。在此将我的开发体验，总结至此，分享给大家。我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从16个方向，逐渐带领大家搭建一套属于你自己的脚
  • 基于Vue的前端架构，我做了这15点 codexu_461229187 前端vue.js架构
    前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。在此将我的开发体验，总结至此，分享给大家。我认为前端架构核心工作是定制一套适合当前业务需求的解决方案，从而降低需求的增加而带来的技术实现的复杂度。下面我将从16个方向，逐渐带领大家搭建一套属于你自己的脚
  • 前端架构之路（3） - 前端开发规范 senntyou
    前端开发规范1.为什么需要“前端开发规范”规范不是强制性的，对代码的编写和程序的运行不会有致命的问题，但是没有规范会有一系列的问题，比如：缺乏规范，第一个问题就是团队编码风格不一，增加了成员之间代码的阅读成本，加大了团队协作成本和维护成本；随着团队人员的变化（多人开发一个应用，或者应用更换开发人员），如果缺乏规范，项目可能会变得一团糟，甚至失控；即便是个人开发，规范也是需要的，当把项目转给其他人的
  • 前端架构: 脚手架的开发流程和常用框架 Wang's Blog ReactReactNative前端架构
    脚手架的开发流程脚手架的创建$npminit脚手架的开发分包分包是指当我们一个脚手架比较复杂的时候，不可能把所有的js代码全部写在一个脚手架当中势必会把它建很多的不同的模块package，通常我们会把它称之为一个分包的过程会和实际的这个项目一样，去做这个项目的分包参数解析脚手架通常不可能一个命令就能完成所有的功能，一定要一些辅助参数比如说创建项目的时候，要起一个项目的名称，比如--name像这些参
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他