【JavaWeb】Web基础概念

1、服务器与客户端

①线下的服务器与客户端
在这里插入图片描述

②线上的服务器与客户端
在这里插入图片描述

2、服务器端应用程序

我们要开发的是服务器端应用程序
在这里插入图片描述

3、请求和响应

①发生在饭馆的请求和响应
在这里插入图片描述

②项目中的请求和响应
在这里插入图片描述

4、项目的逻辑构成

  • 请求:请求是项目中最基本的逻辑单元,就像万事万物都由原子构成

举例:点超链接跳转到注册页面

  • 功能:一个功能包含很多个请求

举例:注册用户功能

  • 请求1:点超链接跳转到注册页面
  • 请求2:发送请求获取短信验证码
  • 模块:一个模块包含很多功能

举例:用户信息管理模块

  • 功能1:用户注册功能
  • 功能2:用户登录功能
  • 项目:开发一个项目就是为这个需求提供的一整套解决方案。

举例:电商项目

  • 子系统1:认证中心子系统
  • 子系统2:商品管理子系统

在这里插入图片描述

5、架构

5.1 概念

『架构』其实就是项目的『结构』,一个项目的架构就是项目是由哪些部分组成的。

5.2 发展演变历程

单一架构

一个项目就是一个工程,这样的结构就是单一架构。JavaWeb阶段、SSM阶段都是学习单一架构开发技术。

分布式架构

一个项目中包含很多工程,每个工程作为一个模块。模块之间存在调用关系。分布式架构阶段的技术分为两类:

  • Java框架:SpringBoot、SpringCloud、Dubbo等等。
  • 中间件:Redis、ElasticSearch、FastDFS、Nginx、Zookeeper、RabbitMQ等等。
    在这里插入图片描述

5.3 单一架构技术体系

视图:用户的操作界面+数据的动态显示

  • 前端技术:HTML/CSS/JavaScript
  • 服务器端页面模板技术:Thymeleaf

控制层:处理请求+跳转页面

  • 服务器:Tomcat
  • 控制器:Servlet
  • 域对象:request、session、servletContext
  • 过滤器:Filter
  • 监听器:Listener
  • 异步交互:Ajax

业务逻辑层:业务逻辑计算
持久化层:操作数据库
在这里插入图片描述

6、本阶段技术体系

在这里插入图片描述

### 小程序中实现线上支付 对于微信小程序而言,要实现在其中集成线上支付功能,开发者需先完成微信支付的配置工作。具体来说,这涉及到申请或复用微信支付商户号,并确保该小程序已经正式发布上线[^1]。 一旦上述准备工作完毕,在开发环境中可以利用`wx.requestPayment()` API 来发起一次支付请求。此API 需要服务器端配合生成预支付交易单并返回必要的参数给前端调用。以下是简化版的小程序内发起支付的一个例子: ```javascript // 前端代码片段 (JavaScript) const pay = async function(orderInfo){ try { const res = await wx.requestPayment({ timeStamp: orderInfo.timeStamp, nonceStr: orderInfo.nonceStr, package: 'prepay_id=' + orderInfo.prepayId, signType: 'MD5', paySign: orderInfo.paySign }); console.log('支付成功',res); } catch(err) { console.error('支付失败:', err.errMsg); } }; ``` 为了使这段代码正常运作,服务端应当提供相应的接口来处理来自客户端的支付请求,并通过调用微信官方提供的统一下单接口获取到必需的信息如 `prepay_id` 等用于构建支付签名的数据结构。 ### 实现线下商户扫码支付 针对线下场景中的扫码支付需求,则通常会采用 Native 支付方式。当用户在 PC 浏览器上下单并选择微信支付作为结算手段时,电商平台应调用微信平台所提供的 Native 接口以显示二维码供顾客扫描完成付款过程[^2]。 然而值得注意的是,在小程序环境下并不直接支持这种模式;相反地,如果希望从小程序跳转至原生应用进行扫码支付的话,则可以通过开放标签 `<web-view>` 加载 H5 页面间接达成目的。在此情况下,H5 页面负责展示由商家系统生成好的 QR Code 图片让用户扫瞄支付。 另外一种更为推荐的方式是在小程序内部使用条形码/二维码形式呈现待支付订单详情,让店员或其他人员能够方便快捷地读取这些信息来进行收款操作。此时可借助于 WeChat Mini Program 的 Canvas 组件绘制自定义图形化界面,或是寻找第三方库辅助快速创建高质量图像文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值