更新记录
0.4.3(2025-05-14) 下载此版本
增加路由前置守卫
0.4.2(2025-05-13) 下载此版本
守卫
0.4.1(2025-05-06) 下载此版本
升级
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
√ | √ | √ | √ | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
方便您的同时,请五星、收藏,让好的东西照亮更多深渊中负重前行的代码人。
创作不易,在您方便之际,赞赏作者,我们会更有动力继续下去。
简介
提供一套常用的实战性JS-JDK,提高开发效率。
使用方法
1.全局注入
// 全局注入公共JS-SDK
import ljsPublic from './uni_modules/ljs-sdk-public/js_sdk/index.js'
Vue.prototype.$ljsPublic = ljsPublic; // vue2
app.config.globalProperties.$ljsPublic = ljsPublic; // vue3
2.使用
组合式
// base库
this.$ljsPublic.base.urlCheck('userId')
选项式
const { proxy } = getCurrentInstance()
// base库
proxy.$ljsPublic.base.urlCheck('userId')
API
[API文档 开发中...]()
基础开发库:
1.公共封装(base)
2.日期处理封装(date)
3.数字处理封装(number)
4.表单检查(formCheck)
5.消息封装(msg)
6.跳转封装(run)
前置守卫
// 全局前置守卫
uni.$on('routerBeforeEach', (to, from, next) => {
console.log(to, from, next);
next()
// next('/pages/login/index')
});
参数to/from
参数 | 类型 | 说明 |
---|---|---|
route | String | 路由地址。 |
options | Object | 携带参数。 |
参数next,next为函数(path, parameter)
参数 | 类型 | 说明 |
---|---|---|
path | String | 重定向路由地址。 |
parameter | Object | 携带参数。 |
7.动画封装(animation)
8.加密解密(cryptoJs)
1.安装插件crypto-js
npm i crypto-js -S
import ljsCryptoJs from './uni_modules/ljs-sdk-public/js_sdk/utils/cryptoJs.js'
Vue.prototype.$ljsCryptoJs = ljsCryptoJs; // vue2
app.config.globalProperties.$ljsCryptoJs = ljsCryptoJs; // vue3
9.请求封装(request)
1.main.js配置全局变量$API;
// API
import ljsAPI from '@/request/index.js'
Vue.prototype.$API = ljsAPI;
2.根目录创建文件 request/config.js;
/**
* 配置:API访问地址
* */
const technical_support = "龙九山"; // 技术支持
//测试 -
export default {
base_url: 'http://192.168.1.100:8080', // 接口地址
technical_support,
}
request/index.js;
import common from './module/common';
import system from './module/system';
export default {
common, // 公共
system // 系统管理
};
3.根目录创建文件request/module/common.js;
import { get, post } from '@/uni_modules/ljs-sdk-public/js_sdk/utils/request/index.js';
const api = {
// 登录
login: (params) => {
return post('/login', params);
}
};
export default api;
4.调用方法;
this.$API.common.login({
username: 'ljs',
password: '123456'
}).then((res) => {
console.log(res);
if (res.code === 200) {
}
});
5.请求需要验证token,登录接口需要存储token
this.$store.commit('SET_token', res1.token);
request方法
参数 | 类型 | 解释 |
---|---|---|
login(url, params = {}) | Function | 独立,只在登录使用,绕过header["Authorization"] |
get(url, params = {}, timeout, isInternalRequest, responseInterceptor, headerParams) | Function | GET |
post(url, params = {}, submitDD, timeout, isInternalRequest, responseInterceptor) | Function | POST |
put(url, params = {}, submitDD, timeout, isInternalRequest, responseInterceptor) | Function | PUT |
del(url, params = {}, submitDD, isInternalRequest, responseInterceptor) | Function | DELETE |
uploadFile(url, name, filePath, timeout) | Function |
request方法参数
参数 | 类型 | 必填项 | 默认值 | 说明 |
---|---|---|---|---|
url | string | √ | 接口地址 | |
params | Object | × | {} | 参数的对象 |
submitDD | Boolean | × | false | 防抖动,是否需要开启 |
timeout | Number | × | 10000 | 超时时间,默认6000毫秒 |
headerParams | Object | × | headerParams,额外的header参数。 | |
isInternalRequest | Boolean | × | true | 是否为内部请求。外部请求通常为http://****\/接口名称 |
responseInterceptor | Boolean | × | true | 是否进入公共response拦截器处理数据,默认为true。 |
贡献代码
龙九山。有任何问题,请在平台留言,在手头宽裕得情况下,我会尽快修复问题。