技术点整理

绿侠快充后台前端整理

2019-02-27  本文已影响0人  訫洅蓅浪

绿侠快充后台管理系统:

1、使用smartadmin后台系统管理项目代码 smartadmin源码存放于svn中(svn地址/front/smartadmin源码)

2、表格分页封装使用dataTable插件。

4、使用ajax(封装函数于BaseServer.js中get,post方法)

5、vue数据交互

6、使用layer弹窗(封装函数于BaseServer.js中dialog方法)

7、表单验证 jquery.metadata.js

8、双重弹窗使用way.js储存数据

9、数据总览使用DataV (钉钉DataV 数据可视化交流群:21703684)

10、图表使用echartsamcharts3

11、日期组件使用jedate

<input type="text" name="startdate" readonly="readonly" id="startdate" placeholder="开始日期" class="table-input jeDatetimepicker" format="YYYY-MM-DD"  donefun="函数" onClose="true">

class:添加jeDatetimepicker 

format:日期格式

donefun:确定事件回调函数,onClose为true时不触发

onClose:是否为点击日期关闭弹窗

12、权限校验缓存上所有返回权限数据循环判断当前页面所存在权限显示与否,config.js中permissionlist方法

13、vue过滤器(filter.js文件里)

14、接口url(service.js)

15、表单校验方法(js/plugin/jquery-validate/additional-methods.js,若不满足时可自行写校验方法)

16、后台系统登录页存在于另一项目中(cdy-lx-pms-auth中)

17、app调用h5页面存在于另一项目(app-api中)

18、通用弹窗放置于ajax/dialog路径中,调用弹窗方法于js/demo.min.js

19、自定义二、三级联动select方法于js/demo.min.js(ps:广告管理弹窗中链接app内页使用到)

20、获取数据字典中数据于app.min.js中codeload方法,赋值于select组件中方法为config.js中selectData(ps:global.selectData({'id':'字段名'});),表格分页中数值转换文案时为codeload中dicts_ctx方法(ps:dicts_ctx['属性名@'+数值];) 

21、框架本身代码于js/app.min.js与js/app.config.js  中

22、如需使用组件换肤,变色,放大缩小等功能时需调用pageSetUp();方法,

23、制作表格分页时(可直接拷贝项目中代码),注:当前表格分页有筛选条件时,搜索事件按钮id为表格id+Btn(ps:memberTableBtn),清空事件id为表格id+ClearBtn(ps:memberTableClearBtn),导出事件id为表格id+Download(ps:chargingExamplesDownload,data-url存放导出接口)【搜索、清空,导出事件存放于BaseServer.js封装表格内】

24、省市区三级联动组件存放于js/plugin/citypicker/pick-pcc.js中(注:数据太多,手动修改数据)

25、相册:simpleSlide方法

26、框架本身icon使用Font Awesome,设计icon于阿里的iconfont中

27、搭配原框架实现tab切换时,需注意cookie中oldUrl,navIndex值,因需保持原菜单不变,有些返回也需原路返回,(ps:看有tab的例子)

28、通用函数存放于js/config.js中

29、金额格式化需保留两位小数,且不四舍五入

30、js/menu.js中,getButtonMenuList方法中存放way.set('formScope.permissions',res);获取当前用户所有权限

31、基础js文件中修改后,需手动清除缓存,创建页面时引入js,css文件添加随机版本号。

注:技术在于自己去研究代码。

上一篇下一篇

猜你喜欢

热点阅读