1.0.0 • Published 4 years ago
emsys v1.0.0
Jsy Separation Framework
前后端分离框架 - 核心模块
安装教程
- 安装依赖: npm install
- 启动服务: npm start
- 构建打包: npm run build
使用
- 文件引入 src/static
- js 包含错误页、打印、协议请求、生成签名、存取值等
- less 为样式文件,直接引入 index.less 即可,override.less 为公司定义的样式,覆盖蚂蚁自带的样式
ps:存取值:
import { getStorage, clearStorage,setStorage } from '@/static/js/storage';
// 存:
setStorage('key',value);
// 取:
let value = getStorage('key');
协议请求:
import { post } from '@/static/js/request';
const api = `${CONFIG.API_SSO_SKIN}/school/list`;
const params = {
platform_code: CONFIG.PLATFORM_CODE, //平台代码
app_code: CONFIG.APP_CODE, //应用系统代码
pageNumber: pageIndex,//分页页码
pageSize: this.state.pagesize,//每页数据条数
}
const poster = post(api, params, { disableMessage: true });
poster.then(({ data: menus }) => {
console.log('menus:'+JSON.stringify(menus));
this.setState({
loading: false,
data: menus.list,
total:menus.totalRow,
});
})
样式文件,只需要在自己全局的样式中,引入统一样式
// 框架postmessage数据,data为框架中缓存的数据
iframe.contentWindow.postMessage(data, '*')
// 子系统通过postmessage,监听框架传过来的数据
window.addEventListener('message', (ev) => {
let data = ev.data.cache;
if(data){
} else {
}
}, false);
// 子系统错误处理,res.data.code 子系统协议请求时,得到的 code 码
// CONFIG.ErrorPage 为框架点击子系统时,通过 postmessage 传到子系统的 error_page_url
if (res.data.code === 'sup_0006') {
window.location.href = CONFIG.ErrorPage+'/:0006';
}
1.0.0
4 years ago