前言这是《Vue+SpringBoot前后端分离项目实战》专栏的第7篇博客，感谢你能从成千上万篇博客中打开这一篇，和我一起学习前端开发实战知识，让我们一起开始吧。目录前言一、上节回顾和本节介绍1.上节回顾
原来的登录处理流程：通过按钮点击触发，在处理函数内调用wx.login()发现每次登录，第一次都会解密失败，第二次就成功了。buttonopen-type="getPhoneNumber" bindgetphonenumber="getPhonenumber">登录button>asyncgetPhonenumber(e){wx.login()}此时，是先点击的获取用户信息，再进行登录。逻辑是不对的，因为获取手机号之后才进行的登录第一次获取手机号，微信使用的是当前session_key对手机号信息进行加密，而我们的session_key还是空的，或者用户之前登录过，那么session_key就
原来的登录处理流程：通过按钮点击触发，在处理函数内调用wx.login()发现每次登录，第一次都会解密失败，第二次就成功了。buttonopen-type="getPhoneNumber" bindgetphonenumber="getPhonenumber">登录button>asyncgetPhonenumber(e){wx.login()}此时，是先点击的获取用户信息，再进行登录。逻辑是不对的，因为获取手机号之后才进行的登录第一次获取手机号，微信使用的是当前session_key对手机号信息进行加密，而我们的session_key还是空的，或者用户之前登录过，那么session_key就
一、小程序登录接口相关wx.login()/uni.login()小程序登录的这套流程说难不难，说简单却着实让人搞了很久才渐渐明白，刚参加工作时总会遇到相关的问题摸不着头脑，查各种文档，发现看了很多不同的解决方法，不知道那个正确一个个去实验，而且自己做出来的东西总是让自己觉得不满意。经过一系列的摸索之后才逐渐明白，原来不是因为自己没搞明白，而是由于上度娘看到的很多资料各不统一有可能是由于wx小程序本身对于接口的规则调整而导致的不同。下面就大致总结一下，具体该如何做吧，为了记录一下流程，就从头说起吧（当然我也是个小白，就大致表述一下自己的理解，欢迎大家指正，千万别怼我，脸皮薄）1、小程序登录流程
一、小程序登录接口相关wx.login()/uni.login()小程序登录的这套流程说难不难，说简单却着实让人搞了很久才渐渐明白，刚参加工作时总会遇到相关的问题摸不着头脑，查各种文档，发现看了很多不同的解决方法，不知道那个正确一个个去实验，而且自己做出来的东西总是让自己觉得不满意。经过一系列的摸索之后才逐渐明白，原来不是因为自己没搞明白，而是由于上度娘看到的很多资料各不统一有可能是由于wx小程序本身对于接口的规则调整而导致的不同。下面就大致总结一下，具体该如何做吧，为了记录一下流程，就从头说起吧（当然我也是个小白，就大致表述一下自己的理解，欢迎大家指正，千万别怼我，脸皮薄）1、小程序登录流程
场景:前端开发中,经常会遇到比较多的表单填写页面,其中有el-form,el-table,表格的每一列中又嵌套着输入框或者下拉框,然后每个还需要做单独的校验效果: 点击保存可校验el-input和el-select是否有值，不符合校验规则就标红提醒 1.el-form嵌套el-table1.el-form里面嵌套el-table2.在el-table-column自定义内容里面，嵌套el-form-item，里面再放el-input或者el-select结构3.数据的结构因为el-form是最外层的，所以formData是个对象，对象里放el-table用到的数组和rules这样定义是为了校验
场景:前端开发中,经常会遇到比较多的表单填写页面,其中有el-form,el-table,表格的每一列中又嵌套着输入框或者下拉框,然后每个还需要做单独的校验效果: 点击保存可校验el-input和el-select是否有值，不符合校验规则就标红提醒 1.el-form嵌套el-table1.el-form里面嵌套el-table2.在el-table-column自定义内容里面，嵌套el-form-item，里面再放el-input或者el-select结构3.数据的结构因为el-form是最外层的，所以formData是个对象，对象里放el-table用到的数组和rules这样定义是为了校验
部署好harbor之后，本机使用dockerlogin可正常登录，但是在其他服务器登录harbor报错如下：Errorresponsefromdaemon:Gethttps://192.168.30.24/v2/:dialtcp192.168.30.24:443:connect:connectionrefused这里说拒绝连接，因为我是用http部署的harbor，这里是https://进行访问的，所以出现报错解决方法：我们使用https登陆，自建ca证书。1、我们使用openssl生成证书mkdir/etc/certscd/etc/certsopensslgenrsa-out/etc/cer
部署好harbor之后，本机使用dockerlogin可正常登录，但是在其他服务器登录harbor报错如下：Errorresponsefromdaemon:Gethttps://192.168.30.24/v2/:dialtcp192.168.30.24:443:connect:connectionrefused这里说拒绝连接，因为我是用http部署的harbor，这里是https://进行访问的，所以出现报错解决方法：我们使用https登陆，自建ca证书。1、我们使用openssl生成证书mkdir/etc/certscd/etc/certsopensslgenrsa-out/etc/cer
form表单内容序列化form表单自带两种方法serialize()方法和serializeArray()方法1.serialize()方法描述：序列化表单内容为字符串(不包括文件）,用于Ajax请求。格式：vardata=$('#form').serialize();2.serializeArray()方法描述：序列化表单元素(类似'.serialize()'方法)返回JSON数据结构数据（不包括文件）。注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作;也可以通过each循环，得到每个json对象，再通过.的方式取得具体的建与值格式：varjson
