You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.8 KiB
65 lines
1.8 KiB
2 years ago
|
# uniapp-template
|
||
|
|
|
||
|
|
#### 介绍
|
||
|
|
uniapp开发基础模板，对uniapp请求进行了简单封装，实现请求拦截及响应处理，同时引用了 uView2.0 封装的http请求，可以通过配置切换；
|
||
|
|
|
||
|
|
#### 软件架构
|
||
|
|
uniapp+uView2.0
|
||
|
|
|
||
|
|
### 项目结构
|
||
|
|
```
|
||
|
|
├─api // 接口管理
|
||
|
|
│ ├─user.js // 示例
|
||
|
|
├─common // 公共文件
|
||
|
|
│ ├─config // 环境配置 开发、生产环境地址配置，是否开发模式配置，超时时间，请求日志开启状态等
|
||
|
|
│ ├─filters // 全局过滤器
|
||
|
|
│ ├─uni.interface // uniapp请求模式下的请求及响应处理；
|
||
|
|
│ ├─uview.interface // vuiew请求模式下的请求及响应处理(uView2.0)
|
||
|
|
│ └─utils // 常用公共方法
|
||
|
|
├─uni_modules // 插件市场插件目录
|
||
|
|
│ └─uview-ui // uview-ui
|
||
|
|
```
|
||
|
|
|
||
|
|
### 使用方法
|
||
|
|
```
|
||
|
|
api/user.js
|
||
|
|
//如果用uni请求
|
||
|
|
import http from '@/common/uni.interface.js';
|
||
|
|
|
||
|
|
//如果是用uview请求,就用下面这句
|
||
|
|
//const http = uni.$u.http
|
||
|
|
|
||
|
|
//获取用户信息
|
||
|
|
export function getUserInfo(params){
|
||
|
|
return http.get('api/userinfo', params)
|
||
|
|
}
|
||
|
|
|
||
|
|
//用户登录
|
||
|
|
export function userLogin(params){
|
||
|
|
return http.post('api/login', params)
|
||
|
|
}
|
||
|
|
|
||
|
|
//更改配置项，阻止loading提示
|
||
|
|
export function userLogin(params){
|
||
|
|
return http.post('api/login', {custom:{ShowLoading:false}})
|
||
|
|
}
|
||
|
|
|
||
|
|
页面导入接口文件
|
||
|
|
import {getUserInfo,userLogin} from "@/api/user.js"
|
||
|
|
|
||
|
|
getUserInfo().then(res => {
|
||
|
|
console.log(res)
|
||
|
|
})
|
||
|
|
|
||
|
|
userLogin({username:'zhangsan',password:'1234'}).then(res => {
|
||
|
|
console.log(res)
|
||
|
|
})
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
|
||
|
|
#### 仓库地址
|
||
|
|
|
||
|
|
[gitee](https://gitee.com/gefucai/uniapp-template.git)
|
||
|
|
|