/sls-admin

第一更新地址:https://gitea.sailengsi.com/product/sls-admin

Primary LanguageJavaScript

sls-admin

这是一个功能强大的自动化后台框架基础模板,基于vue2实现,用到的技术包含:vue2,vue-router,vuex2,axios,ElementUI。

在线demo:https://vue2.slsadmin.sailengsi.com,或者通过本地启动的server,将会看到一个登陆界面,以下是测试账号

  1. sls-1/123456
  2. sls-2/123456
  3. sls-3/123456

使用以上任意一个账号登录之后,即可体验。由于是测试账号,所以这些账号没有修改密码权限,你懂得!

项目第一级目录和bower.json可以直接忽略

使用说明,此项目不是一个框架,没有很多的页面组件等,因为这不是我做这个的本意。

此项目重点突出在架构模式上,这个架构模式,可以让我们在开发中,很方便的拓展与维护,并且可以保持结构清晰的状态

相比那些有很多页面,但架构混乱的模式来说,一个真正的前端应该更在意项目的架构

# 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值为:'https://slsadmin.api.sailengsi.com'

# 安装依赖
npm install

# 启动server
npm run dev

# 编译
npm run build

这个系统有以下几点优势

  1. 功能强大
  2. 可拓展性和可维护性强

欢迎体验,如果您觉得不错,欢迎分享。

简单的介绍下项目里面的功能。

登录成功之后,会在头部看到两个模块。

  • 功能模块,就是纯粹的静态演示,没有交互,功能列表如下:
    • 列表
    • 表单
    • 图表
    • vuex
  • 演示模块,是一个完整的与后台交互模块,功能列表如下:
    • 后台做了权限管理,权限结构如下:
      • 所有接口,必须通过token获取,登录除外
      • 当前登录用户操作的数据,必须是自己创建的,或者是自己添加的用户创建的(可以理解为自己的子用户)
    • 用户功能,可增删改查
    • 文章功能,可增删改查,此功能主要为了体验wangeditor富文本编辑器的使用
    • 订单功能,可增查,此功能目的是为了演示用图表的使用,所以只写了增查两个接口
    • 图表功能,可查,初始化时为空,可通过点击按钮动态更新图表数据