全局变量

系统对一些基础的调用定义了全局变量，这样就可以在 js 或者 vue 文件中直接调用。

具体配置请参考脚手架配置。

Utils

继承扩展hey-utils方法库，可以在 src/js/common/utils 扩展定义公共方法。

hey-utils: https://www.npmjs.com/package/hey-utils

系统中直接调用:

  1. let a = 1;
  2. Utils.isString(a)
  3. // false

HeyUI

heyui组件库

系统中直接调用:

  1. HeyUI.$Message("成功")

Model

前端数据模型js-model：https://www.npmjs.com/package/js-model

G

前端全局常量以及全局事件hey-global：https://www.npmjs.com/package/hey-global

  1. G.set('env', {
  2.   fileOs: 'http://www.download.com',
  3.   socketOs: 'ws://www.socket.com',
  4. });
  6. // 获取环境变量
  7. const env = G.get('env');
  8. // {
  9. //   fileOs: 'http://www.download.com',
  10. //   socketOs: 'ws://www.socket.com',
  11. // }
  13. let todoTrigger = G.addlistener('NEW_TODO', (data)=>{
  14.   console.log(`new todo: ${date.message}`)
  15. });
  17. G.trigger('NEW_TODO', {message: 'go home'});
  18. // new todo: go home

log

简写console.log -> log，hey-log

  1. log('打印日志')

R

引用 src/js/common/request 文件，包含了前端所有的请求定义。

参考app-frame.vue文件中，直接引用接口请求

  1. R.User.info().then((resp) => {
  2.   if (resp.ok) {
  3.     //
  4.   }
  5. })

request.js文件

  1. import Ajax from './ajax';
  3. const Request = {
  4.   User: {
  5.     info(){
  6.       return Ajax.get('/account/info');
  7.     }
  8.   },
  9.   Dict: {
  10.     get(){
  11.       return Ajax.get(`/dict`);
  12.     },
  13.   },
  14.   Home: {
  15.     getMessageList() {
  16.       return Ajax.get(`/home/messages`);
  17.     }
  18.   },
  19.   Login: {
  20.     login(param){
  21.       return Ajax.postJson("/login", param);
  22.     },
  23.     logout(param){
  24.       return Ajax.post("/logout", param);
  25.     }
  26.   }
  27. };
  29. export default Request;