目录一、项目效果展示二、创建 Servlet 项目三、编写数据库的操作代码1、创建数据库/表结构(数据库设计)(Model)2、封装数据库操作(Model)(1)先创建 DBUtil 封装数据库连接的操作。(2)创建实体类。使用实体类表示数据库中的一条记录(3)封装针对数据的增删改查。四、编写代码1、博客列表页(1)约定前后端接口(2)编写服务器代码(3)编写客户端代码2、博客
前后端分离的项目发布在同一台服务器上,服务器只有一个公网ip,也就只有一个80端口,而假设前端项目已经运行在80端口上了,而项目中又要用到微信授权等就必须要后端运行在80端口上才行,这个时候就可以用nginx进行反向代理配置了。首先配置前端项目,进入到nginx安装目录的conf文件夹:vim nginx.conf 在http模块下添加以下配置: #mobile server {
转载 2024-04-07 13:57:44
225阅读
近年来,前后端分离已经成为中大型软件项目开发的最佳实践。在技术层面,前后端分离指在同一个Web系统中,前端服务器和后端服务器采用不同的技术栈,利用标准的WebAPI完成协同工作。这种前后端分离的"混合开发"模式下,前后端通常会部署到不同的服务器上,即便部署在同一台机器,因为宿主程序(如后端用Tomcat,前端用nginx)不同,端口号也很难统一。这意味着位于A域(如https://foo:80/w
Nginx + Tomcat 实现负载均衡,动静分离集群部署1、Nginx实现负载均衡原理2、Nginx配置反向代理主要参数3、实验  1、Nginx实现负载均衡原理:Nginx服务器作为前端,Tomcat服务器作为后端,web页面请求由Nginx服务来进行转发。 但是不是把所有的web请求转发,而是将静态页面请求Nginx服务器自己来处理,动态页面请求,转发给后端的Tomca
转载 2024-07-29 23:06:28
246阅读
  系统应用架构的发展,从早期的单体架构,发展到现在基本上都是前后端分离的架构(很大程度上是因为移动互联网的飞速发展)。开发模式上,也从早期的程序员前后台都需要写,演化成现在分为前端开发工程师和后端开发工程师。具体如下图所示:         前后端分离之后,就会面临着很多问题,之前传统的session认证方式,对移动端的支持有限,尤其是安全层面的问题。传统用sess
Nginx配置前后端分离项目(包含socket.io配置)支持Https、Springboot前后端分离支持httpsSSL证书配置SSL证书同样以阿里云为例,购买过程省略,开发者可以选择购买个人免费证书。SSL证书下载1.进入阿里云SSL证书管理控制台-证书列表,选择你购买的证书并按步骤提交申请-审核验证。2.审核通过后在证书列表下载项中选择Nginx服务器下载3.本地下载成功上传证书我将这证
转载 2024-07-05 22:20:35
374阅读
Vue-resource实现前后端分离实例vue-resource介绍简介vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。$.ajax能做的事情,vue-resource插件一样可以做到,而且vue-reaource的API更为的简洁。另外,vue-resource还提供了非常有用的inteceptor功能,使用intecep
首先看看前后端分离是什么?“前端”通常指的是,相对来说更接近用户的一端,例如:APP,网页、桌面程序等,在现实开发中大部分情况可以理解为“客户端”;“后端”相对来说就更泛化了,可以理解为是为前端提供服务的一端。”分离“顾名思义就是将”前端“和”后端进行分开“,但是这里的分开主要从下面几个纬度进行分离    1:架构分离,前端不需要依赖后端架构同时后端也不需要知道前端使用何种架构    2:人员分离
转载 2023-08-23 19:37:12
10阅读
ruoyi的菜单管理根据权限分成了目录,菜单,按钮三种粒度,目录和菜单的区别是,目录自身没有路由,由子菜单进行路由。用户的按钮权限在getInfo接口里体现用户的菜单权限在getRouters接口里体现前端根据后端的接口信息对目录,菜单和按钮进行动态渲染,目录和菜单的渲染在002篇中已经讲过,下面是按钮的部分渲染逻辑:// 单个 <el-button v-hasPermi="['system
文章目录前言解决过程解决总结 前言 前面基础的登录,权限验证等都已经完成了,现在想实现记住密码的操作,按网上博客来实现了一翻,却总是失败,token并没有存储到persistent_logins表。 解决过程经过调试发现是因为当登录成功的时候,rememberMeServices执行的方法是NullRememberMeServices下面的: 可以看到它执行了NullRememberMeSe
转载 2023-08-01 16:41:07
95阅读
起因在公司业务中,使用的前后端分离开发。但是因为是第一次用,在做AOP日志记录的时候,发现当用户登录的时候把用户信息存在session中,在AOP方法中获取的session。但是这两个session的sessionId并不相同,即每次的session都是新的。所以思考了一下前后端分离的Session问题。jsp中的session为什么每次都是一样的在jsp中,当访问系统的时候,都会在cookie中
1.1 redis概述Redis(Remote Dictionary Server),即远程字典服务,是一个开源的使用C语言编写,基于内存的且支持持久化,高性能的Key-Value的NOSQL数据库;Redis支持的数据结构类型很丰富,如 :字符串(strings), 散列(hashes), 列表(lists), 集合(sets), 有序集合(sorted sets) 以及范围查询, bitmap
前后端分离 传统的mvc,view的生成其实是在服务器端生成的,或者页面跳转实在服务器端操纵的。 前后端分离前后端之间的所有交互都是数据。前端自己实现路由,前端需要展示的数据则由后端提供。 前后端分离         之前做过车联网的一个项目。客户端有Android,iOS,PC客户端,浏览器等
Python flask 打造前后端分离的口罩检测整体设计思路是前后端分离,前端就是简单的html css来搭建,前后端交互使用的是jquery中的ajax技术,将前端接受到的图片进行base64编码,之后使用ajax发送到指定的url中,并在done函数添加回调,接受处理返回结果,将json结果 通过canvas控件绘图。后端的话就是使用python编写的轻量级的web框架flask,接受前端发
前言自己白嫖到云服务器一个月,岂不是要赶快享受一下,另外也早就有买服务器部署自己项目的想法,刚好机会来了。来着网络 对应若依前后端分离项目来说,部署的方式有很多种: 第1种方式:可以将前端打包整合到后端部署 第2种方式:可以使用tomcat部署(后端打war包+前端打dist包) 第3种方式:可以使用tomcat+nginx部署(后端打war包+前端打dist包+nginx配置) 第4种方式:可以
转载 2023-12-11 10:56:56
35阅读
    必须有一种统一的机制,方便不同的前端设备与后端进行通信。     这导致API构架的流行,甚至出现"API First"的设计思想。RESTful API是目前比较成熟的一套互联网应用程序的API设计理论。     一、协议     API与用户的通信协议,总是使用HTTPs协议。    
转载 2024-08-01 15:58:19
71阅读
接口API设计学习报告15331023 陈康怡什么是API?API即Application Programming Interface。API是一种通道,负责一个程序与另一个程序的沟通。而对于web端开发而言,API可以理解为前后端协商好的交互规范。前端根据API规范发送请求,后端根据API规范响应请求。通过API可以实现前后端分离。一个好的API可以让前后端的开发人员各司其职,专注于深耕自己的领
转载 2024-02-05 16:25:42
48阅读
  前言  一位小妹去面试前端,前端leader问了"什么是ajax?",答:“接收后台的数据,然后然后自己填充和渲染样式”;一位小哥去面试后台,技术经理问了“什么是ajax?”,答:“在不需重新加载整个网页的情况下,发送异步请求,返回json数据给前端”。准确答案到底是什么?Ajax到底属于前端还是属于后端?前端(或者后端)到底需不需要懂得Ajax?Ajax请求与普通的http请求有什么区别?数
转载 10月前
20阅读
一丶 基本介绍前后端分离的认证及授权有两种方式,第一种是使用jwt 也就是(Json Web Token),客户端请求服务端,完成账号密码的认证以后,由服务端生成一个带有过期时间的token,返回给客户端,后续每次请求客户端都要带上这个token,服务端从请求中拿到token 进行解析 判断是否过期,然后构建spring security的安全对象,交由spring security框架进行后续的
转载 2023-07-22 14:39:28
67阅读
先说明一下缘由,因为自己前段时间在实习,实习期间为了参与项目开发,粗略学习了下Vue、Vuex、Vue-Router,大致会一些基础的。这里也快要做毕业设计了,趁着放假回来的这两天,学习下Node的相关知识,最主要的是学习了Express这个基于Node的web框架,我自己本身选的毕设题目也是有关Node的,自然而然地想去用Vue和Express来做一个前后端分离的项目,也算是为毕业设计做准备了。
转载 2024-04-22 12:06:38
72阅读
  • 1
  • 2
  • 3
  • 4
  • 5