V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Aresn
V2EX  ›  JavaScript

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

  •  1
     
  •   Aresn · 2017-10-18 10:54:19 +08:00 · 28288 次点击
    这是一个创建于 2619 天前的主题,其中的信息可能已经有所发展或是发生改变。

    简介

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

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