• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

admin-workbench-ui: vue开发的管理平台,中台及后台解决方案,vue-admin 管理平台,a ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

admin-workbench-ui

开源软件地址:

https://gitee.com/ruyangit/seed-workbench-ui

开源软件介绍:

工作中台基础UI

项目介绍

SeedWorkbenchUi 简洁的中台UI,vuejs 开发,组件化,模块化 See: demo

先来波图

bannerbannerbannerbannerbannerbanner

预览

预览地址

预览部署在 Github Page ,如果您访问时由于网络原因卡在载入界面或者白屏,请克隆或者下载本仓库在本地运行查看效果。

软件架构

安装教程

npm install

运行包含热加载的开发环境

npm run serve

打包压缩后的生产文件

npm run build

本地如何运行打包后的生产文件

npm install serve -g  安装serve服务 -g 安装到全局serve -s dist 运行打包后的生产文件 dist 打包后的文件夹

Lints and fixes files

npm run lint

使用说明

  1. 运行文件配置 vue.config.js
// 基础路径 注意发布之前要先修改这里const baseUrl = '/'if (process.env.NODE_ENV === 'production') {  baseUrl = '/seed-workbench-ui/'}// 主题样式全局修改替换css: {  loaderOptions: {    less: {      modifyVars: {        'ai-prefix': 'ai',        'primary-color': '#42b983'      },      paths: [        resolve('node_modules'),        resolve('src')      ],      javascriptEnabled: true    }  }}// 过滤掉moment其它国家,只保留中文和英文configureWebpack: {  plugins: [    new webpack.ContextReplacementPlugin(/moment[\\/]locale$/, /^\.\/(zh-cn|en-us)$/),  ]}// 配置本地svg优化方案 ,重新设置src别名@chainWebpack: config => {  const svgRule = config.module.rule('svg')  svgRule.uses.clear()  svgRule    .include    .add(resolve('src/assets/svg-icons'))    .end()    .use('svg-sprite-loader')    .loader('svg-sprite-loader')    .options({      symbolId: 'ai-[name]'    })    .end()  // image exclude  const imagesRule = config.module.rule('images')  imagesRule    .test(/\.(png|jpe?g|gif|webp|svg)(\?.*)?$/)    .exclude    .add(resolve('src/assets/svg-icons'))    .end()  // 重新设置 alias  config.resolve.alias.set('@', resolve('src'))}
  1. 编译文件配置 babel.config.js
// 设置ant-design-vue 按需加载方案"plugins": [  ["import", { "libraryName": "ant-design-vue", "libraryDirectory": "es", "style": true }]]
  1. 组件及页面API说明待后续时间充裕补充上来。

计划

  • 后续完善UI中所需的组件
  • 对接完成自己开发的后台系统SpringbootSeed
  • 关于阿里的g2 或者百度的 echarts 对于我来说感觉有点大,之后看看图表相关的简化一下
  • 代码的规范及API文档的编写
  • 代码的CI,CD测试

参与贡献

  1. Fork 本项目
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

人家都喝咖啡,我就喝瓶水就行,谢谢支持!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap