vuejs 和 element 搭建的一个后台管理界面

介绍:

  这是一个用vuejs2.0element搭建的后台管理界面。

相关技术:

  vuejs2.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。

  element:基于vuejs2.0的ui组件库。

  vue-router:一般单页面应用spa都要用到的前端路由。

  vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。

效果图:

演示地址:https://taylorchen709.github.io/vue-admin/

源码地址:https://github.com/taylorchen709/vue-admin

使用:

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm run dev

# build for production with minification
npm run build


原文地址:https://www.cnblogs.com/telwanggs/p/10792070.html

时间: 2024-11-05 21:08:33

vuejs 和 element 搭建的一个后台管理界面的相关文章

使用vuejs2.0和element-ui 搭建的一个后台管理界面

说明: 这是一个用vuejs2.0和element-ui搭建的后台管理界面. 相关技术: vuejs2.0:渐进式JavaScript框架,易用.灵活.高效,似乎任何规模的应用都适用. element-ui:基于vuejs2.0的ui组件库. vue-router:一般单页面应用spa都要用到的前端路由. axios: 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用. mock.js: 生成随机数据,拦截 Ajax 请求,让前端攻城师独立于后端进行开发.

用弹性盒子实现一个后台管理界面,多标签,多窗口

由于要改版前几天做的HTML编辑器,编辑器页面重新设计了一下,整个界面全部用flex box实现: 可能有的朋友会有类似需求,就把纯静态html和CSS发布到github上了,在这个项目下面: https://github.com/vularsoft/studio-ui 里面的html-demo.html文件就是. 这个项目是一个VUE类库,后期我会把这个界面实现为VUE库,现在只有静态页面可用. 原文地址:https://www.cnblogs.com/idlewater/p/12404315

4、VS2010+ASP.NET MVC4+EF4+JqueryEasyUI+Oracle项目开发之——后台管理界面

这一章节比较简单,我就直接贴代码了,后台管理登陆界面如下: 对应的控制器HomeController.cs,代码如下: using YKT.Model; using YKT.Common; using YKT.BLL; using YKT.Common.HtmlHelpers; using YKT.Common.Functions; using Microsoft.Practices.Unity; using YKT.IBLL; namespace YKT.Controllers { publi

Django后台管理界面

之前的几篇记录了模板视图.模型等页面展示的相关内容,这篇主要写一下后台admin管理界面的内容. 激活管理界面 Django管理站点完全是可选择的,之前我们是把这些功能给屏蔽掉了.记得上篇中Django模型模型安装小结中,我们把settings.py中的部分内容屏蔽了,并添加了一个app,如下 1 INSTALLED_APPS = ( 2 ## 'django.contrib.admin', 3 ## 'django.contrib.auth', 4 ## 'django.contrib.con

后台管理界面--管理页设计

本章我们开始进行后台管理界面的设计,本节课设计一下登录后的管理页. 一. 登录验证首先,创建一个数据库:easyui:其次,创建一个表:easyui_admin:然后,创建三个字段:id(自动编号).manager(管理员帐号).password(管理员密码).create(创建时间).//服务器端验证$.ajax({url : 'checklogin.php',type : 'POST',data : {manager : $('#manager').val(),password : $('#

RabbitMQ后台管理界面

打开后台界面:http://localhost:15672/#/   右上角可以设置页面"刷新时间".以及选择监听的"虚拟主机". 界面有"概要"."连接"."通道"."分发器"."队列"."用户"等几个管理页签. Overview 概要就是RabbitMQ的基本信息 Totals里面有Unacked未确认的消息数 Nodes :其实就是支撑Rab

模仿django实现一个后台管理

1.一个实现思路,url中包含当前表,获取到url中的表明,映射到model中的类中,然后获取model对象,然后做一个通用模板,将获取到的数据,返还给这个模板上,循环即可. django自定义用户 1.首先要重新写一个用户model 继承这个类AbstractBaseUser 2.python提供了创建用户的方法,就不需要我们自己去,通过query,model.object.create( )了 直接复制过来 3.需要在settings配置文件,指定一下,验证时,用自己创建的用户model A

vue+elementui搭建后台管理界面

1 会话存储 使用html5的 sessionStorage 对象临时保存会话 // 保存会话 sessionStorage.setItem('user', username) // 删除会话 sessionStorage.removeItem('user', username) 2 将所有未登录会话重定向到 /login 用 vue-router 的 beforeEach 实现beforeEach 方法接收三个参数: to: Route: 即将要进入的目标 路由对象 from: Route:

vue+elementui搭建后台管理界面(3侧边栏菜单)

上一节搭好了主框架,但是标签页和侧边栏只是分别展示了各自的菜单,如何将二者联动起来? 定义路由规则:当有 children 属性时,从 children 里取出 path 填充到侧边栏,如: { path: '/', redirect: '/dashboard', name: 'Container', component: Container, children: [ {path: 'dashboard', name: '首页', component: Dashboard, }, {path: