Mock.js 模拟数据生成工具

简介

一般项目开发中,我们前后端开发基本上是同时进行的,但往往会存在后端接口没开发完,而导致前端开发无法继续进行的情况。

为了避免这种情况,我们可以使用Mock.js,生成随机数据,拦截 Ajax 请求,来模拟服务器响应。

优点是使用简单方便,无侵入性。

Mock.js官网:
http://mockjs.com/

Mock特点

前后端分离

让前端攻城师独立于后端进行开发。

增加单元测试的真实性

通过随机数据,模拟各种场景。

Vue页面json格式化插件vue-json-viewer使用

安装vue-json-viewer插件

基于npm的安装:
$ npm install vue-json-viewer --save

基于yarn的安装:
$ yarn add vue-json-viewer

代码中引入

在全局main.js中引入或单独页面script引入:

import Vue from 'vue'
import JsonViewer from 'vue-json-viewer'
 
// Import JsonViewer as a Vue.js plugin
Vue.use(JsonViewer)

医院预约挂号及医师排班小程序项目介绍

前言

本文主要介绍下医院预约挂号小程序项目的技术架构及主要功能描述。

项目结构:

hosp-admin

|- hosp-admin 医院小程序管理--后台服务

|- hosp-web 医院小程序管理--web后台管理

|- hosp-app 医院小程序管理--小程序/H5

项目扩展性强,可快速实现与HIS及已有系统对接。

获取源码及业务交流请联系:

QQ:814483194(添加备注:预约挂号)

邮箱:whwtree@163.com

阿里云-音视频通信Web集成开发

阿里云-音视频通信产品文档:
https://help.aliyun.com/product/61399.html

接入步骤:

  • 阿里云控制台--音视频通信--创建应用,获取appId和appKey授权信息;
  • 下载demo源码,熟悉音视频demo前端逻辑;
  • 创建后台接口,根据appId和appKey调用AliRtcUtils.createToken方法生成token;
  • 根据demo逻辑进一步熟悉音视频API方法及参数,然后将音视频逻辑迁移至自身项目;

接入价格:

音视频通信时长包(国内版)
138元/年,2.5万分钟;

适用于在线教育、视频会议、互动娱乐、音视频社交等场景

适用场景

  • 语音聊天室、秀场直播、在线KTV、视频相亲、在线桌游、FM电台
  • 1对1在线教学、1对多小班课、超级小班课、互动大班课、音乐陪练教学、双师课堂
  • 快速搭建多端实时应用,丰富完备的业务支撑能力

阿里云-RTC地址:
https://www.aliyun.com/product/apsaravideo/rtc

collapse is not supported for the field [goodsId] of the type [text]]

问题:使用ES字段折叠去重时报错:
collapse is not supported for the field [goodsId] of the type [text]]

查询代码:

//指定按照goodsId字段折叠去重
CollapseBuilder collapseBuilder = new CollapseBuilder("goodsId");
searchQuery.setCollapseBuilder(collapseBuilder);

解决方法:
text是用于分词的,不支持collapse,只需将字段名goodsId换成goodsId.keyword即可;

修改后查询代码:

//指定按照goodsId字段折叠去重
CollapseBuilder collapseBuilder = new CollapseBuilder("goodsId.keyword");
searchQuery.setCollapseBuilder(collapseBuilder);