工作拾记 - 关于easyui模板后台改为vue-element

图1: 数据接口,模拟实现一些基本的数据条目

图2: 获取数据,接口都在src/api中

TODO LIST:

接下来要做的呢:

1. 完善此demo,基本的CURD,现在只有getAll,需要将增加,删除,更改加入. (src/api/article.js)

2. 完善此操作选择中的edit,publish,draft,delete, 其中edit为编辑,publish为正式发布,数据传入默认publish,delete为删除(假性删除). Draft和publish或不用,直接取消改为其他操作.

3. 原demo中的批量删除选择,需要添加checkbox,或者选择后该条目数据元组进行色调变更,即为选中.需要添加选中条目点击删除后或导出后,获取选中数据的id到ids集合.

4. 权限的使用

5. Echarts的使用

6. 根据角色按需渲染页面

原文地址:https://www.cnblogs.com/ukzq/p/11842503.html

时间: 2024-08-29 12:50:26

工作拾记 - 关于easyui模板后台改为vue-element的相关文章

【SSH项目实战03】使用EasyUI搭建后台页面框架

前面两节,我们整合了SSH并且抽取了service和action部分的接口,可以说基本开发环境已经搭建好了,这一节我们搭建一下后台的页面.我们讨论一下两种搭建方式:基于frameset和基于easyUI.最后我们会使用easyUI来开发. 1. 抽取公共JSP页面 我们先来看一下当前的jsp页面: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

jquery easyui+layer后台框架

最近使用jquery easyui搭建了一个后台框架,以方便以后使用 上图先: 下载地址:CSDN下载 jquery easyui+layer后台框架,布布扣,bubuko.com

【开源】OSharp框架解说系列(2.1):EasyUI的后台界面搭建及极致重构

〇.前言 要了解一个东西长什么样,至少得让我们能看到,才能提出针对性的见解.所以,为了言之有物,而不是凭空漫谈,我们先从UI说起,后台管理页面的UI我们将使用应用比较普遍的easyui框架. 以前在用easyui的时候,每个页面都得从0做起,或者不厌其烦地由以前的页面通过“复制-粘贴”的方式来修改,久页久之,就会造成页面庞大且难以维护.其实,前端的html,javascript代码与后端的代码是一样的,通过一定的组织,把重复的代码抽离出来,同样也通过达到很好的复用率.而MVC的天生的Layout

工作随记 warning: &#39;includeantruntime&#39; was not set, defaulting to build.sysclasspath=last; set to false for repeatable builds

错误信息:F:\BUILD\IDS7020\trunk\manage_src\dev\java_src\tds7030-web\Ant\build.xml:344: warning: 'includeantruntime' was not set, defaulting to build.sysclasspath=last; set to false for repeatable builds 解决方案<javac srcdir="${srcDir}" destdir="

Bootstrap精品模板推荐(企业模板 后台模板都有)

Bootstarp是目前最流行的前端框架没有之一,目前很多的网站系统都是基于它的基础搭建的.最主要的是它使用起来很方便,下面给大家推荐几款很不错的模板 后台模板 漂亮的单页模板

工作报告思维导图模板及绘制方法分享

工作报告是一项对员工的工作情况进行总结的重要图表展现方式,一个清晰完整的思维导图模板可以让上司更加深刻的对待工作中的问题,那具体是要怎样操作呢?下面是分享的工作报告思维导图模板请添加链接描述总结以及绘制该模板的操作方法介绍,希望可以帮助到大家.模板简介:该模板通过思维导图去绘制工作报告,总结规划工作,找到自身优缺点,以及对公司及部门的改进意见等工作报告思维导图模板-迅捷画图 绘制思维导图方法一:使用在线网站迅捷画图进行绘制使用1.在浏览器上搜索迅捷,进入网站后,登陆(注册)账号,点击进入画图可以

如何将原有 Weex 项目改造成 Vue 版本

Weex 本身有一套语法规则,和 Vue 本身很相似,现在 Weex 与 Vue 有了官方合作,支持将 Vue 2.x 作为内置的前端框架,我们也推荐大家使用 Vue 2.x 的语法开发原生应用.对于现存旧版的 .we 文件,建议大家将其改造成 Vue 版本. 要解决的问题 将内核切换成 Vue 之后,原先基于 Weex 语法开发的项目将如何过渡到 Vue ? 首先需要明确一点:Weex 原有的前端框架也会继续存在于 WeexSDK 中,依然支持 .we 文件格式的写法. 此外,由于 .we 和

Vue Element+Node.js开发企业通用管理后台系统

第1章 课程介绍介绍项目背景.达到的目标.技术栈和功能演示 第2章 课程分析课程分析 第3章 Vue进阶(上)对Vue的进阶知识进行讲解,包括$emit和$on.directive指令.组件化.Vue插件等相关内容. 第4章 Vue进阶(下)对Vue的进阶知识进行讲解,包括组件通信.过滤器.监听器.Vue2.6重要新特性等相关内容. 第5章 Element-UI入门对Element-UI的内容进行讲解,包括如何搭建Element-UI使用环境,如何使用插件快速集成Element-UI,并通过el

chart接入后台数据后vue不响应式显示图片

chart接入后台数据后vue不响应式显示图片 watch: { //观察option的变化 config: { handler(newVal, oldVal) { if (this.chart) { if (newVal) { this.chart.setOption(newVal); } else { this.chart.setOption(oldVal); } } else { this.init(); } }, deep: true //对象内部属性的监听,关键. } }, 完整的ch