线上演示地址:http://122.51.77.238
node服务端:点这里
前提
最近在网站看到了很多关于拖拽的项目和文章,突然想到自己之前曾经也写过一点点,于是不安的心,躁动的手 就开始忙乎起来了。话不多说直接上图。vue+element
了解下layout
正常来说布局都是可以通过横竖两刀无线切来画出来。所以开始下来 一个水平和垂直布局 这个是支持无线层级嵌套的。左侧分为 容器和元素。 容器是支持嵌套的,元素要存在容器内的。
这个图演示的是拖拽一个表格,表格可以通过选择:模型 直接生成也可以通过面板的参数进行配置:请求地址、列等等。输入相应的路由进行保存。
页面渲染
这边做了一个资源的动态加载。路由动态注册。所有说在上面保存完页面后,需要在资源里面加上。添加之后,重新刷新下页面就可以通过路由跳转正常访问了。
配置了一个用户列表和新增的页面
通过表格参数配置,以及列的配置。直接将搜索条件带出来。不用写代码,就问你爽不爽?
来看这个页面是如何配置的
点击修改 有些是有预设值的,操作很多,都是很早之前写的了。代码、操作什么的 我也记不清了
如何引用js文件呢,请往下看
项目中有个目录,专门存放js的 在页面保存的时候直接输入文件名即可。在电泳函数的时候,会有响应的参数 如unit,base,arg。
刚兴趣的可以下载代码看看,多交流!
感谢观看,喜欢的话 留下你们的评论和小爱心!
刚兴趣的可以下载代码看看,多交流!
感谢观看,喜欢的话 留下你们的评论和小爱心!