vue后台管理系统前台框架_前端管理系统框架资源-CSDN文库

共29106个文件

js：18149个

json：2969个

md：2588个

vue

ele-admin

前端框架

1星需积分: 50 41 浏览量 2019-09-29 07:55:28 上传评论 4 收藏 99.83MB ZIP 举报

Vue 后台管理系统前台框架是基于 Vue.js 框架和 ele-admin 模板构建的高效、便捷的前端解决方案。Vue.js 是一个轻量级、高性能的前端 JavaScript 框架，以其组件化、易用性和灵活性而备受开发者喜爱。ele-admin 是一套专门针对 Vue.js 设计的后台管理系统模板，它提供了丰富的功能组件和预设的页面布局，大大简化了后台应用的开发流程。在基于 `vue-ele-admin` 的后台管理系统中，你将发现以下关键知识点： 1. **Vue.js**：Vue.js 是这个框架的基础，它允许开发者通过声明式渲染数据，并提供了响应式的数据绑定和组件系统。Vue 提供了单文件组件（Single File Components，SFCs）的概念，使得代码组织更加清晰。 2. **Vuex**：Vuex 是 Vue.js 的状态管理库，它集中管理应用的全局状态，确保状态在组件间同步更新。在 `vue-ele-admin` 中，Vuex 用于管理登录状态、权限控制等全局信息。 3. **Element UI**：Element UI 是一套基于 Vue.js 的组件库，它提供了诸如表格、按钮、提示、下拉菜单等常见的 UI 组件。ele-admin 就是基于 Element UI 构建的，因此在实际开发中，你可以直接使用这些美观且功能完善的组件。 4. **axios**：axios 是一个基于 promise 的 HTTP 库，常用于处理前后端数据交互。在 `vue-ele-admin` 中，axios 被用来发送 API 请求，获取或提交服务器上的数据。 5. **路由管理**：Vue Router 是 Vue.js 的官方路由库，它负责页面间的导航。在后台管理系统中，路由通常会配置有权限控制，以实现不同角色访问不同页面的功能。 6. **Mock 数据**：为了在开发阶段模拟后端数据，`vue-ele-admin` 可能包含了 Mock 数据设置，使得前端开发可以独立于后端进行，提高开发效率。 7. **权限控制**：ele-admin 框架通常集成了权限控制机制，如鉴权、角色权限分配等，确保用户只能访问其被授权的页面和功能。 8. **预设模块**：由于描述中提到已经有部分 demo 模块，这可能包括登录、首页、用户管理、角色管理等常见功能模块，开发者可以根据自身需求在此基础上扩展或修改。 9. **脚手架工具**：`vue-ele-admin-master` 可能包含了脚手架工具，帮助开发者快速初始化项目，自动化配置构建环境，如 webpack、babel 等。 10. **单元测试**：为了保证代码质量，项目可能集成了单元测试工具，如 Jest 或 Mocha，用于编写和执行测试用例。在实际开发中，你需要对 Vue.js、Vue Router、Vuex、Element UI 和 axios 等技术有深入理解，以便更好地利用 `vue-ele-admin` 框架。此外，了解前端工程化的最佳实践，如代码分割、懒加载、性能优化等，也能提升项目的整体质量和用户体验。

展开

资源推荐

资源详情

资源评论

收起资源包目录

vue后台管理系统前台框架（29106个子文件）

sshpk-conv.1 4KB

he.1 3KB

jsesc.1 3KB

sshpk-sign.1 2KB

marked.1 2KB

sshpk-verify.1 2KB

cssesc.1 2KB

package-lock.json.1909017369 0B

_mocha 12KB

_mocha-nightwatch 325B

acorn 2KB

acorn 301B

acorn 59B

address 692B

adler32 319B

en_US.aff 3KB

license.after 4B

ansi-html 2KB

ansi-html 317B

LICENSE.APACHE2 586B

atob 303B

AUTHORS 9KB

AUTHORS 5KB

AUTHORS 4KB

AUTHORS 1KB

AUTHORS 876B

AUTHORS 851B

AUTHORS 217B

AUTHORS 203B

AUTHORS 169B

AUTHORS 159B

AUTHORS 152B

AUTHORS 146B

autoprefixer-info 339B

autoprefixer-info 75B

.babelrc 402B

.babelrc 137B

.babelrc 81B

.babelrc 76B

.babelrc 74B

.babelrc 67B

.babelrc 64B

.babelrc 37B

.babelrc 31B

.babelrc 30B

.babelrc 29B

.babelrc 28B

babylon 315B

README.md.bak 7KB

base64_utf8 8KB

license.before 4B

benchmark 692B

range.bnf 629B

range.bnf 619B

browserslist 309B

LICENSE.BSD 1KB

Cakefile 2KB

Cakefile 1KB

CakeFile 1KB

Cakefile 537B

calendar 998B

card 2KB

node.cert 1KB

cfb 301B

haproxy.cfg 1KB

ChangeLog 9KB

ChangeLog 8KB

Changelog 7KB

ChangeLog 7KB

CHANGELOG 2KB

CHANGELOG 896B

CHANGELOG 465B

changelog 120B

CHANGES 27KB

共 29106 条

      <!doctype html>
<html>
<head>
	<meta charset='utf-8' />
	<title>postcss 7.0.17 | Documentation</title>
	<meta name='description' content='Tool for transforming styles with JS plugins'>
	<meta name='viewport' content='width=device-width,initial-scale=1'>
	<link href='assets/styles.min.css' rel='stylesheet' />
</head>

<body class='documentation'>
<div class='px2'>
	<div class='clearfix md-flex lg-flex flex-stretch mxn2'>
		<div class='documentation-sidebar relative top-0 bottom-0 right-0 px2 py2 col-3 md-show'>
			<div class='font-smaller fixed col-3 top-0 bottom-0 left-0 overflow-auto fill-light dark-link'>
				<div class='px2'>
					<h3 class='mb0 no-anchor'><code>postcss</code></h3>
					<div class='mb1'><code>7.0.17</code></div>
					<input placeholder='Filter' id='filter-input' class='col12 block input' type='text' />
					<div id="toc">
						
						
						
						<a
								href='#classes'
								class="blockmt1 quiet rounded bold block h4 mt2 ">
							<code>CLASSES</code>
							
						</a>
						
						
						
						
						
						<a
								href='#atrule'
								class="regular block toggle-sibling">
							<code>AtRule</code>
							<span class='icon'>▾</span>
						</a>
						
						
						<div class='toggle-target'>
							
							
							
							<a
									href='#atruleappend'
									class='button-indent regular block'>
								<code>#append</code>
							</a>
							
							<a
									href='#atruleeach'
									class='button-indent regular block'>
								<code>#each</code>
							</a>
							
							<a
									href='#atruleevery'
									class='button-indent regular block'>
								<code>#every</code>
							</a>
							
							<a
									href='#atrulefirst'
									class='button-indent regular block'>
								<code>#first</code>
							</a>
							
							<a
									href='#atruleindex'
									class='button-indent regular block'>
								<code>#index</code>
							</a>
							
							<a
									href='#atruleinsertafter'
									class='button-indent regular block'>
								<code>#insertAfter</code>
							</a>
							
							<a
									href='#atruleinsertbefore'
									class='button-indent regular block'>
								<code>#insertBefore</code>
							</a>
							
							<a
									href='#atrulelast'
									class='button-indent regular block'>
								<code>#last</code>
							</a>
							
							<a
									href='#atruleprepend'
									class='button-indent regular block'>
								<code>#prepend</code>
							</a>
							
							<a
									href='#atruleremoveall'
									class='button-indent regular block'>
								<code>#removeAll</code>
							</a>
							
							<a
									href='#atruleremovechild'
									class='button-indent regular block'>
								<code>#removeChild</code>
							</a>
							
							<a
									href='#atrulereplacevalues'
									class='button-indent regular block'>
								<code>#replaceValues</code>
							</a>
							
							<a
									href='#atrulesome'
									class='button-indent regular block'>
								<code>#some</code>
							</a>
							
							<a
									href='#atrulewalk'
									class='button-indent regular block'>
								<code>#walk</code>
							</a>
							
							<a
									href='#atrulewalkatrules'
									class='button-indent regular block'>
								<code>#walkAtRules</code>
							</a>
							
							<a
									href='#atrulewalkcomments'
									class='button-indent regular block'>
								<code>#walkComments</code>
							</a>
							
							<a
									href='#atrulewalkdecls'
									class='button-indent regular block'>
								<code>#walkDecls</code>
							</a>
							
							<a
									href='#atrulewalkrules'
									class='button-indent regular block'>
								<code>#walkRules</code>
							</a>
							
							
							
							
						</div>
						
						
						
						
						<a
								href='#comment'
								class="regular block toggle-sibling">
							<code>Comment</code>
							<span class='icon'>▾</span>
						</a>
						
						
						<div class='toggle-target'>
							
							
							
							<a
									href='#commentafter'
									class='button-indent regular block'>
								<code>#after</code>
							</a>
							
							<a
									href='#commentbefore'
									class='button-indent regular block'>
								<code>#before</code>
							</a>
							
							<a
									href='#commentcleanraws'
									class='button-indent regular block'>
								<code>#cleanRaws</code>
							</a>
							
							<a
									href='#commentclone'
									class='button-indent regular block'>
								<code>#clone</code>
							</a>
							
							<a
									href='#commentcloneafter'
									class='button-indent regular block'>
								<code>#cloneAfter</code>
							</a>
							
							<a
									href='#commentclonebefore'
									class='button-indent regular block'>
								<code>#cloneBefore</code>
							</a>
							
							<a
									href='#commenterror'
									class='button-indent regular block'>
								<code>#error</code>
							</a>
							
							<a
									href='#commentnext'
									class='button-indent regular block'>
								<code>#next</code>
							</a>
							
							<a
									href='#commentprev'
									class='button-indent regular block'>
								<code>#prev</code>
							</a>
							
							<a
									href='#commentraw'
									class='button-indent regular block'>
								<code>#raw</code>
							</a>
							
							<a
									href='#commentremove'
									class='button-indent regular block'>
								<code>#remove</code>
							</a>
							
							<a
									href='#commentreplacewith'
									class='button-indent regular block'>
								<code>#replaceWith</code>
							</a>
							
							<a
									href='#commentroot'
									class='button-indent regular block'>
								<code>#root</code>
							</a>
							
							<a
									href='#commenttostring'
									class='button-indent regular block'>
								<code>#toString</code>
							</a>
							
							<a
									href='#commentwarn'
									class='button-indent regular block'>
								<code>#warn</code>
							</a>
							
							
							
							
						</div>
						
						
						
						
						<a
								href='#container'
								class="regular block toggle-sibling">
							<code>Container</code>
							<span class='icon'>▾</span>
						</a>
						
						
						<div class='toggle-target'>
							
							
							
							<a
									href='#containerafter'
									class='button-indent regular block'>
								<code>#after</code>
							</a>
							
							<a
									href='#containerappend'
									class='button-indent regular block'>
								<code>#append</code>
							</a>
							
							<a
									href='#containerbefore'
									class='button-indent regular block'>
								<code>#before</code>
							</a>
							
							<a
									href='#containercleanraws'
									class='button-indent regular block'>
								<code>#cleanRaws</code>
							</a>
							
							<a
									href='#containerclone'
									class='button-indent regular block'>
								<code>#clone</code>
							</a>
							
							<a
									href='#containercloneafter'
									class='button-indent regular block'>
								<code>#cloneAfter</code>
							</a>
							
							<a
									href='#containerclonebefore'
									class='button-indent regular block'>
								<code>#cloneBefore</code>
							</a>
							
							<a
									href='#containereach'
									class='button-indent regular block'>
								<code>#each</code>
							</a>
							
							<a
									href='#containererror'
									class='button-indent regular block'>
								<code>#error</code>
							</a>
							
							<a
									href='#containerevery'
									class='button-indent regular block'>
								<code>#every</code>
							</a>
							
							<a
									href='#containerfirst'
									class='button-indent regular block'>
								<code>#first</code>
							</a>
							
							<a
									href='#containerindex'
									class='button-