每个项目的主题色一般都不一样,直接用element-ui的默认主题色似乎有点不合适,还需要自己一个一个的找元素class名然后在修改样式,非常麻烦,还容易影响到包含该类名的其他元素样式,所以需要自定义主题色. 在项目中改变 SCSS 变量 Element 的 theme-chalk 使用 SCSS 编写,所以我先在项目里安装sass cnpm i sass-loader -D //sass-loader依赖于node-sass cnpm i node-sass -D 我在项目根目录下面  /st

前言 之前有些过移动端的项目搭建的文章,感觉不写个pc端管理系统老感觉少了点什么,最近公司项目比较多,恰巧要做一个申报系统的后台管理系统,鉴于对vue技术栈比较熟悉,所以考虑还是使用vue技术栈来做:看过一个不错的后台配置模板(vue-element-admin),页面也挺美的,但是还是碍于不想看太多关于这个模板的配置说明,于是又拉出来之前我搭建的简易版的模板,决定重构下,使用自己搭建的后台系统模板,配置非常简单:本文将从初始化项目开始一直到打包上线做一个详细的介绍,看完本文章,绝对会对其中的一

今天真是个郁闷的日子,因为老师两个星期前给我的一个任务,用递归算法将Oracle数据库中用户信息及权限显示在jquery-treeView上,网上虽然有大神写出了这类算法,但是不贴全部代码,真的很难跟着写出来啊(或者本人能力有限),今天和老师争论了一下午,老师都差点怀疑我能力有问题了,虽然我确实能力一般,但还是不服气.老师让我用oracle数据库,我找的例子是sql server的,并且用到了entity framework6技术,我照葫芦画瓢引用到oracle死活运行出错,浪费了我两个星期的时

教程 vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架 一个系统开发完成了总要有操作说明手册,接口文档之类的东西吧?这种要全部纯手写就很麻烦了,可以借助一些插件,比如: vue-docute vue的官方文档就是用这个生成的呢~ 官方文档==>docute 我的示例demo==>demo demo源码==>code 下面进入正题,开始学习使用这个好用的插件吧~ 1.安装 方法1 npm 安装 npm: npm i -g docute-cli docute init ./do

Vue实现狗尾草博客后台管理系统第三章 本章节,咱们开发管理系统侧边栏及面包屑功能. 先上一张效果图 样式呢,作者前端初审,关于设计上毫无美感可言,大家可根据自己情况设计更好看的哦~ 侧边栏 这里我们借助element的aslide侧边栏,直接使用. 在components>commons下新建Aslide.vue,Header.vue组件.分别作为我们的侧边栏和头部组件. Aslide内容,我们直接使用el-menu及相关侧边栏组件.不过要仔细阅读以下官方文档,否则使用会比较费劲. colla

(1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y-h/p/12930895.html SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(二):引入 element-ui 定义基本页面显示:https://www.cnblogs.com/l-y-h/p/12935300.html SpringBoot + Vue

项目搭建时间:2020-06-29 本章节:讲述基于vue/cli, 项目的基础搭建. 本主题讲述了: 1.跨域配置 2.axios请求封装 3.eslint配置 4.环境dev,test,pro(开发,测试,线上), run自动调用对应的接口(proxy多代理配置) vue+element-ui JYAdmin后台管理系统模板-集成方案从零到一的手写搭建全过程. 该项目不仅是一个持续完善.高效简洁的后台管理系统模板,还是一套企业级后台系统开发集成方案,致力于打造一个 与时俱进.高效易懂.高复用

自定义主题 命令行主题工具 1.安装主题工具 首先安装「主题生成工具」,可以全局安装或者安装在当前项目下,推荐安装在项目里,方便别人 clone 项目时能直接安装依赖并启动. yarn add element-theme --dev 2.安装chalk主题 安装白垩主题,可以从 npm 安装或者从 GitHub 拉取最新代码,这里从 npm 安装. yarn add element-theme-chalk -D 3.初始化变量文件 主题生成工具安装成功后,如果全局安装可以在命令行里通过 et 调

自定义主题 命令行主题工具 1.安装主题工具 首先安装「主题生成工具」,可以全局安装或者安装在当前项目下,推荐安装在项目里,方便别人 clone 项目时能直接安装依赖并启动. yarn add element-theme --dev 2.安装chalk主题 安装白垩主题,可以从 npm 安装或者从 GitHub 拉取最新代码,这里从 npm 安装. yarn add element-theme-chalk -D 3.初始化变量文件 主题生成工具安装成功后,如果全局安装可以在命令行里通过 et 调

Q4要来了,我来这家公司已经一个季度了,通过对公司前端框架的整体认识,对业务的一些认识,发现,这些东西也都是可以重构,无论是v2,还是v3的代码. 首先就要那后台管理来开刀来,现有的技术框架就是php模版+jquery+jquery插件库,大杂烩什么都有,简单的说就是jquery技术栈,jquery灵活,但是代码量太大,没有太深入的思想,回调,dom操作,表单校验正则,dialog框,蒙层,表格编辑,查询分页,查询条件筛选,日期计算,无非就是这些东西.但是使用jquery的话,很坑,尤其是联动效

2. 开发前须知 我的后台管理系统项目运用了如下框架/插件: Vue 2.x —— 项目所使用的 js 框架,我所使用的版本是:2.1.10 vue-router 2 —— Vue 2.x 配套路由,我所使用的版本是:2.3.0 Element —— UI 框架,饿了么出品,我所使用的版本是:1.2.8 Echarts —— 图表插件,百度出品,我所使用的版本是:3.4.0 在 UI 框架的选择上,除了 Element,iView 也不错,大家可以按需选择. 对于所使用的框架/插件,尽可能先快速

在我们做项目时,我们经常会遇到切换主题色的功能,下面我们就来说一下通过颜色选择器我们就能改变项目的主题颜色 代码如下: 颜色选择器所在组件: top-theme.vue内容如下: <template> <el-color-picker size="small" class="theme-picker" popper-class="theme-picker-dropdown" v-model="themeVal"

最近工作需要用vue开发了后台管理系统,由于是第一次开发后台管理系统,中间也遇到了一些坑,想在这里做个总结,也算是对于自己工作的一个肯定.我们金融性质的网站所以就不将代码贴出来哈 一.项目概述 首先工作需求是这样的,开发一个公司的总后台,包含各个不同的模块,总体难度一般,没有开发ui图,用的vue-cli .elementui框架.webpack打包. 总需求的思维导图见链接  http://naotu.baidu.com/file/e8c31b43dfb2f18a3c523e0fa1393c0

开始coding啦 ¶分析项目 根据展示效果我们可以分析出,Web页面有两个,一个用于登录,一个用于系统内容控制,我们分别将其命名为Login和Cms,然后进行路由配置. 在src/page下新建Login.vue和Cms.vue文件,及进行vue模板构建 |--src |--page |--Cms.vue |--Login.vue <template> </template> <script scope> </script> <style> &

基于VUE实现的新闻后台管理系统 前段时间拿到一个关于新闻后台的API,测试数据库使用SQLite,Restful服务是用Go写的,只要运行特定环境下的脚本(run.*)就会启动一个服务,依次后台为接口,进行新闻后台的开发. ¶目录结构 |-- Small-Cms-Service-Go |--linux |-- ... |--run.sh |--mac |--... |--run.sh |--windows |--run.bat ¶开发环境 序号 环境 版本 说明 1 Node ^4.x, 6.

目录 使用的技术 基础但不好版 1.初始化项目 2.实现初始页内容自定义 3.使用路由 原始代码 自建页面 修改路由 4.测试路由跳转 补充 子路由版 嵌套router-view 定义子路由 修改菜单 修改component 补充 带请求版 统一配置axios实例 定义API调用信息 调用API 使用mock 代码 未涉及问题 首发日期:2019-06-27 使用的技术 vue.js+element UI+mock.js vue.js是核心 element UI是一个支持vue.js的UI组件库

vue后台管理系统权限 1.权限问题:用户和管理员进入管理系统看到的模块是不一样的,管理员看的的要比用户看到的多.需要用到动态加载路由,router.addRouters()来动态的挂载路由 // 1.先登录将获取到的用户的token存储起来 // store/index.js // 封装的api接口方法 import { getLogin, getUserInfo } from '../api/index' state: { roles: [], token: window.localStor

谈一谈VUE 后台管理系统权限控制 前端权限从本质上来讲, 就是控制视图层的展示,比如说是某个页面或者某个按钮,后端权限可以控制某个用户是否能够查询数据, 是否能够修改数据等操作,后端权限大部分是基于RBAC,比如说 一个用户可能会有多个角色,而一个角色可以会有不同权限 开始正题部分了 1. 前端做权限有什么好处? 降低非法操作的可能性 尽可能排除不必要的请求,降低服务器压力 没必要的请求,不具备权限的请求,应该压根就不要发送, 请求少了,服务器压力自然就很减轻 提高用户体验  就给用户展示已有

封装一个ECharts组件的一点思路 有关后台管理系统之前写过三遍博客,看这篇之前最好先看下这三篇博客.另外这里只展示关键部分代码,项目代码放在github上: mall-manage-system 1.Vue + Element-ui实现后台管理系统(1) --- 总述 2.Vue + Element-ui实现后台管理系统(2) --- 项目搭建 + ⾸⻚布局实现 3.Vue + Element-ui实现后台管理系统(3) --- 面包屑 + Tag标签切换功能 这篇主要讲解实现图表的功能:

总述 一.项目效果  整体效果 登陆页 后台首页 用户管理页 说明 这里所有的数据都不是直接通过后端获取的, 而是通过Mock这个工具来模拟后端返回的接口数据. 附上github地址: mall-manage-system 二.项目介绍 1.技术架构 项目总体技术选型 vue-cli 3.0 + element-ui + vue-router + axios + Vuex + Mock + echarts 2.测试账号地址 访问地址: 47.99.203.55:6066 账号:admin 密码: