引子:什么是前后端分离和前后端不分离? 前后端分离指的是后端开发人员只负责用来书写后端逻辑代码,不用再去管前端页面的搭建,前端人员只负责做好前端页面效果,不用管数据,数据直接向后端人员要,后端和前端通过路由接口来实现数据的传递,vue就是前后端用来交互使用的一个前端框架,那我们这边后端先是用的django,后续会使用其他框架,比如Flask,Tornado等。前端主流框架有三种,vue只是其中的
转载
2024-03-21 18:04:50
125阅读
项目情况项目是c#的三层架构技术搭建的,前端这一块是在.aspx页面中以script标签引入js <link rel="stylesheet">方式引入css的方式来开发的后台系统网站。网站整体界面结构如下图左侧是菜单,右侧是主题内容页面,主题内容是嵌入在一个iframe中,通过点击左侧菜单,切换iframe的src在显示不同的页面。vue 单文件形式开发思路- 1. 页面的右侧部分提
转载
2023-10-24 10:44:37
379阅读
Vue 应用的 前后端不分离模式的 nginx 配置
一、先在官网下载nginx 软件,解压后放在软件盘中如D盘将nginx 文件夹拖到编译器中,打开conf 文件夹中的 nginx.conf 文件,找到其中的server {} 配置项,默认35 行。将默认的 server 配置全部用 # 注释掉,之后再 conf 文件夹中创建文件夹 conf.d ,创
转载
2024-04-28 18:49:04
405阅读
这两天恰好有我的前boss在朋友圈分享他看到的文章,是关于分享的主题。作者在文章里把新人或者说菜鸟不肯分享的
原创
2022-01-04 10:10:32
62阅读
新技术
转载
2021-07-29 17:56:05
157阅读
这两天恰好有我的前 boss 在朋友圈分享他看到的文章,是关于分享的主题。作者在文章里把新人或者说菜鸟不肯分享的原因总结为害怕被所谓的高手/大牛所打脸而害怕分享。从我的经历来说,我认为这并非核心原因,仅仅是次要原因之一。因此特意写此文与大家探讨一下。
转载
2021-07-12 13:40:44
112阅读
注:贴子是复制粘贴的,只是防止找不到帖子,原文章: 一、安装 Vue CLI因为需要使用 npm 安装 Vue CLI,而 npm 是集成在 Node.js 中的,所以第一步我们需要安装 Node.js,访问官网 https://nodejs.org/en/,首页即可下载。 图中左边是长期支持版本,右边是当前版本,下载哪个都行,我一般选择长期支持版本。下载完成后运行安装包,一路下一步就行
SpringSecurity Oauth2(前后端不分离)简介Spring Security 是 Spring 家族中的一个安全管理框架。相比与另外一个安全框架Shiro,它提供了更丰富的功能,社区资源也比Shiro丰富。 一般来说中大型的项目都是使用SpringSecurity 来做安全框架。小项目有Shiro的比较多,因为相比与SpringSecurity,Shiro的上手更加的简单。 一般W
VUE常用标签属性和指令是带有 v- 前缀的特殊属性。指令属性的值预期是单一 JavaScript 表达式。指令的职责就是当其表达式的值改变时相应地将某些行为应用到 DOM 上 1、数据绑定最常见的形式就是使用:{{data}};<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"
转载
2024-02-04 11:16:07
54阅读
这个项目分为部署本地和部署在服务器上两部分。先看效果技术栈springboot + shiro + redis + vue + element-UI大致框架我感觉这个项目的主要难点在于shiro与jwt的整合,没有相关基础的话看起来那是相当难受。在此利用本博客做一些相关的笔记,有兴趣的小伙帮可以传送b站啦,提醒一下,虽然该项目没用到redis,但是引入了shiro-redis,所以运行项目时记得打
转载
2024-07-01 12:03:06
15阅读
前端处理(前端干不过后端使用此方案): 修改config目录下的index.js文件:proxyTable: {
//匹配代理的url
'/api':{
target:'http://127.0.0.1:80', //实际需要请求的接口域名(IP+端口)
pathRewrite:{'^/api':'/'}, //表示重写规则
本节书摘来自异步社区《MPLS在Cisco IOS上的配置》一书中的第1章,第1.2节,作者 【美】Lancy Lobo, CCIE #4690 , Umesh Lakshman1.2 MPLS转发过程概述MPLS在Cisco IOS上的配置如果IP网络开启了MPLS功能,我们称之为MPLS网络,与1.1节中的“传统IP网络”相区别。MPLS网络使用标签机制转发数据包,标签对应着IP目的地址或其他
转载
2024-04-15 17:34:51
42阅读
基础标签学习H系列标签(Header 1~Header 6)作用:用于给文本添加标题语义格式:<h1>xxxxxx</h1>注意点:H标签是用来给文本添加标题语义的, 而不是用来修改文本的样式的H标签一共有6个, 从H1~H6, 最多就只能到6, 超过6则无效被H系列标签包裹的内容会独占一行在H系列的标签中, H1最大, H6最小在企业开发中, 一定要慎用H系列的
最近在写vue的时候遇见了一种需求,就是说公众号跳转公众号时用ifrem标签时会跳转的时候会跳转的很慢,索性就直接改成可a标签,但是你要在跳转到这个页面时要怎么去触发这个a标签呢,废话不多说,直接上代码:在vue当中标签的值若是动态的,只可以用:去动态的绑定这个属性的,下面就是a标签的写法:<a :href="innerUrl" width="100%" v-trigger> <
转载
2024-02-08 06:42:01
272阅读
1.10.4前后端分离前端和后端分离: 工程上的分离, (分为前端项目, 分为后端项目) 对于前后端不分离的来说, 数据和前端代码的结合----服务器来做前后端不分离的项目(前端和后端属于一个项目) 就比如可以在现在的Code3项目中创建一个包,写一些java代码,读取HTML代码。前后端分离的写法: 数据结合-----浏览器 浏览器发请求,分两次发,一次请求html对应的前端的内容,一次请求数据
转载
2024-09-09 20:48:47
230阅读
项目介绍前后端分离架构,分离开发,分离部署,前后端互不影响。前端技术采用vue + antdvPro + axios。后端采用spring boot + mybatis-plus + hutool等,开源可靠。基于spring security(jwt) + 用户UUID双重认证。基于AOP实现的接口粒度的鉴权,最细粒度过滤权限资源。基于hibernate validator实现的校验框架,支持自
转载
2024-07-29 20:21:58
271阅读
简介SmartAdmin由河南·洛阳 1024创新实验室团队研发的一套互联网企业级的通用型中后台解决方案!使用最前沿的前后台技术栈SpringBoot和Vue,前后端分离,我们开源一套漂亮的代码和一套整洁的代码规范,让大家在这浮躁的代码世界里感受到一股把代码写好的清流!同时又让开发者节省大量的时间,减少加班,快乐工作,热爱生活。SmartAdmin 让你从认识到忘不了,绝对是你最想要的!疑惑有人问
SpringBoot+Vue前后端不分离,双向Https部署并实现数字证书登录 文章目录SpringBoot+Vue前后端不分离,双向Https部署并实现数字证书登录前言一、SpringBoot+Vue前后端不分离部署二、数字证书登录1.提供数字证书登录接口2. 配置Web应用以双向Https方式部署3.改造Vue登录页面总结 前言上篇文章介绍了,前后端分离架构下如何实现数字证书登录。应公司要求,
转载
2024-03-19 15:30:02
163阅读
? 作者:哪吒目录一、vue常用标签简介1、v-for和@click实现点击赋予红色效果2、合并两个字符串3、计算属性的复杂操作4、var没有块级作用域,let有块级作用域5、const 常量的定义6、v-on的参数问题7、v-on修饰符8、v-if9、v-show10、v-for遍历对象11、哪些数组的方法是响应式的二、购物车综合案例1、index.html2、index.js3、style.c
转载
2024-05-28 23:53:53
52阅读
# 从jQuery项目到Vue项目的重构指南
在传统的jQuery项目中,前端和后端的代码通常混合在一起,难以维护和扩展。而Vue则提供了一种更现代化的方式来组织和管理项目代码,使得前后端分离更加容易。在本文中,我们将探讨如何将一个jQuery项目重构为Vue项目。
## 步骤一:分离前后端代码
首先,我们需要将前端和后端的代码进行分离。通常情况下,前端代码会放在一个独立的文件夹中,而后端代
原创
2024-06-29 04:31:37
143阅读