Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
e5850ecf
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3603
Star
108
Fork
922
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
120
列表
看板
标记
里程碑
合并请求
110
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
120
Issue
120
列表
看板
标记
里程碑
合并请求
110
合并请求
110
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
e5850ecf
编写于
6月 14, 2022
作者:
inkwalk
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs(admin): add uni-stat
上级
e4536841
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
162 addition
and
33 deletion
+162
-33
docs/uniCloud/admin.md
docs/uniCloud/admin.md
+162
-33
未找到文件。
docs/uniCloud/admin.md
浏览文件 @
e5850ecf
...
...
@@ -41,11 +41,17 @@ uni-admin有预置功能、插件生态和数据表管理的代码生成工具
-
动态菜单的数据存储在数据库表opendb-admin-menus中,基于uni-id角色权限,在菜单管理中可以对菜单进行增删改查
-
开发模式下的 debug 功能,帮助开发者及时发现报错和搜索错误信息,可在
`admin.config.js`
文件中配置
2.
扩展插件
2.
内置 uni统计2.0
-
uni统计2.0 是开源、全端、云端一体、更适合uni-app的统计平台,详见
[
统计文档
](
https://uniapp.dcloud.net.cn/uni-stat-v2.html
)
-
无需开发,在manifest的 uni统计 中打勾并发行,在uniCloud服务空间部署uni-admin,即可查看报表,见下文介绍
-
开发者也可以自定义打点数据、自定义展现报表
3.
扩展插件
-
uni-admin支持插件生态,包括cms插件、banner管理插件、日志管理插件、图表示例等,详见
[
插件市场
](
https://ext.dcloud.net.cn/?cat1=7&cat2=74&orderBy=UpdatedDate
)
3
.
数据表管理的代码生成工具
4
.
数据表管理的代码生成工具
-
对于数据表的管理,如列表浏览、分页搜索、详情修改、新增删除,这些代码都无需自己开发。建好数据表的schema表结构,利用schema2code工具,即可自动生成该表的管理页面的代码。详见
[
schema2code
](
https://uniapp.dcloud.net.cn/uniCloud/schema?id=autocode
)
...
...
@@ -96,27 +102,96 @@ PC 端如下图:
### 目录结构
```
bash
├── cloudfunctions
# 云函数
├── common
│ │── uni.css
# 公共样式
│ └── uni-icons.css
# icon样式
├── components
# 自定义组件
├── js_sdk
# js sdk
├── pages
# 页面
│ │── index
# 首页
│ └── login
# 登录页
├── cloudfunctions
# 云函数
├── common
│ │── uni.css
# 公共样式
│ └── uni-icons.css
# icon样式
├── components
# 自定义组件
├── js_sdk
# js sdk
│ └── uni-stat
│ └── util.js
# uni统计相关工具方法
├── pages
# 页面
│ │── index
# 首页
│ │── login
# 登录页
│ │── system
# 系统管理
│ │ │── app
# 应用管理
│ │ │── menu
# 菜单管理
│ │ │── permission
# 权限管理
│ │ │── role
# 角色管理
│ │ │── tag
# 标签管理
│ │ └── user
# 用户管理
│ └── uni-stat
# uni统计
│ │── channel
# 渠道(app)
│ │ │── channel.vue
# 页面(下同)
│ │ └── fieldsMap.js
# 字段配置(下同)
│ │── device
# 设备统计
│ │ │── activity
# 渠道/场景分析
│ │ │ │── activity.vue
│ │ │ └── fieldsMap.js
│ │ │── comparison
# 平台对比
│ │ │ │── comparison.vue
│ │ │ └── fieldsMap.js
│ │ │── overview
# 今日概览
│ │ │ │── overview.vue
│ │ │ └── fieldsMap.js
│ │ │── retention
# 留存
│ │ │ │── retention.vue
│ │ │ └── fieldsMap.js
│ │ │── stickiness
# 粘性
│ │ │ │── stickiness.vue
│ │ │ └── fieldsMap.js
│ │ └── trend
# 趋势分析
│ │ │── trend.vue
│ │ └── fieldsMap.js
│ │── error
# 错误分析
│ │ │── error.vue
│ │ └── fieldsMap.js
│ │── event
# 事件分析
│ │ │── event.vue
│ │ └── fieldsMap.js
│ │── index
# 统计首页
│ │ │── index.vue
│ │ └── fieldsMap.js
│ │── page-ent
# 入口页
│ │ │── page-ent.vue
│ │ └── fieldsMap.js
│ │── page-res
# 受访页
│ │ │── page-res.vue
│ │ └── fieldsMap.js
│ │── scene
# 场景值(小程序)
│ │ │── scene.vue
│ │ └── fieldsMap.js
│ └── user
# 用户统计
│ │── activity
# 渠道/场景分析
│ │ │── activity.vue
│ │ └── fieldsMap.js
│ │── comparison
# 平台对比
│ │ │── comparison.vue
│ │ └── fieldsMap.js
│ │── overview
# 今日概览
│ │ │── overview.vue
│ │ └── fieldsMap.js
│ │── retention
# 留存
│ │ │── retention.vue
│ │ └── fieldsMap.js
│ │── stickiness
# 粘性
│ │ │── stickiness.vue
│ │ └── fieldsMap.js
│ └── trend
# 趋势分析
│ │── trend.vue
│ └── fieldsMap.js
├── static
├── store
# vuex
├── windows
│ │── component
# 项目中使用的组件
│ │── leftWindow.vue
# 左侧窗口(菜单栏)
│ └── topWindow.vue
# 顶部窗口(导航栏)
├── admin.config.js
# 系统配置(配置导航,菜单等)
├── App.vue
├── main.js
├── mainfest.json
├── pages.json
├── postcss.config.js
# postcss 配置(浏览器兼容性)
├── store
# vuex
├── windows
│ │── component
# 项目中使用的组件
│ │── leftWindow.vue
# 左侧窗口(菜单栏)
│ └── topWindow.vue
# 顶部窗口(导航栏)
├── admin.config.js
# 系统配置(配置导航,菜单等)
├── App.vue
├── main.js
├── mainfest.json
├── pages.json
├── postcss.config.js
# postcss 配置(浏览器兼容性)
└── uni.scss
```
...
...
@@ -254,22 +329,59 @@ $menu-text-color-actived: #409eff; /* 菜单激活前景色 */
如果想将自己开发的页面调到登录后首页,可在 page.json 调整。
###
icon 图标
###
uni统计2.0 介绍
admin 框架内置了一套 icon 图标,在
`静态功能演示-图标`
菜单中,点击图标即可复制图标的 class 定义。
uni统计2.0 是开源、全端、云端一体、更适合uni-app的统计平台,下图为概览图和简介,详见
[
统计文档
](
https://uniapp.dcloud.net.cn/uni-stat-v2.html
)
选中样式后,在新建菜单页面的表单中输入样式名称。没有样式的菜单项将没有图标。

当然,你也可以使用三方 icon 库。以使用
`elementUI`
的图标为例,在
`app.vue`
中导入图标库的样式文件:
**1. 全端**
```
javascript
<
style
>
/* 注意此处仅为 icon 使用示例,建议引入纯净图标库,避免增加不必要的 css */
@
import
'
https://unpkg.com/element-ui/lib/theme-chalk/index.css
'
;
<
/style>
```
全端流量统计,一张报表可查看所有端(iOS、Android、Web 及各家小程序)的运营数据。
在标签上使用图标的 class 名称即可:
``el-icon-s-tools``
无需在各端接不同的sdk、无需在不同报表看数据。目前市面已知唯一一个一张报表看遍业务全景的方案。
**2. 开源、免费、自由定制**
无论前端采集数据的SDK、云端接收数据的云函数、云端跑批统计的云函数、展示统计结果的报表,所有这些代码全部开源。
前端自定义打点,后端自定义统计维度,自由定制报表,一切都可以灵活定制。
**3. 私有部署、数据自控**
使用传统saas类统计产品,所有数据都上报给统计服务厂商。
`uni统计2.0`
基于
`uniCloud`
实现,云函数、统计数据全部托管在开发者自己的服务空间(阿里云或腾讯云自选)中,开发者对自己的统计数据拥有完整的控制权。
**4. 默认功能丰富**
-
设备统计
-
注册用户统计(基于
[
uni-id
](
https://uniapp.dcloud.io/uniCloud/uni-id.html
)
)
-
页面统计
-
新增、活跃、留存、跳出率分析
-
渠道分析:辅助渠道推广
-
错误统计和上报:辅助产品质量提升
-
自定义打点、开源可扩展的报表
**5. 有效的错误分析**
传统统计平台,都没有js错误统计。开发者无法了解到自己的js代码在哪些设备上会报错。
uni统计的错误信息更全面,包括 js前端错误和 App 原生层的崩溃。辅助开发者把应用做的更好。
**6. 更适合uni-app和uniCloud**
uni统计深入uni-app和uniCloud框架底层,提供了众多其他统计平台无法提供的功能:
-
uni-app全端识别,无需对接不同sdk、无需在不同报表中切换和自己累加数据
-
自动识别uni-app路由,自动采集页面标题(基于navigationBar或uni-title组件)
-
自动捕获js错误,上报app端原生崩溃日志
-
兼容uni-app渠道包打包体系,自动识别渠道包
-
基于uni-id账户体系,自动出具注册用户(不是设备)的新增、活跃、留存报表
-
兼容uniCloud
[
opendb规范
](
/uniCloud/opendb
)
,从服务器端统计各项数据
**7. 开放生态**
uni统计的开源且基于
[
uni-admin
](
/uniCloud/admin
)
的插件规范提供了插件机制,会有更多插件作者提供各种丰富的统计插件(如电商统计、内容统计等)。见
[
插件市场
](
https://ext.dcloud.net.cn/?cat1=7&cat2=74&type=HotList
)
### 用户-角色-权限
...
...
@@ -331,6 +443,23 @@ admin 提供了两个内置方法,方便在页面中鉴定登录用户权限

##### 9.此时你再刷新页面即可访问用户管理的数据列表
### icon 图标
admin 框架内置了一套 icon 图标,在
`静态功能演示-图标`
菜单中,点击图标即可复制图标的 class 定义。
选中样式后,在新建菜单页面的表单中输入样式名称。没有样式的菜单项将没有图标。
当然,你也可以使用三方 icon 库。以使用
`elementUI`
的图标为例,在
`app.vue`
中导入图标库的样式文件:
```
javascript
<
style
>
/* 注意此处仅为 icon 使用示例,建议引入纯净图标库,避免增加不必要的 css */
@
import
'
https://unpkg.com/element-ui/lib/theme-chalk/index.css
'
;
<
/style>
```
在标签上使用图标的 class 名称即可:
``el-icon-s-tools``
### 新增页面
新增页面可以自己开发页面,也可以从插件市场下载插件。页面如需添加菜单,参见上文的
[
菜单管理
](
#静态菜单和动态菜单
)
。
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录