目 录W3C标准盒子模型和IE盒子模型的区别Bootstrap4——新闻管理手机端页面菜鸟教程——Bootstrap4 网格系统Bootstrap4——导航、导航栏、轮播Bootstrap4响应式页面——根据设备的不同,显示不同的结果电脑端展示(一行展示4个商品信息div)手机端展示(一行展示1个商品信息div)平板电脑端展示(一行展示2个商品信息div)PowerDes
使用Flask需要下载flask插件,直接使用pip install flask即可
转载
2023-05-25 00:50:49
142阅读
在开发前后端分离的网站时,跨域是我们经常能遇到的问题。对于没有经验的开发者来讲,在开发过程中跨域也是一个很棘手的问题。产生跨域问题的原因浏览器出于安全原因会阻拦不同域名之间的请求,以防止跨域攻击。跨域攻击是通过浏览器cookies的漏洞,让一个危险网站通过保存的cookies进行一些危险的操作。具体跨域攻击的技术细节和防御原理在这里就不多讲了。 一般来讲,当两个地址的协议、主机名、端口有一个不一样
系列文章目录 Spring Boot + Vue 使用Maven进行打包发布 记录 -- 项目结构系列文章目录前言本文只是构建项目结构,需要pom文件配置的可以移步系列文章第二篇一、搭建父项目二、构建后端子项目:backend三、搭建前端子项目:frontend四、整合一下父项目与前端子项目的关系总结 前言本文仅是针对笔者操作的一个记录,以便以后使用。也希望可以对更多的同好们有所帮助。 现在前后端
Vue全家桶之前后端交互一、 前后端交互模式1. 接口调用方式2. URL地址格式2.1 传统形式的URL2.2 Restful形式的URL二、 Promise 用法1. 异步调用2. Promise 概述3. Promise 基本用法4. Promise 常用的API三、 接口调用-fetch用法1. fetch 概述2. 基本用法3. fetch 请求参数4. fetch 响应结果四、 接口
转载
2024-03-20 16:26:25
49阅读
VUE构建前后端分离的前端项目(超详细)1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势:分工明确,提高工作效率,前端主要关注页面、用户体验,后端主要关注业务、安全。性能提升,前端通过路由配置实现按需加载,后端无需解析前端页面。前后端同时开发,提升开发效率。发
转载
2023-07-04 20:29:31
573阅读
目前我们大多数服务应该会使用 Docker 来进行部署,但在整个项目需要用到多个服务时,一个一个编排部署就会很麻烦,如我们常见的会有前端服务(Vue)+后端服务(Node)+数据库(Mysql)+缓存(Redis)。这篇文章主要就是讲下怎么使用 Docker-Compose 来一键编排部署我们的服务。一、安装 Docker 及 Docker-Compose1. 安装 Dockerlinux服务器使
转载
2023-10-01 08:17:00
243阅读
,天天和你一起进步上篇文章为大家讲述了 Spring Boot +
原创
2021-08-05 16:37:59
1927阅读
一、为什么需要前后端分离1.1什么是前后端分离 前后端分离这个词刚在毕业(15年)那会就听说过,但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离?直观的感觉就是前后端分开去做,即功能和职责上的一种划分,前端负责页面的渲染,部分页面交互的逻辑,然后通过网络请求与后端进行数据的交互;后端则着重关注业务逻辑的处理,直接操控数据库。1.2前后端未分离前(1)jsp + serv
转载
2024-08-14 12:12:34
56阅读
一、前端项目搭建过程1、项目初始化前端使用vue-cli3.0+webpack 搭建项目结构,需要先安装vue,可以通过npm来安装,因此首先需要安装node,步骤如下(1)进入 node官网,下载最新版本,安装完毕后,执行node --version、npm --version 查看是否安装成功。(2)node安装完成后,即可通过npm来安装vue,可先执行(npm install -
转载
2024-06-29 22:35:54
550阅读
前言:2gitee源码:https://gitee.com/web-paul/springboot-vue第一部分:vue前端目录:一、assets目录: 引用了一个全局css样式,最后在main.js引入即可 main.js中:import '@/assets/css/global.css'二、components目录:Aside代表侧边栏组件:el-menu这个标签记住了 1处代表设置默认高亮
转载
2024-05-14 15:32:08
235阅读
0.需求需要将深度学习算法Demo做成可以用来展示的网页应用1.技术栈前端:框架:VueUI库:Bootstrap后端:开发语言:PythonREST API: flask2.前端2.1环境搭建因为选择使用Vue来作为开发的框架,我们需要安装Node.js# 官方安装教程:https://github.com/nodesource/distributions
# 或者从安装仓库安装
sudo
转载
2024-03-05 22:33:40
446阅读
场景在vue开发中,我们采用前后端分离的模式进行开发,则前端渲染的数据都需要从后端获得,这样就会带来跨域问题。思路解决跨域问题,正常情况下有两种,既然涉及到两端,那么大的就是从两端各自处理。第一种:从后端处理。就是在后端代码中通过过滤器等方式允许请求进行跨域访问,这种方法在之前的springboot文档中有记录,此处不再叙述。第二种:从前端vue处理,vue提供了相关的配置,通过代理的方式进行跨域
转载
2023-10-23 09:41:35
108阅读
前后端正常交互的流程1、评审阶段:产品召集前后端进行需求评审,前后端各自捋清楚自己的业务量以及联调之间工作量,从而进行开发时间评估。2、开发准备阶段:前后端一起商量需求中需要联调的部分,进行接口的口头协议交流。3、接口定义阶段:前后端中的一方根据之前的口头协议拟定出一份详细的接口,并书写APl文档,完成后由另一方确认。有疑问的地方重新商量直至双方都没有问题。4、开发阶段:双方根据协商出来的接口为基
转载
2023-08-12 20:53:49
93阅读
Vue前后端分离 一、工程创建前期(不用切换目录) 1、安装淘宝镜像cnpm npm install -g cnpm -registry=https://registry.npm.taobao.org 查看是否安装完毕: node –v npm –v 或 cnpm -v 2、安装脚手架,用于快速创建 ...
转载
2021-08-20 16:03:00
1138阅读
2评论
Vue前后端交互文章目录Vue前后端交互引入:Vue前后端交互一、基于jQuery的ajax前后端交互模式前端后端二、使用fetch前后端交互fetch基本用法与请求参数fetch基本用法fetch请求参数fetch前后端交互前端后端三、前后端交互之axios前端后端参考资料引入:Vue前后端交互一般在项目中结合async/await语法使用axios调用接口一、基于jQuery的ajax前后端交互模式前端<head> <meta charset="UTF-8">
原创
2021-05-20 10:29:27
1086阅读
文章目录前后端分离项目部署(服务器或本地)前端部署(以vue项目为例)后端部署(以Springboot项目为例)补充 前后端分离项目部署(服务器或本地)前端部署(以vue项目为例)部署环境:Nginx 配置文件:vue.config.js 更多可见此文章vue项目打包与配置-学习笔记(vuecli4): 以下是vuecli2:CDN优化:module.exports = {
...
转载
2024-04-19 15:37:17
125阅读
前后端怎样分离前端只需要独立编写客户端代码,后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口,将Model展示到View中即可。前后端开发者只需要提前约定好接口文档(URL、参数、数据类型.….),然后分别独立开发即可,前端可以造假数据进行测试,完全不需要依赖于后端,最后完成前后端集成即可,真正实现了前后端应用的解耦合,极大地提升了开发效率。前端应用:负责数
转载
2023-09-03 09:28:47
215阅读
路由此处的路由指的是页面跳转的规则,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能。可以简单理解为url跳转后端路由和前端路由的url的访问意义有所不同,所有的url都会访问到服务器上对应的资源。页面请求的url全部要通过后端服务的过滤器进行过滤和处理在之前学的web技术中,学习过Java Servlet,前端的页面资源和后端服务是放在了同一个项目文件中的,前端显示的页面都是
转载
2024-04-03 19:17:25
103阅读
在Vue中,前端与后端对接可以通过调用后端提供的接口来实现。以下是一般的步骤: 1. 定义接口地址:在Vue项目中,你可以在一个统一的地方定义所有的接口地址,比如在一个单独的文件中或者在Vue实例中的一个常量中。 ```javascript
// api.js
const BASE_URL = 'http://example.com/api'; // 后端接口的基础URL
转载
2024-08-08 08:18:11
127阅读