由于项目要加上公司的sso,出现的一系列问题,找到解决办法,在此记录一下.可能并不适合其他项目,给个参考. 前提: 前端是vue.js,后端springboot sso配置需要增加公司自己的maven依赖和yml配置. 启动项目后,首先访问后端/index接口,进入sso拦截,访问sso页面:登陆成功后返回goto指向的url(也就是index接口的return内容),附上/index接口代码: @GetMapping(value={"/dist","dist/index&q

开门见山,本文分享前后端分离,容器化前端项目时动态插入后端API基地址,这是一个很赞的实践,解决了前端项目容器化过程中受制后端调用的尴尬. 尴尬从何而来 常见的web前后端分离:前后端分开部署,前端项目由nginx承载打包文件,反向代理请求. 应用的某些部分必须是可配置的,比如API调用基地址, 前端打包的时候需要统一插入该地址形成完整chunk files. # ------------------------------------------------------ # generate

循序渐进VUE+Element 前端应用开发的系列文章中,前面介绍了系统各个功能的处理实现,本篇随笔从一个主线上介绍前后端开发的整合,让我们从ABP框架后端的查询接口的处理,前端API接口调用的封装,以及前端Element界面的整个调用过程进行一个完整的介绍. 我们前面介绍了Vue+Element前端的接口是调用后端的ABP框架发布的API接口服务,API接口服务通过Swagger公布对应的接口信息供我们前端开发使用,提供非常好的便利:而我们使用Vue+Element的前端框架,也是需要对后端接

地址:https://segmentfault.com/a/1190000010063757 1.前言 今天要做的,就是在上一篇文章的基础上,进行功能页面的开发.简单点说呢,就是与后端的数据交互和怎么把数据展示出来,用到的资源主要是element-ui和vue-resource,其它参考(vue-resource插件使用).今天讲到的一些功能开发,主要就是请求列表数据,详情数据,分页功能操作,搜索,搜索标签等的开发.今天这个,按照下面步骤,一步一步来.一个一个功能的做! 2.数据接口 我以'回款

每个应用都由两样东西构成:该应用独有的功能和所有应用共有的功能,比方说用户注册.登录.忘记密码等.而从用户的角度出发,那些独有的功能归结起来就是用户界面以及系统的行为模式.而在视觉表象之后的功能,用户并不关心,他们只期望系统能按预期运行就可以了. 前端和后端有各自的侧重点,因此往往也需要不同的技能,由不同的开发人员来负责完成.无后端(nobackend)的开发原则能够进一步解偶这些不同的侧重点,这样两边的开发人员可以更加专注于各自真正热衷的工作. 一个简单的例子 后端经常需要提供API给前端,以

查看本章节 查看作业目录 需求说明: 根据提供的 IP 地址,获取主机名称和域名 实现思路: 创建 GetHostNameByIpAddress 类,在main方法中声明 String 类型的变量 ipAddress,调用 ipAddress 字符中的split方法分割字符串,指定的分隔符是"·",并将方法返回值保存到 String 类型的数组变量 ipArr 中 实例化 byte 类型的数组变量 ipByteArr,用来保存 IP 地址,该数组长度与数组 ipArr 的长度相等 使用

在测试接口的时候,首先需要绑定HOSTS,这个文件的位置在这个目录的下面:C:\WINDOWS\system32\drivers\etc,打开hosts文件的方式选择"记事本"就可以了. 上面这句话不是重点,仅稍微说明而已.下面说正经事儿 :) 后端开发人员会提供给测试人员一个URL(通常也叫做:接口),这个URL需要绑定HOSTS, 然而前端开发人员提供给测试人员的URL(通常也叫做:测试模板地址)读取的是后端开发人员提供的URL(通常也叫做:接口),所以说“接口需要绑HOSTS,而

实现前后端分离后,有了下面几点改变: 1.服务器一分为二,前后端分别部署,静态资源放在前端服务器,业务代码放在后的服务器 2.前端服务器需要接收Http请求(一般使用node.js) 3.前端服务器需要进行视图解析(可以使用vue.js.angular.js) 4.前端服务器需要处理路由(也就是页面之间的跳转逻辑) 5.后端服务器只需要返回数据 没有分离前都是靠django中的locals()向模板传递参数可直接调用 分离后只是并没有很大变化,只是将数据格式变成了json格式 例子: View:

前述:咱们写一些页面的时候,很多需要用ajax来实现,显示又有很多表单提交的add或者update操作,太烦了,能不能有什么方法能够简单些呢? 说实话我都是被公司给逼的 应用场景: 前后端一一对应.表单内容保存.列表陈述等. 架构思路: 分发器.依赖注入等. 基本代码陈述: j.extend({ dispatcher: (function () { var _route = {}, // default module _module = { // 授权 authenticate: true, /

今天突然有兴致想要学习一下前端的技术,所以特此记录学习前端之路.由于之前在公司做的项目大部分都是关于JSP页面的增删改查,所以前端后端都是一个人来写的,对于前端还只是停留在js.html.css阶段,对于一些前端框架是一点也不了解,正好学习后端的时候遇到了cookie.session.token的问题,特此也简单的了解一下前端知识. 概念介绍 大概在网上找了一些的教程,由于是想速成,所以先从搭建项目开始学起了.搭建项目使用的webpack,我觉得前端的webpack和后端的gradle.mave

软件(尚处在开发阶段的软件)会犯许多低级的错误,这些错误以你在生活中的经验而言简直莫名其妙.往往你认为这个小功能怎么可能有BUG呢,是的,你猜对了!! 拿1个简单的结构举例:后端页面[1]+后端页面[2]+前端页面 操作步骤: (1)新建表单: (2)在表单内填写数据,1个属性对应1个值: (3)然后保存 输出:生成"后端页面[1]". 按照业务流程, "后端页面[1]"的数据会继续传递给"后端页面[2]". 如果"后端页面[1]&qu

今天开发遇到个问题,Java后端的Long类型数据,传到前端会出现精度丢失,如:164379764419858435,前端会变成164379764419858430.在浏览器中做测试可知,这就是一个精度丢失的问题. 解决思路是:后台传到前台时,Long类型数据,转为String类型. 1. 可以直接操作传回的对象数据,toString()该long类型数据. 2. 如果使用Jackson注解,我们也可以用@JsonFormat做类型转换(注意哦,这个不管可以使用在format日期类型哦),使用方

import org.apache.axis.client.Call; import org.apache.axis.client.Service; import org.apache.axis.encoding.XMLType; import javax.xml.rpc.ParameterMode; /** * webservice 调取帮助类 * * @author baizhanshi on 2018/5/2. */ public class WebServiceUtil { /** *

问题:实体属性是Long类型,在后端值本来是1119102511023023410,但是返回给前端的却是1119102511023023400 解决方案:添加序列化注解 import com.fasterxml.jackson.databind.annotation.JsonSerialize; import com.fasterxml.jackson.databind.ser.std.ToStringSerializer; import java.io.Serializable; // 引入j

下午在看视频的时候,遇到一个问题:如何把后端 print_r或echo的数据显示在前端.百度了一下,说是用ajax,想着前一阵子学习了ajax,并且最近也想做一个计算器,于是就自己钻起来了. 计算器的实现是在前端进行的,用JS去写的.后端只是把POST的数据pirnt_r出来,因为post是预定义变量,预定义变量全是数组,所以将其foreach,找到result,并显示在前端页面上. 废话不多说,先上代码: HTML/CSS <form action='CALC.php' method='POS

原因:前端js对Long类型支持的精度不够,导致后端使用的Long传到前端丢失精度,比如现在分布式id生成算法"雪花算法"在使用中就会出现问题. 解决方式: 1.后端的Long类型的id转用String存储,不推荐,失去了其Long类型本身的意义. 2.在Long类型字段上使用注解标明序列化方式,代码量不大的情况可以考虑 @JsonSerialize(using = ToStringSerializer.class) private Long id;

一.配置好环境 接着前一篇的例子,顺带测试一下已下载下来example里面的backbone_require的例子 注意:直接本地用backbone.localStorage插件运行TodoMVC会报错,因为RequireJS工作时,加载js文件及template文件是异步加载,这就好比ajax异步请求需要涉及到跨域的问题,文件必须要在同一下域下才能被异步加载. 因此,直接把所有文件放到上篇文件的static(E:\project\tastypie\mysite\blog\static)目录下,

-----------------------------------来自网上的解决方法--------------------------------------------- ASP.Net MVC的ViewBag一个坑,不要跳进去如鹏的学习管理系统是使用ASP.net MVC 5开发的,今天一个新版本发布后网站出现一个Bug,学生在下拉列表中选中的项再加载显示的时候发现仍然没被选中.详细一点说吧:假如有这样一个Action:public ActionResult Index(){List

看几天的javascript面向对象和基础等之类相关javascript的知识,因为自己是写php的,也写过java,所以想在写javascript代码的时候也能用上面向对象的思想, 折腾了一整天的js继承和封装等,搞得我是吃午饭都想着问题,怎么javascript代码能够如此松散呢?眼看就要下班了,加班到如今不知怎么滴就弄了这样一个js代码模板,想以后每一个模块都这样写.大了就各个功能对象提炼出来,如验证的.语言包的. 好了,废话不多说,菜鸟一个,代码没凝视也不完整,高手留情指点: reg.h

普通的 Service:会生成 servicename.namespace.svc.cluster.local 的域名,会解析到 Service 对应的 ClusterIP 上,在 Pod 之间的调用可以简写成 servicename.namespace,如果处于同一个命名空间下面,甚至可以只写成 servicename 即可访问 Headless Service:无头服务,就是把 clusterIP 设置为 None 的,会被解析为指定 Pod 的 IP 列表,同样还可以通过 podname.