创建Vue项目 下载lauyui,将其放入static路径 引入自定义js ...
优点: .选用layui国产。 .layui有一套完整的前端框架,基本哪来就可以用。 .选用vue去掉了很多页面元素js拼接的繁琐,及不易修改。 .vue里面还有一些过滤器等,用起来很方便。 列表页: .用vue数据绑定,加载表格。 .用layui做分页处理。 .用的bootstrap做列表样式。也可以用layui的一套列表样式 .用vue插件axios,做ajax请求。 先上代码 lt DOCT ...
2019-06-12 16:02 0 2618 推荐指数:
创建Vue项目 下载lauyui,将其放入static路径 引入自定义js ...
最近做一个新项目,用H-ui做后台, 比较喜欢他的模仿bootsharp的栅格和表单样式。 感觉不好的是iframe加载速度比较慢。 这里在原有的H-ui页面基础上加入用vue来绑数据,用的还可以。 用layui分页控件来绑分页加载,用layer作为弹窗显示 以后改造为用x-admin ...
地址:www.zswblog.xyz 写完这个博客项目我真的很开心! 希望博客园的大佬们能去看看,如果可以希望帮我在Layui的年度案例点一个赞,谢谢! 地址:https://fly.layui.com/case/2019/ 我的博客是<本就一样>谢谢大家! ...
背景: 需要做一个列表页,管理内部所有链接 思路:先用前端画出列表页,然后实现列表的功能 列表页:layui自带的方法渲染,不需要过多的HTML直接JS渲染 功能:新增、删除、查看、编辑、搜索、分页 功能实现:前端数据提供给后端处理,渲染返回结果 首先,上一段前端代码,具体 ...
一、列表页 列表页带id跳转到详情页 二、详情页 获取传递的id 拿到id,然后请求axios请求详情页数据。 ...
很多时候遇到这种需求从列表第三页点击某个item进入到详情页,然后点击浏览器后退按钮退回到列表页,这个时候往往回到了列表中第一页的数据,如果我希望保持回到第三页,该如何操作呢? 列表页点击分页的方法中: this.$router.push({path:"partList",query ...
先看效果: wxml: wxss: ...