1 Star 4 Fork 1

珀琥 / adminFramework

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

adminFramework

项目在线演示地址:http://www.pfuni.cn/test/adminFramework
用户名:admin 密码:123123

Project setup

安装依赖

npm install

Compiles and hot-reloads for development

启动服务

npm run serve 启动环镜-localhost:8888 接口地址配置代理即可正常
npm run dev   启动开发环镜接口地址

Compiles and minifies for production

打包发到正式环境

npm run build
npm run build:dev 打包到开发环境
npm run build:test 打包到测试环境
npm run build:prod 打包到生产(正式)环境
注:修改打包环境目录需在以下文件修改
.env.prod-对应正式
.env.test-对应测试

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

提示warning delete ·· (prettier/prettier) 可执行

npm run lint -- --fix
 

Customize configuration

See Configuration Reference.

目录结构

├── dist                                         #打包文件
├── node_modules                                 #依赖文件
├── public                                       #静态资源文件-public放别人家js文件(也就是不会变动)
      ├──css                                 #样式图片
          ├──fonts                                 #图标文件
          ├──quill                                 #富文本编辑器样式
          ├──themes                                 #主题
              ├──blue                                 #红色主题
              ├──style                                 #自定义主题样式    
      ├──img                                 #图片文件。  
      ├──js                                  #JS文件。
         ├──lisbs                            #第三方库。
             ├──axios.js                            #主要做ajax处理的
             ├──element-ui.js                            #element-ui主题库
             ├──quill.js                            #富文本编辑器库
      ├──updata                              #上传图片地址  注:后台要按功能建目录-并按时间建文件添加在功能目录文件里。    
      ├──measurement                         #测试图片地址   注:止文件为测试图片 可以删除    
      ├──index.html                                     #views下所有路由页面-index.html
      ├──user.html                                     #pang-user所有路由页面-user.html		       
├── src                                          #源码目录
    ├── assets                                   #静态资源-assets放自己写的js文件(需要改动的文件)
         ├──img                                  #图片文件  
         ├──js                                   #JS文件 
            ├──api                                   #接js口文
            ├──common                                   #共用文件
                ├──langs                                   #语言  
                     ├──en.js                                   #英文   
                     ├──en.js                                   #中文 
               ├──ajax.js                                  #ajax共用方法实现请求后台数据 
               ├──AMap.js                                  #谷德地图  
               ├──BMap.js                                  #百度地图  
               ├──instance.js                                  #接口拦截处理   
               ├──map.js                                  #地图公用方法  
               ├──theme.js                                  #主题处理  
               ├──tool.js                                  #工具类方法   
            ├──router                                   #子路由配置  
         ├── mock                                     #mock数据,模拟后台接口--如果不需要可以删除获在main.js注释引用
              ├── json                            #JSON数据文件
                   ├── user.json                      #用户信息
              ├── index.js                            #接口地址配置 
         ├── config                                   #共用的项目配置
	├── components                               #组件文件夹,自己写的组件都放在这个文件夹下
			├── layout                            #公用页面布局组件
			     ├── footer.vue                            #页脚
			     ├── head.vue                              #页头
			     ├── left.vue                              #业务系统功能导航
			     ├── sidebar.vue                           #业务系统导航
			     ├── Main.vue                              #中间主体框架
			     ├── tag.vue                              #面包屑导航
        ├── index.js                             #共用的项目配置详情
	├──pages                                     #多页面处理
	    ├── user                                 #多页面处理-所有路由页面	
	        ├──views                                     #所有路由页面
	            ├──index.vue                                     #首页
	            ├──personal.vue                                     #个人信息
	        ├──main.js                                   #程序入口文件,加载各种公共组件
	        ├──router.js                                 #路由	  			
	├──views                                     #所有路由页面
	    ├──warehouse                                     #仓库
	    ├──product                                     #产品		
	    ├──management                                     #管理		 
	├──App.vue                                   #页面入口文件主体框架	
	├──main.js                                   #程序入口文件,加载各种公共组件	                                  
	├──router.js                                 #路由
	├──store.js                                  #状态控制
├── .env.prod                                    #生产环境(正式环境)打包配置
├── .env.tets                                    #测试环境打包配置
├── .env.dev                                     #开发环境打包配置
├── .browserslistrc                              #ES6语法编译配置
├── .eslintrc.js                                 #代码编写规格
├── .gitignore                                   #忽略的文件
├── package.json                                 #项目及工具的依赖配置文件
├── package-lock.json                            #锁定安装时的包的版本号-保证其他人在npm install时大家的依赖能保证一致。注:如安装一直无法成功时,可以删除此文件再安装
├── postcss.config.js                            #配置,将px转化成rem
├── README.md                                    #说明
├── vue.config.js                                #配置

技术选型

技术 说明 官网
Vue 前端框架 https://vuejs.org/
Vue-router 路由框架 https://router.vuejs.org/
Vuex 全局状态管理框架 https://vuex.vuejs.org/
Element 前端UI框架 https://element.eleme.io/
Axios 前端HTTP框架 https://github.com/axios/axios
v-charts 基于Echarts的图表框架 https://v-charts.js.org/
nprogress 进度条控件 https://github.com/rstacruz/nprogress
vue-i18n 多语言处理 http://kazupon.github.io/vue-i18n/
vue-puzzle-vcode 滑动验证 https://github.com/javaLuo/vue-puzzle-vcode
vuedraggable 可拖拽组件 https://github.com/SortableJS/Vue.Draggable
vuedraggable 可拖拽组件 https://github.com/SortableJS/Vue.Draggable
vue-quill-editor 富文本编辑器 https://github.surmon.me/vue-quill-editor/
VueTreeselect 多选树形控件 https://www.vue-treeselect.cn/

空文件

简介

基于Vue.js 2.x系列 + Element UI 的网站UI解决方案。后台基础框架! 展开 收起
JavaScript 等 5 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/panfu/adminFramework.git
git@gitee.com:panfu/adminFramework.git
panfu
adminFramework
adminFramework
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891