最近写了一个ibeacons管理后台,用到了很多新的东西,也踩了很多坑,就写下来记录回顾一下吧。
效果图:
1、Techniques used
- layui (phper推荐的,mmp)
- context.js (自定义右键菜单)
- highcharts,echarts (可视化图表)
- 等等还有一些其他东西
2、Problem
- layui自称是一个模块化框架,首先引用它就和我们用的RequireJS模块加载器冲突了。
解决办法:
在app.js里需要配置路径,然后shim导出,然后在文件中还需要配置layui的指向1
2
3
4layui.config({
dir: '//s1.bbgstatic.com/beacon-manager/js/plug/layui/',
debug: false //
});
layui里一些东西无法灵活的配置,满足你的需求,这个没办法,不好用就不用呗
柱状图x轴条数过多,倾斜,默认超出会自适应的滚动条的
1
2
3
4
5
6
7
8
9
10
11
12xAxis: {
min: 0,
max :10,
type: 'category',
labels: {
rotation: -45,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif'
}
}
}一些正则和逻辑判断,continue break return
1 | for(var i in urlData.conf){ |
if(!weightBoolean){
layer.msg('权重请输入1-100的正整数!', { icon: 5})
return;
}
if(!urlBoolean){
layer.msg('url格式输入有误,请检查后重新输入!', { icon: 5})
return;
}
总结
技术选型很重要,以后不要选layui这种啦。