这是一个功能强大的自动化后台框架基础模板,基于vue2实现,用到的技术包含:vue2,vue-router,vuex2,axios,ElementUI。
以下有几项需注意:
- 测试账号,所以这些账号没有修改密码权限,你懂得。
- 此项目不是一个框架,没有很多的页面组件等,因为这不是我做这个的本意。
- 此项目重点突出在架构模式上,这个架构模式,可以让我们在开发中,很方便的拓展与维护,并且可以保持结构清晰的状态;相比那些有很多页面,但架构混乱的模式来说,一个真正的前端应该更在意项目的架构。
- 如果您有什么问题,可提issues,也可加QQ群讨论:613102022。
- 更新日志:可查看提交记录,有较大的更新都会在提交日志中明确写出。
- 广告:个人官方博客:https://www.sailengsi.com 交流技术,交流心得。
遗留问题:
1. 服务端使用的https,所以本地开发时,从http代理到服务器会不成功,正在解决这个问题,有需要的可先克隆到本地看下代码。
正在更新内容:
- 将页面组件再次抽象封装成组件,并提供接口供外部使用,预计抽象的组件包括如下
- 图表组件,目前已存在
- 列表组件,开发中...
- 表单组件,未开始
- 对于新手或者后台人员的使用,有时间会出个文档,让他们少走点坑~
在线demo:https://vue2.slsadmin.sailengsi.com,以下是测试账号
- sls-1/123456
- sls-2/123456
- sls-3/123456
如果您觉得项目还不错,欢迎分享...
遗留第一个问题已解决,解决办法是服务器做了兼容http,在修改代理时,把https改成http即可,请看下面的步骤
使用步骤
# get project
git clone https://gitea.sailengsi.com/product/sls-admin.git or git clone https://github.com/sailengsi/sls-admin.git
#进入项目目录
cd sls-admin/vue2
#修改api代理
- 把sls-admin/vue2/config中的index.js打开
- 找到 target: 'http://slsadmin.api.sls.com' 这一行
- 修改target值为:'http://slsadmin.api.sailengsi.com'
# 安装依赖
npm install
# 启动server
npm run dev
# 编译
npm run build
登录成功之后,会在头部看到两个模块。
- 功能模块,就是纯粹的静态演示,没有交互,功能列表如下:
- 列表
- 表单
- 图表
- vuex
- 演示模块,是一个完整的与后台交互模块,功能列表如下:
- 后台做了权限管理,权限结构如下:
- 所有接口,必须通过token获取,登录除外
- 当前登录用户操作的数据,必须是自己创建的,或者是自己添加的用户创建的(可以理解为自己的子用户)
- 用户功能,可增删改查
- 文章功能,可增删改查,此功能主要为了体验wangeditor富文本编辑器的使用
- 订单功能,可增查,此功能目的是为了演示用图表的使用,所以只写了增查两个接口
- 图表功能,可查,初始化时为空,可通过点击按钮动态更新图表数据
- 后台做了权限管理,权限结构如下: