美文网首页技术点整理
绿侠快充后台前端整理

绿侠快充后台前端整理

作者: 訫洅蓅浪 | 来源:发表于2019-02-27 14:22 被阅读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文件添加随机版本号。

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

相关文章

  • 绿侠快充后台前端整理

    绿侠快充后台管理系统: 1、使用smartadmin后台系统管理项目代码smartadmin源码存放于svn中(s...

  • 深电能前端开发科技术整理

    绿侠快充App绿侠快充后台管理系统WEB端慧效云IOS慧效云Android慧能云Web项目

  • 绿侠快充技术整理

    绿侠快充后台 1.基础后台框架 smartAdmin2.JavaScript库 jquery3.双向绑定数据 vu...

  • 绿侠快充App技术整理

    React Native 原理 ES6 Flex 布局 React Navigation MobX 视频教程 网...

  • 绿侠快充CodePush热更新接入

    本文旨在对App热更新和CodePush做简单的介绍和概括,并对在绿侠快充App接入CodePush的过程中遇到的...

  • 快充

    春节要不要试试电车回家emm

  • 快充

    一个人的精神状态 很像冲向100%的电量 中途的断电和无信号 都是疲惫的作态 撒手不管的旧手机 撒手不管的小孩子 ...

  • 快充

  • 快充

    华为快充在抖音平台卖得很火。在这个离不开手机的年代,为了满足我这个“手机控”的“刚需”,分别在公司和家里各放了一只...

  • 快充

    (郑重声明,诗歌为原创首发,文责自负) 现在的生活处处都是便利 一切都以节省时间为前提 高速路超车道和高速车道 邮...

网友评论

    本文标题:绿侠快充后台前端整理

    本文链接:https://www.haomeiwen.com/subject/trffuqtx.html