代码拉取完成，页面将自动刷新
vk-unicloud-router
vk-unicloud系列开发框架client端框架地址： https://ext.dcloud.net.cn/plugin?id=2204
admin端框架地址：https://ext.dcloud.net.cn/plugin?id=5043
client端框架文档：点击查看
admin端框架文档：点击查看
22466457 欢迎萌新和大佬来使用和共同改进框架全局过滤器，过滤非法请求。您无需关心用户角色权限问题。JS API，让您无需重复造轮子。（持续增加中）云函数 API，为您的业务扫平障碍，让您可以专注于自身业务开发。（微信登录、短信、验证码、缓存、生成小程序码等等）（持续增加中）url化 的云函数请求，您无需关心url化后参数的获取问题uni-id 当前版本: 3.3.28（已支持真实发送邮箱验证码和短信验证码）6.1、由于每个应用基本都会用上用户系统，官方建议所有 uniCloud 应用均使用 uni-id 作为用户体系，
有了统一的账户规范，并且围绕这套账户规范，有各种各样插件，那么开发者可以随意整合这些插件，让数据连同。
6.2、同时方便其他用户使用 unicloud 插件发布者发布的前后端一体插件，只需要导入一个云函数即可。
(如导入一个社区插件，可能要导入几十个云函数，而使用此云函数路由后，只需导入一个云函数，且已集成 uni-id，打通账号体系)。
uni-id 基础上升级为 vk.userCenter 用户中心API 通过this.vk.userCenter 即可调用 传送门
uni.callFunction 和 uni.request 使之合二为一 通过this.vk.callFunction 调用vk.baseDao 数据库API，使小白也能轻松上手对数据库的调用。 传送门
vk.baseDao.selects 数据库万能连表查询API 传送门
商品SKU选择器组件（打造uni插件市场功能最全的SKU选择器组件）传送门
Vuex 进行了深度封装（支持持久化），现在可以很方便的使用Vuex进行读取和储存。传送门
vk.localStorage 封装本地缓存的curd，同时具有监听缓存被更新和被删除的功能。传送门
强制关闭 云端服务（适用于需要临时关闭后端服务的情况，如腾讯云迁移数据到阿里云时需要先关闭服务，否则迁移过程中会有新数据产生）uniCloud云开发。
打开 uniCloud/cloudfunctions 目录
查看 uni-id/config.json 代码格式 点击查看
直接右键uniCloud目录 点击 运行云服务空间初始化向导 即可
client 端框架 2.6.0 起，不再内置任何 UI 框架，你可以选择自己喜欢的 UI 组件库进行开发。vk-uview-ui（vue2.0版）若不想集成 vk-uview-ui 可跳过此处
适合开发：H5、App(vue版本)、微信小程序、支付宝小程序（其他小程序未验证）
插件市场导入
vk-uview-ui框架：点击前往
import uView from './uni_modules/vk-uview-ui';
Vue.use(uView);
<style lang="scss">
@import "./uni_modules/vk-uview-ui/index.scss";
</style>
@import "@/uni_modules/vk-uview-ui/theme.scss";
vk-uview-ui（vue3.0版）若不想集成 vk-uview-ui 可跳过此处
适合开发：H5、App(vue版本)、微信小程序（其他小程序未验证）
插件市场导入
vk-uview-ui框架：点击前往
不建议把老项目 升级到 Vue3.0 (升级非常麻烦，建议新项目才考虑是否使用Vue3.0)
注意：目前（2020-11-18） uniapp 的 Vue3.0 版本只兼容：H5、App、微信小程序
manifest.json 内的 vue 版本为 vue3
index.html 文件，文件代码为<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<title></title>
<!--preload-links-->
<!--app-context-->
<!-- 配置H5的 web图标static/logo.png -->
<link rel="icon" href="./static/logo.png" />
</head>
<body>
<div id="app">
<!--app-html-->
</div>
<script type="module" src="/main.js"></script>
</body>
</html>
// 引入 uView UI
import uView from './uni_modules/vk-uview-ui';
import { createSSRApp } from 'vue'
export function createApp() {
const app = createSSRApp(App)
// 使用 uView UI
app.use(uView)
return { app }
}
<style lang="scss">
@import "./uni_modules/vk-uview-ui/index.scss";
</style>
@import "@/uni_modules/vk-uview-ui/theme.scss";
uview-ui（nvue2.0版）若不想集成 uview-ui 可跳过此处
适合开发：App(nvue版本)，如果你只开发App，推荐用这个UI
插件市场导入
uview-ui框架：点击前往
import uView from './uni_modules/uview-ui';
Vue.use(uView);
<style lang="scss">
@import "./uni_modules/uview-ui/index.scss";
</style>
@import "@/uni_modules/uview-ui/theme.scss";
uview-ui（nvue3.0版）别想了，uniapp官方也还没支持。
uView1 的步骤import uView from 'uview-ui'
Vue.use(uView);
<style lang="scss">
@import "uview-ui/index.scss";
</style>
@import "uview-ui/theme.scss";
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue",
},
"dependencies": {
"uview-ui": "^1.8.3"
},
"dependencies": {
"uview-ui": {
"version": "1.8.3",
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.3.tgz",
"integrity": "sha512-DqKc+qRrOZLPcyfWv4b0HspSS9n1Cd6BbgKiYEv9rjTAnWoqJV7rXsvWqZdr5iKGP5EMNbNS741GLNw4sIHbpw=="
}
}
.
├── common─────────────────# 自定义官方公共模块包
│ └── config──────────────────# 全局配置公共模块
│ └── uni-id──────────────────# uni-id官方公共模块
│ └── vk-unicloud─────────────# vk-unicloud公共模块
├── router─────────────────# 正式环境云函数主入口(函数路由器)
│ └── dao──────────────────# dao层(数据库交互公共API)
│ └── middleware───────────# 中间层(过滤器、拦截器)
│ └── node_modules─────────# npm包
│ └── service──────────────# 逻辑层(用于写业务逻辑)
│ ── └── 逻辑层目录结构在下方单独展示
│ └── util─────────────────# 工具包
│ ── └── pubFunction.js───────# 公共函数包
│ ── └── smsUtil.js───────────# 全局过滤器
│ └── config.js────────────# 入口函数初始化配置
│ └── index.js─────────────# 入口函数
│ └── package.json─────────# 第三方依赖配置文件(若使用npm，自动生成)
└─└── package-lock.json────# 第三方依赖配置文件(若使用npm，自动生成)
.
├── router-test───────────────# 函数路由(开发测试环境)
│ └── ...─────────# ...
│ └── ...─────────# ...
└── └── ...─────────# ...
router/service 目录为逻辑层.
├── service──────────────────────# 逻辑层（用于写业务逻辑）
│ └── admin────────────────# 后台管理端逻辑（admin框架开发中。。。）
│ ── └── xxxxxxxxxxxxxxx──────#
│ ── └── xxxxxxxxxxxxxxx──────#
│ ── └── xxxxxxxxxxxxxxx──────#
│ ── └── xxxxxxxxxxxxxxx──────#
│ └── client───────────────# 客户端逻辑（H5、小程序、APP）
│ ── └── user─────────────────# 用户服务（自己系统的逻辑）
│ ──── └── kh───────────────────# kh函数为必须登录后才能访问的函数
│ ──── └── pub──────────────────# pub函数为所有人都可以访问,不限制
│ ──── └── util─────────────────# 用户服务专用的工具包
│ ── └── order────────────────# 订单服务（自己系统的逻辑）
│ ──── └── kh───────────────────# kh函数为必须登录后才能访问的函数
│ ──── └── pub──────────────────# pub函数为所有人都可以访问,不限制
│ ──── └── util─────────────────# 订单服务专用的工具包
│ ── └── xxxxxxxxxxxxxxx──────#
│ ── └── xxxxxxxxxxxxxxx──────#
│ └── common───────────────# 公共逻辑（公共接口）
│ ── └── xxxxxxxxxxxxxxxx─────#
│ ── └── xxxxxxxxxxxxxxxx─────#
│ ── └── xxxxxxxxxxxxxxxx─────#
│ └── user─────────────────# 统一用户中心服务(已集成uniID)（用户中心作为核心，且为了方便插件升级,故与admin和client平级）
│ ── └── kh───────────────────# kh函数为必须登录后才能访问的函数(客户端用户)
│ ── └── pub──────────────────# pub函数为所有人都可以访问,不限制
│ ── └── sys──────────────────# sys函数为后端管理人员才能访问的函数(商家后台工作人员)
│ ── └── util─────────────────# 统一用户中心服务专用的工具包
│ └── plugs───────────────# 插件逻辑（插件专用）（会陆续新增一些实用性插件给开发者使用，如微信小程序发送订阅消息等等）
│ ──└── plugs-A───────────────────# 插件A
│ ────└── admin───────────────────# 插件A admin端
│ ────└── client──────────────────# 插件A client端
│ ──└── plugs-B───────────────────# 插件B
│ ────└── admin───────────────────# 插件B admin端
│ ────└── client──────────────────# 插件B client端
│ └── template─────────────# 云函数模板（插件内的云函数写法模板）
│ ── └── db_api───────────────# 数据库接口调用模板
│ └── muban.js─────────────# 云函数模板（新建一个云函数应复制粘贴这个文件）
│ └── muban_easy.js────────# 云函数模板（简易版）
└─────────────────────────────────
module.exports = {
/**
* 此函数名称
* @url user/sys/test1 前端调用的url参数地址
* @description 此函数描述
* @params {Object} data 请求参数
* @params {String} uniIdToken 用户token
* @params {String} userInfo 当前登录用户信息(同理,是可信任的)(只有kh函数才带此参数)
* @params {Object} util 公共工具包
* @params {Object} filterResponse 过滤器返回的数据
* @params {Object} originalParam 原始请求参数(包含了原始event和context)
* data 请求参数 说明
* @params {String} uid 当前登录用户id,若用户已登录且token有效,则data中会带uid参数
* (此参数是后端过滤器通过token获取并添加到data中的,是可信任的)(只有kh函数才带此参数)
* res 返回参数说明
* @params {Number} code 错误码，0表示成功
* @params {String} msg 详细信息
*/
main: async (event) => {
let { data = {}, userInfo, util, filterResponse, originalParam } = event;
let { customUtil, uniID, config, pubFun, vk , db, _ } = util;
let { uid } = data;
let res = { code : 0, msg : '' };
// 业务逻辑开始-----------------------------------------------------------
// 可写与数据库的交互逻辑等等
// 业务逻辑结束-----------------------------------------------------------
return res;
}
}
// 注意：所有成功请求必须返回code：0 code为其他值，代表失败，如兑换失败，您的积分不足！
// 如成功时返回 res.code = 0 表示执行成功;
return {
code : 0,
msg : '兑换成功！'
}
return {
code : -1,
msg : '兑换失败，您的积分不足！'
}
/**
* 云函数请求封装 - 统一入口
* @description 通过云函数路由，1个云函数实现多个云函数的效果。
* @params {String} url 请求路径，该路径实为router云函数的service目录下的路径
* @params {Object} data 请求参数
* @params {String} title 遮罩层提示语，为空或不传则代表不显示遮罩层。
* @params {Boolean} isRequest 是否使用云函数url化地址访问云函数，默认false
* @params {Boolean} needAlert 为true代表请求错误时，会有alert弹窗提示。默认为true
* @params {Function} success 请求成功时，执行的回调函数
* @params {Function} fail 请求失败时，执行的回调函数
* @params {Function} complete 无论请求成功与否，都会执行的回调函数
*/
this.vk.callFunction({
url: 'user/kh/setAvatar',
title:'请求中...',
data:{
avatar: "https://xxxxxxx.jpg"
},
success(data) {
// 修改成功
}
});
22466457 如有问题或建议可以在群内讨论。此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。