vue开发的后台管理系统
vue开发的后台管理系统
JavaScript Vue.js相关
共9Star
详细介绍
前言
自学vue以后,打算在公司推vue,所以就把公司后台管理系统的部分业务拿出来用vue重构,既然都写了索性就放上来吧,和大家共同探讨。
此项目共 14 个页面,涉及登录、客户管理和编辑、报关单管理和修改等等,页面样式是直接从公司后台管理系统项目拷的,是同事负责的,所以,这里只探讨vue,请忽略样式。
数据是通过nodejs开发的后端接口提供的真实数据,需先下载并启动后端项目以获取数据,后端项目地址。
注:此项目纯属个人瞎搞,有许多不足之处请见谅
技术栈
vue2 + vuex + vue-router + webpack + ES6/7 + fetch
项目运行
注意:由于涉及大量的 ES6/7 等新属性,nodejs 必须是 6.0 以上版本 ,node 7 是先行版,有可能会出问题,建议使用 node 6 稳定版
git clone https://github.com/codeBaby666/xbn_admin.git
cd xbn_admin
npm install
编译环境
npm run dev
访问 http://localhost:8110
线上版本
npm run build
生成的xbn文件夹放在服务器即可正常访问
说明
本项目主要用于熟悉如何使用 vue2 开发项目
如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^
或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
开发环境 WebStorm 11.0.2 Chrome 56 nodejs 6.10.0