推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
Aresn

iView 发布后台管理系统 iview-admin,没错,它就是你想要的

  •  1
     
  •   Aresn · Oct 18, 2017 · 29562 views
    This topic created in 3313 days ago, the information mentioned may be changed or developed.

    简介

    iView Admin 是基于 Vue.js ,搭配使用 iView UI 组件库形成的一套后台集成解决方案,由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。

    没错,这就是大家期待已久的 admin 了,这么漂亮好用的系统,是不是可以给个 Star 鼓励一下开发者呢:

    iView GitHub:https://github.com/iview/iview

    iView Admin GitHub:https://github.com/iview/iview-admin

    在线预览

    在线访问地址 https://iview.github.io/iview-admin 密码随意填,但要记住哦(不然使用锁屏功能时你就懵逼了)。

    功能

    • 登录 /登出
    • 权限管理
      • 列表过滤
      • 权限切换
    • 组件
      • 富文本编辑器
      • Markdown 编辑器
      • 可拖拽列表
      • 文件上传
      • 数字渐变
    • 表单编辑
      • 文章发布
      • 工作流
    • 表格
      • 可拖拽排序
      • 可编辑表格
        • 行内编辑
        • 单元格编辑
      • 表格导出数据
        • 导出为 Csv 文件
        • 导出为 Xls 文件
      • 表格转图片
    • 错误页面
      • 401 页面
      • 404 页面
      • 500 页面
    • 换肤
    • 收缩侧边栏
    • tag 标签导航
    • 面包屑导航
    • 全屏 /退出全屏
    • 锁屏
    • 消息中心
    • 个人中心

    效果展示

    • 登录 image

    • 标签导航 image

    • 权限管理 image

    • 可拖拽列表 image

    • 文件上传 image

    • 数字渐变 image

    • 文章发布 image

    • 工作流 image

    • 可拖拽表格 image

    • 可编辑表格 image

    • 表格导出数据 image

    • 表格转图片 image

    • 错误页面 image

    • 锁屏 image

    • 可收缩侧边栏 images

    • 主题切换 image

    • 消息中心 image

    文件结构

    .
    ├── dist
    │   ├── langs    TinyMCE 富文本编辑器语言包
    │   ├── plugins    TinyMCE 富文本编辑器组件
    │   ├── skins    TinyMCE 富文本编辑器皮肤
    │   └── themes    TinyMCE 富文本编辑器主题
    └── src
        ├── config    项目配置
        ├── images    图片文件
        ├── libs    工具方法
        ├── styles    样式文件
        ├── template    ejs 模板
        └── views    视图组件
            ├── access    权限管理
            ├── error_page    错误页面
            ├── form    表单
            │   ├── article-publish    文章发布
            │   └── work-flow    工作流
            ├── home    首页
            ├── main_components    主框架
            ├── message    消息中心
            ├── my_components    组件
            │   ├── count-to    数字渐变
            │   ├── draggable-list    可拖拽列表
            │   ├── file-upload    文件上传
            │   ├── markdown-editor    markdown 编辑器
            │   └── text-editer    富文本编辑器
            ├── own-space    个人中心
            ├── screen-shorts    锁屏
            └── tables    表格
    

    Links

    License

    MIT

    Copyright (c) 2016-present, iView

    37 replies  •  2017-12-14 16:43:04 +08:00
    PanJiaChen
    PanJiaChen
    Oct 18, 2017
    1
    学习学习
    lyhapple
    lyhapple
    Oct 18, 2017
    2
    赞一个,省了好多事
    lwbjing
    lwbjing
    Oct 18, 2017
    3
    赞。。多个 tab 打开的时候 tab 标题容器应该要可以滚动吧。。
    annielong
    annielong
    Oct 18, 2017
    4
    真不错,看怎么加入项目里面
    wwdyy
    wwdyy
    Oct 18, 2017
    5
    不错不错,我喜欢
    mooncakejs
    mooncakejs
    Oct 18, 2017 via iPhone
    6
    缺少一个图片裁剪
    kajibu
    kajibu
    Oct 18, 2017❤️1
    7
    歪个楼,第一张那个图片是超著名的风光摄影大神 max rive 的图。
    MushishiXian
    MushishiXian
    Oct 18, 2017
    8
    打不开示例网站...js 和 css 都 404 是什么回事
    MushishiXian
    MushishiXian
    Oct 18, 2017
    10
    现在可以了,学习看看
    mokeyjay
    mokeyjay
    Oct 18, 2017
    11
    前排,赞爆!
    mogutouer
    mogutouer
    Oct 18, 2017❤️1
    12
    不错不错,借问一下,你们怎么赚钱?(有关长期稳定发展更新有人修 bug )
    justfly
    justfly
    Oct 18, 2017
    13
    干的漂亮!
    BearD01001
    BearD01001
    Oct 18, 2017
    14
    @kajibu #7 谢谢~ 刚在 Instagram 上 fellow 了~ 很赞!
    BearD01001
    BearD01001
    Oct 18, 2017
    15
    @mogutouer #12 好问题 盈利关乎于项目的持续坚挺程度 同问
    Hassan
    Hassan
    Oct 18, 2017
    16
    干的漂亮!
    waltcow
    waltcow
    Oct 18, 2017
    17
    amazing
    rogwan
    rogwan
    Oct 18, 2017 via Android
    18
    js 被玩出花🌸啦,赞👍
    imherer
    imherer
    Oct 18, 2017
    19
    safari 下 富文本编辑器 编辑、插入、视图、格式、表格 这个几个按钮有 bug, 点击的时候会出一层遮罩,把最上面和右边的菜单盖住一部分
    ylsc633
    ylsc633
    Oct 18, 2017
    20
    不错不错 就是手机显示的 有点点问题..

    学习了.. 先 star 为敬
    Aresn
    Aresn
    OP
    Oct 18, 2017
    21
    @imherer 方便的话,建议到 GitHub 提个 issue 吧
    alinwu05
    alinwu05
    Oct 18, 2017
    22
    超级赞,用起来~~!最近已经全部转向前后端分离啦,正是时候
    jtn007
    jtn007
    Oct 18, 2017
    23
    cool~一直在用 iview 的 UI 组件,希望能一直维护下去
    janwen
    janwen
    Oct 18, 2017
    24
    这个怎么使用啊?比如我要改页面内容或者挑一些布局啥的?如果在你们的代码上改,那以后就没法升级了吧?
    Doodlister
    Doodlister
    Oct 18, 2017 via Android
    25
    没有移动版?
    loading
    loading
    Oct 18, 2017
    26
    搭车问个问题:
    可编译表格,后端一般是什么。
    Cryse
    Cryse
    Oct 18, 2017
    27
    这个真心厉害了
    yoa1q7y
    yoa1q7y
    Oct 18, 2017
    28
    666 很强
    zonghua
    zonghua
    Oct 18, 2017 via iPhone
    29
    私货利器,希望可以长期支持
    zthxxx
    zthxxx
    Oct 18, 2017
    30
    真棒!
    qiayue
    qiayue
    Oct 18, 2017
    31
    速度感人
    qiayue
    qiayue
    Oct 18, 2017
    32
    原始数据:257678 => 2 十万多
    这里显示不友好,不符合日常用语
    Aresn
    Aresn
    OP
    Oct 19, 2017
    33
    @qiayue 可以到 GitHub 提个 issue 吗,我们的开发小哥哥都会解决哦
    wzw
    wzw
    Nov 19, 2017
    34
    @Aresn 你们是一个团队做的?
    lison16
    lison16
    Nov 22, 2017
    35
    @qiayue 其实在实例中这样做是为了显示这个组件的高可自定义性,默认单位是 k,m,b, 你也可以自定义显示格式,自定义格式就是传入这样一个数组[[1, '十多'], [2, '百多'], [3, '千多'], [4, '万多'], [5, '十万多'], [6, '百万多'], [7, '千万多'], [8, '亿多']],数字代表位数
    qiayue
    qiayue
    Nov 22, 2017
    36
    @lison16 但是你的高可定制,得到的结果不友好啊
    说明只是简单的替换而已,并不是多高明的算法
    Aresn
    Aresn
    OP
    Dec 14, 2017
    37
    @wzw 是的,我同事做的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   947 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 79ms · UTC 19:56 · PVG 03:56 · LAX 11:56 · JFK 14:56
    ♥ Do have faith in what you're doing.