美文网首页
前后端分离交互

前后端分离交互

作者: 简单coder | 来源:发表于2019-08-19 08:15 被阅读0次

新开一个项目,对最近学的vue进行一个总结,这段时间把前后端通信做掉.

后端:

介绍下使用到的工具类

请求工具: postman


后端框架:springboot

这里顺便做了个模块化,把通用工具集放common模块中.但是这里有个问题,其实我自己研究的时候没搞懂

就是之前我做模块化的时候,在本地中, 我必须要将common模块install到本地maven仓库中,这样jar才能找到我的common工具远程其实也一样,这就导致了一个问题, 我的jar包单单放到远程是无法运行的, 所以我之前编写的脚本都是先把代码提交到远程, 然后再在远程服务器上git pull, maven clean build (skiptest)啥的 然后再运行, 这种方式其实我挺不喜欢的, 我前端的脚本都是直接打好包,压缩传上去就能够使用的, 不知道有没有那种只需要一个jar包就能运行的.

整流程逻辑:接收登录参数,判断登录账号密码是否正确,正确的话,生成token,存到redis, 然后返回登录逻辑


这里过期时间暂时设置的60秒

postman测试通过,token逻辑也十分简单,就是个密码md5+时间戳再md5
这里并没有设计前后端通信的加密逻辑,基本都是post铭文传输,后续看有没有时间做吧

cors

开发阶段, 跨域问题我用的后端支持



省的前端做转发devserver那种

返回实体泛型类

其他工具类介绍

EncryptionUtil: 加密工具集, MD5, rsa, aes,base64编码等

redisutil: redis工具, redis在写功能上最大的好处就是设置过期时间,其他什么速度快啊什么的目前也没咋感觉到o(╯□╰)o,因为我没有实际项目呀....

fileutils: 读取json文件,这里注意一点:


只有这个方法才能在打成jar包的时候访问文件,另外一个方法是不可以的

ipkit: 请求ip地址,用来做锁ip的铺垫,之前做一个博客防重复刷评论的接口就用了这个

SpringContextUtil: 代码中获取当前调试环境

sql层用的mybatis,然后dao,pojo用的mybatis-generator,查看用的mybatis-plugin,分页什么的后面还是会用mybatis的pagehelper,mybatis三剑客永远不分家!



后端目前简单的逻辑都做好了,后面有需要的再提.

前端:

开发ide: VSCode(皮肤真香)
vscode写前端真是太香了! 各种插件可以装(想起Xcode逝去的青春, 伤心)

最主要讲的是axios的封装, 之前自己直接用的axios,请求模块基本没有封装,惨不忍睹,后面找了很久才找到个好用的,也学到了很多知识(掘金赛高!)
思想就是请求模块放到vue的原型链上,这样就没有侵入性了



请求的时候,直接调用$api对象进行请求,真的非常舒服,之前我都需要那个引入那个,不过这里是否对内存有影响我就暂时不管啦(promise强无敌)



也不知道讲些什么,前端这里工作还不多, 之前做了些vue文档测试, 后面会转正式的产品开发
目前也只是调通了网络请求,加了些工具集,目前我还在找一个比较简单的网站抄一下囧..........
等后面做出点东西再说...

之前写的这里都是不能看的~


相关文章

  • 前后端分离交互

    新开一个项目,对最近学的vue进行一个总结,这段时间把前后端通信做掉. 后端: 介绍下使用到的工具类 请求工具: ...

  • WEB开发中前后端分离的好处与区别

    什么是前后端分离 程序开发的时候,前后端开发以数据为交互导向的开发方式,同时也是一种架构方式。 前后端分离的好处 ...

  • 大前端Vue框架的开发流程介绍与实践

    前后端分离开发是目前流行的大趋势,所谓前后端分离,仅从技术层面讲主要是指前端通过调用后端提供的接口实现页面的交互逻...

  • axios中实现无感刷新token

    现状 项目采用前后端分离开发,前后端使用access_token(即token)进行交互认证,但access_to...

  • vue-cli3.0使用proxytable解决跨域问题

    现代的web开发一般都是前后端分离,前后端使用rest api进行交互,分离使得前后端服务器一般都不在一起,这导致...

  • 自动写作项目相关技术

    项目整体设计为前后端完全分离的模式,前端采用react以及amazeui构建用户交互界面,后端采用python f...

  • 前后端完全分离实现:VUE+RESTful API+Spring

    一、背景知识 前后端分离 的核心思想是前端页面通过 ajax 调用后端的 restuful api 进行数据交互。...

  • 如何设计好的RESTful API

    现状 现阶段的开发模式多以前后端分离形式存在,前后端开发人员需要通过大量 API 来进行数据交互,如果在交互过程中...

  • 高效开发实践

    前端实现业务,后端处理数据。在现代框架实现前后端分离后,前后端的交互基本分为2种: 数据读取和数据写入。而前端由于...

  • springboot 使用swagger自动生成API文档

    如今微服务是趋势,微服务下的web开发通常采用前后端分离的方式.前后端通过API进行交互,Swagger ui,可...

网友评论

      本文标题:前后端分离交互

      本文链接:https://www.haomeiwen.com/subject/hayjsctx.html