皮皮网

1.app上的form跳转
2.用HTML5做app的单源单源话,怎样和服务器进行通讯
3.uniapp上传表单会失败
4.解读FlaskBB源码
5.uniapp表单验证方法详解
6.app表单设计有什么建议

app上的form跳转

        起原：当时因为是测试银联，证书是测试证书，所以没有在app中走流程，在手机浏览器端走的流程，当流程一切都ok的时候，正式的证书也下来的，我们满心欢喜的在app上走一遍，本感觉已经万事大吉了，没想到在ios中出现了问题，在安卓中一切都好

        程序流程：当用户输入金额后，选择银联，点击充值，前端会调后台的接口，成功后，后台返回一个html， （html是银联那边返回的，我们无权修改） 前端这边解析html，拿到form表单，将form表单放入当时页面中body的最底部，提交表单，提交方式是post。

        问题：ios中跳转银联的时候，会报的错误，安卓没有问题

        过程：报错误，立马问了下客服，客服人员说，是因为提交的方式不对，是get提交，应该是post提交，

        本以为是不是ios这里修改了提交的方式，和ios人员沟通后，ios人员说没有修改过；

        又以为是ios原生会修改form提交方式，又用ios原生浏览器测了下，没有问题，与ios人员再次沟通后，双方从自己的角度去看看有没有办法去解决这个问题;

        由是想，前端这里能不能把form提交修改成ajax的提交方式，我们这里把form拆解，将接口用ajax的方式提交，但是发生了跨域问题，因为是post方式，需要后台做相关处理，但是后台是银联那里的，不会因为我们这里去修改东西；ios那里也没有解决掉；

        时间已经不早了，我们各自先回，待明日再战。

        晚上难以入眠，一直再想这个问题，为什么会这样！！为什么

        忽然灵光乍现，想到是不是因为ios在这里新开页面的问题， （因为ios打开web前端页面是新开，而安卓是在当前页面打开）

        form提交，ios会打开新的页面，这样就是get提交，所以会报。

        次日，与ios人员沟通后，先让ios把公共内容注释掉，在当前页面打开，不去新开页面，看是否出现错误的问题；最激动人心的时候，ios、前端、后台都屏息去见证圣神的一刻，如果不行，真的就是黔驴技穷了；还好老天怜惜我们，事情如流水一样没有波澜；成功了！果然是这个问题，一切都变的十分美好！

用HTML5做app的话,怎样和服务器进行通讯

       通常webapp与服务器通信都是通过ajax或者直接提交表单来实现的。

       1、码表码Java后台服务器打开HTTP所要请求的单源单源端口，进行侦听。码表码

       2、单源单源HTML触发HTTP链接请求，码表码淘宝采集器源码向后台Java服务器发送HTTP请求。单源单源

       3、码表码Java服务器解析请求，单源单源得知所要请求的码表码是什么内容。

       4、单源单源Java后台服务器将所要请求的码表码内容准备好，并组建成HTTP格式（必须这样，单源单源php网站源码完整HTML页面才能够解析；直接回复，码表码就无法解析）。单源单源

       5、Java后台服务器将组建好的HTTP结果消息发送给HTML页面。

       6、HTML页面收到HTTP回复。

       7、HTML页面对HTTP回复信息解析。

       8、HTTP页面对解析的信息进行显示。

uniapp上传表单会失败

       uniapp上传表单失败解决方法：表单中enctype="multipart/form-data"的意思，是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传。只有使用了multipart/form-data，才能完整的传递文件数据。

解读FlaskBB源码

       解读FlaskBB源码

       FlaskBB源码解读开始。目录结构清晰，Udid在线签名 源码根目录包含常见依赖文件和自动测试代码，主文件夹flaskbb内则包含了核心功能。

       主程序app.py中的create_app函数展示了FlaskBB的配置加载、扩展初始化与蓝本挂载。自动测试确保代码质量，模板过滤器丰富功能。

       目录下四大板块（user、forum、auth、management）构建论坛核心功能，每个板块包含模型、视图、收款源码 php表单三部分，结构清晰。

       models.py定义模块关系，如用户与主题的关联通过ORM实现，简化数据库操作。html模板、静态资源（js、css、）分别存放于templates和static文件夹。

       FlaskBB源码展示了一个成熟项目结构，代码规范、可读性强。强势启动预警源码理解其结构与实现细节有助于定制与扩展论坛功能，实现真正可用的论坛产品。

uniapp表单验证方法详解

       在uniapp中进行表单验证时，我们可以通过直接在input中加入@input=binddata(email,$event.detail.value)来实现实时验证。这样当输入框中的值发生变化时，会触发该方法，从而进行实时验证。例如：

       uni-forms-item label="邮箱" name="email"input class="input" v-model="formData.email" type="text" placeholder="请输入用户名" @input="binddata('email',$event.detail.value)" //uni-forms-item

       除此之外，还可以通过自定义校验规则来进行验证。例如：

       uni-forms ref="form" :modelValue="formData"uni-forms-item label="兴趣爱好" required name="hobby"uni-data-checkbox v-model="formData.hobby" multiple :localdata="hobbys" //uni-forms-item/uni-formsbutton class="button" @click="submit"校验表单/button

       在设置校验规则时，需要在onReady中设置规则，如下：

       onReady() { // 需要在onReady中设置规则this.$refs.form.setRules(this.rules)}

       同时，需要定义rules，例如：

       rules: { hobby: { rules: [{ required: true,errorMessage: '请选择兴趣',},{ validateFunction:function(rule,value,data,callback){ if (value.length 2) { callback('请至少勾选两个兴趣爱好')}return true}}]}}

       最后，在提交表单时，可以调用validate方法进行验证，如：

       submit(form) { this.$refs.form.validate().then(res={ console.log('成功：', res);}).catch(err ={ console.log('失败：', err);})}

       以上就是在uniapp中进行表单验证的方法，希望对大家有所帮助。

app表单设计有什么建议

       通常我们会遇到APP表单设计的这个环节。这个时候，很多APP设计师感觉自己设计的表单没有创意，不太好看。因为移动APP表单设计在我们整个APP设计当中是至关重要的。这些地方是与用户进行信息交互的地方。良好的app表单设计可以提高我们的转化率或者说营销效果。因为良好的APP表单篇幅不能太长、不能不友好、是非常值得信任的。那么app表单设计有什么建议呢？

       1、想要设计出抓住用户的设计必须拥有清晰的移动应用表单和表单结构，而且数目不能太多。如果太多采用合理的分类或者tab表单布局，如简历的设计。

       2、所有的表单设计都要遵从一个原则，那就是尽量简化表单数量，将用户理解成本降到更低。

       3、任何app表单都尽量不要重复，在pc端大家会时常见到，在注册的时候，会让填写两次密码，以防出错，但是在app上，这样是很不好的，会极大的影响用户体验，除非特殊情况，不要让用户重复填写。

       4、注意表单的宽度和高度，现在常见的表单都是横跨全屏的，这样可以方便用户点击，另外为了降低用户的误操作概率，表单的高度以及距离要设置合理，表单做好后，在移动端上面预览一下，以达到更佳体验。

       5、 注意色彩的使用，不要超过多种颜色的搭配和设计，这样也会影响到用户体验。