Coder Social home page Coder Social logo

sls-admin's Introduction

sls-admin

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

以下有几项需注意:

  1. 测试账号,所以这些账号没有修改密码权限,你懂得。
  2. 此项目不是一个框架,没有很多的页面组件等,因为这不是我做这个的本意。
  3. 此项目重点突出在架构模式上,这个架构模式,可以让我们在开发中,很方便的拓展与维护,并且可以保持结构清晰的状态;相比那些有很多页面,但架构混乱的模式来说,一个真正的前端应该更在意项目的架构。
  4. 如果您有什么问题,可提issues,也可加QQ群讨论:613102022。
  5. 更新日志:可查看提交记录,有较大的更新都会在提交日志中明确写出。
  6. 广告:个人官方博客:https://www.sailengsi.com 交流技术,交流心得。

遗留问题:

1. 服务端使用的https,所以本地开发时,从http代理到服务器会不成功,正在解决这个问题,有需要的可先克隆到本地看下代码。

正在更新内容:

  1. 将页面组件再次抽象封装成组件,并提供接口供外部使用,预计抽象的组件包括如下
  • 图表组件,目前已存在
  • 列表组件,开发中...
  • 表单组件,未开始
  • 对于新手或者后台人员的使用,有时间会出个文档,让他们少走点坑~

在线demo:https://vue2.slsadmin.sailengsi.com,以下是测试账号

  1. sls-1/123456
  2. sls-2/123456
  3. 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富文本编辑器的使用
    • 订单功能,可增查,此功能目的是为了演示用图表的使用,所以只写了增查两个接口
    • 图表功能,可查,初始化时为空,可通过点击按钮动态更新图表数据

sls-admin's People

Contributors

mhleilei avatar mamanman avatar

Watchers

James Cloos avatar maliqiang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.