VUE,uni-app+SSM 微信小程序

环境

  jdk:1.8.0_181

  tomcat:7.0.100

  mysql:8.0.25

工具

  ideaIU+Hbuilder


遇到的问题

  1.需要跳转到注册在tobar中页面时,需使用

  uni.switchTab({

    url: ''//页面路径

  });

  2.uniapp的数据缓存

  存: uni.setStorageSync('key',value)

  取: uni.getStorageSync('key')

  清除:uni.removeStorageSync('key');

  3.(跨域)向后端发生请求

    3.1修改uniapp中的manifest.json

VUE,uni-app+SSM 微信小程序

    3.2修改"源码视图"

VUE,uni-app+SSM 微信小程序

    method中的代码可以这样写(注释中的前两种可以用在h5中,但无法用在小程序里)

VUE,uni-app+SSM 微信小程序

  4.后端返回数据到前端

                //转为json格式
                String json= JSON.toJSONString(s);//关键
                //设置编码格式
                response.setCharacterEncoding("utf-8");
                PrintWriter out = response.getWriter();
                //用流输出
                out.print(json);
                

  即可在前端以json格式接受到数据

  如:res.data即可获取数据

  5.v-modle在小程序中失效

  <template>

    <view class="inputWrapper">

      <input class="input" type="text" placeholder="账号" @input="getSno" />

    </view>

  </template>

  <script>

    export default {

      methods: {

         getSno:function(event){

           // 绕过v-model 获取input输入框的值

           this.Sno = event.detail.value

         },

       }

    }

  </script>

  6.uni-app get请求传参,到后端显示中文乱码

   因为内置了tomcat,即使我们在application.yml文件里配置了tomcat的编码格式,但是当我们打包成war包部署到生产服的时候用的却是服务器上的tomcat,所以需要修改服务器上的tomcat的      server.xml文件。

   修改tomcat的server.xml配置文件

   找到如下代码:

    <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" />

    这段代码规定了Tomcat监听HTTP请求的端口号等信息。

    可以在这里添加一个属性:URIEncoding,将该属性值设置为UTF-8,即可让Tomcat(默认ISO-8859-1编码)以UTF-8的编码处理get请求。

   修改完成后:

    <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8" />

  

  7.前端页面跳转传参

  VUE,uni-app+SSM 微信小程序

VUE,uni-app+SSM 微信小程序

VUE,uni-app+SSM 微信小程序