VUE(uni-app)+SSM 微信小程序

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

环境

　　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

　　　　3.2修改"源码视图"

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

 　　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 微信小程序 的全部内容， 来源链接： utcz.com/z/381047.html

回到顶部