黄浦网站建设推广,写作网,嘉兴网站广优化公司,林州企业网站建设1.路由跳转的问题
uni.navigateTo#xff08;#xff09; 保留当前页面#xff0c;跳转到应用内的某个页面#xff0c;使用uni.navigateBack可以返回到原页面
uni.redirectTo#xff08;#xff09;
关闭当前页面#xff0c;跳转到应用内的某个页面。
uni.reLaunch 保留当前页面跳转到应用内的某个页面使用uni.navigateBack可以返回到原页面
uni.redirectTo
关闭当前页面跳转到应用内的某个页面。
uni.reLaunch
关闭所有页面打开到应用内的某个页面
uni.switchTab()
跳转到 tabBar 页面并关闭其他所有非 tabBar 页面。
uni.navigateBack()
关闭当前页面返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈决定需要返回几层。
2.tabBar的使用
tabBar: {color: #333333,selectedColor: #1890FF,backgroundColor: #ffffff,list: [{pagePath: pages/index/index, //页面路径text: 首页, //按钮文字iconPath: static/首页01.png, //图片路径selectedIconPath: static/首页001.png //选中的图片路径},{pagePath: pages/addwork/addwork,text: 添加,iconPath: static/添加01.png,selectedIconPath: static/添加001.png},{pagePath: pages/user/user,text: 我的,iconPath: static/我的01.png,selectedIconPath: static/我的001.png}]}3.u-view组件的引入
刚开始时下载的2.0版本的u-view看的1.8的文档一直引入不对只能通过important引入在注册之后才能使用中间还发现有些组件不能用后面发现了问题换成2.0版本的文档立马就能引入了还是直接引入不需要通过important引入也不需要注册了直接写标签就可以了
4.u-view组件的使用
使用过程中有些属性方法文档上没有这个时候需要看他的github直接看他的源码就行了
5.组件的样式修改
1.在全局文件里面修改这样会直接覆盖组件的样式
2.Vue 中
::v-deep 用于深度作用选择器可以让样式穿透到子组件中。
:global 则用于全局作用选择器可以使样式不受组件的限制。
6.命名规范
一定要在刚开始的时候商量好要不多人合作容易出现不同的风格
7.rpx和view的使用
都是为了自适应屏幕
8.前后端对接
一定要商量要不然会有进度差异命名格式字段名称啥的都说好方便彼此要不然后面修改不好修改
9需求文档
越早编写越好。这样对项目有一个明了的认识
10,axios的配置
import axios from axios;// create an axios instance
const http axios.create({baseURL: , // url base url request url// withCredentials: true, // send cookies when cross-domain requests 注意withCredentials和后端配置的cross跨域不可同时使用timeout: 4000, // request timeoutcrossDomain: true,
});// request拦截器,在请求之前做一些处理
http.interceptors.request.use((config) {// if (store.state.token) {// // 给请求头添加user-token// config.headers[user-token] store.state.token;// }console.log(config.data);console.log(请求拦截成功);config.data JSON.stringify(config.data);return config;},// const token uni.getStorageSync(linkToken);// config.headers[Content-Type] application/json;// if (token) {// config.headers.Authorization Bearer ${token};// }// return config;// },(error) {console.log(error); // for debugconsole.log(sssssssssssssss);return Promise.reject(error);}
);// 配置成功后的拦截器
http.interceptors.response.use((res) {console.log(res);if (res.status 200) {return res.data;} else {return Promise.reject(res.data.msg);}
}, (error) {console.log(error);if (error.request.status) {switch (error.response.status) {case 401:break;default:break;}}return Promise.reject(error);
});// 在main.js中放入这段自定义适配器的代码就可以实现uniapp的app和小程序开发中能使用axios进行跨域网络请求并支持携带cookie
axios.defaults.adapter function (config) {return new Promise((resolve, reject) {console.log(config);const settle require(axios/lib/core/settle);const buildURL require(axios/lib/helpers/buildURL);uni.request({method: config.method.toUpperCase(),url: config.baseURL buildURL(config.url, config.params, config.paramsSerializer),header: config.headers,data: config.data,dataType: config.dataType,responseType: config.responseType,sslVerify: config.sslVerify,complete: function complete(response) {console.log(执行完成, response);response {data: response.data,status: response.statusCode,errMsg: response.errMsg,header: response.header,config,};settle(resolve, reject, response);},});});
};export default http;11.axios配置过程中的问题
包的丢失因为创建文件夹的时候是先创了一个文件夹又创了项目所以导致项目的的名称和文件的名称一摸一样有的包配置的时候不知道怎么回事跑到了项目外面导致的一直配置不出来后面来回来就行了
12.样式不用写的那么急先把模块设计好后面的时候再调就好了写样式的时候可以参照网上的项目要不自己凭感觉写的不太好看
13.后端接口先测试
这次写的时候调用总宁的接口能调用上去但是这边一直一直传数据传不过去最后问了学长是自己配代理服务器的时候用的两个的端口都用的同一个导致出的问题
和后端连接我这边出了不少问题一直有问题一直改还是太菜了
14.表单的检验
写表单的时候光注意样式了复制的人家的源码觉得上面的东西太多了我就都删了最后效果也能实现但是没有检验了后面能调用接口了发现越来越别扭因为没有校验所以写啥都能过果然不能省事所以后面我还得再补有点难受了后面还得写reuls还由页面结构也得在补包裹的对象
15.token的传递
在axios的配置里面可以直接传递 16.全局设置请求 target里面的http需要写不写的话会报500错误
17,页面传参
通过url传参
url: /pages/workdetail/workdetail?id${this.id}
18页面传参的时候出现问题
注意看apifoxs可能是后端的问题也可能是前端的问题
